{ ** Tip ** }
참고하기 좋은 블로그: velog, 개발자를 위한 블로그 서비스이다.
[웹 제작 디자인]
메뉴 카테고리 기획을 내가 할 수도 있다.
잘 관찰하여 분류하고, 사용자가 볼 때 잘 구부할 수 있도록 생각을 하는 연습을 해보자.
사이트의 방향, 목적, 목표
사이트로 알려주고자 하는 것. => 뭐하는 회사인가?, 주는 서비스는 무엇인가? 성능, 역할...등
사이트의 섹션의 크기, 순서, 색상 등으로 우선순위를 나타낼 수 있다.
[응용이 많은 언어의 경우(ex. JS), 혼자 코드 공부하기]
- 다른 사이트 소스 코드에 들어가서 script 파일 코드를 볼 수 있다.
- 챗gpt에 모르는 함수, 변수를 물어보면 된다.
- 점유율 상위권의 js 라이브러리는 거의 필수로 익혀두는 것이 좋다.
[JS 변수명]
변수: 변할 수 있는 값. 데이터의 그릇이다.
[변수명 특징]
- 같은 변수명은 사용 할 수 없다. (중복 선언 불가)
- 대시(-)는 사용할 수 없다.
- 언더바(_)만 사용할 수 있다.
- 변수명으로 사용할 수 없는 단어들이 있다.
- 뒷단어 첫 글자는 대문자로 작성한다. (가독성을 위해)
참고) 강사님 코드펜 : 연산자와 피연산자 설명, 연산자 적응문제 문제지
[코드펜에 js파일 첨부하기]
[방법1. url로 첨부]
cdn.js에서 url을 가져와 script 태그에 삽입하여 링크로 가져온다.
++) 'http://code.jquery.com/jquery-latest.min.js;' <= 이 링크를 삽입하면 항상 최신 버전의 j-query가 적용된다.
[방법2. 코드펜 내부 적용 시스템 사용]
[함수]
- 이벤트가 발생했을 때 실행문이 실행될 수 있도록 함수 사용, 아래처럼 자바스크립트 창에 코드를 적어놓으면 바로 실행된다.
console.log("실행");
- 함수명 특징은 변수명 특징과 동일하다.
- 이벤트 안에서 함수명이 생략된 형태를 사용할 수 있지만, 생략하지 않을 때는 함수명이 반드시 필요하다.
- 함수는 호출되기 전까지 실행문이 실행되지 않는다.
- 함수 호출 시 실행문이 호출되는 것이 아니라 function부터 호출된다.
- 호출 코드 -> 함수명();
[j-query 이벤트]
css 수정하기
// css 이벤트: ("속성", "속성값")의 구조를 사용
$("div").css(bg, 'red');