[새싹 프론트엔드] 자바스크립트 문법

문법 챕터에서는 크게 블로그에 정리할만큼 중요한건 별로 없는거같다 (내생각)

 

✸ 식별자(identifier)

∙ 개발자가 프로그램의 변수, 함수 등에 붙이는 이름

∙ 의마를 담을 수 있도록 만드는 것이 좋음 (나중에 알아보기 편하게)

∙ 두 단어로 구성되는 식별자의 경우, 두 번째 이후 단어의 첫 글자는 대문자로 작성 ex) numberOfStudents, studentID

 

 

✸ 식별자 작성 규칙

∙ 첫 번째 문자 

    - 알파벳(A-Z, a-z), 언더바(_), $ 문자만 사용가능

∙ 두 번째 이상 문자

 

    - 알파벳(A-Z, a-z), 언더바(_), $, 0-9 문자만 사용가능 (‼️첫번째 문자에서 숫자가 추가됨!!)

∙ 대소문자 구분

    - myHome과 myhome은 서로 다룬 변수

 

 

✸ 자바스크립트 프로그램의 기본 단위는 문장

∙ 세미콜론(;)으로 문장과 문장을 구분함

∙ 한 줄에 한 문장만 있는 경우, 세미콜론 생략 가능함! 

i = i + 1	(O) 한 줄에 한 문장만 있는 경우 생략가능
j = j + 1 ;	(O) 문장 끝에 세미콜론 사용
k = k + 1 ; m = m + 1 ;	(O) 한 줄에 여러 문장
n = n + 1 p = p + 1 ;	(X) 첫 번째 문장 끝에 세미콜론 필요

 

 

 

💡 크롬 개발자도구 스니펫 이용하기

콘솔로그 간단하게 볼 때 개발자도구에서 콘솔로 보는 방법도있지만 여러 줄을 코딩할때는 콘솔이 불편했다!

같이 공부하는 원생분이 스니펫을 이용하면 더 편하게 볼수있다고 알려주셔서 잊어먹기전에 기록한다! 

 

개발자도구 (cmd+option+i or j) 

j는 콘솔창이 열어진다! 똑같은 개발자 도구라서 ㅎ 둘중에 아무거나 손갈때..쓰고있다..^^

개발자도구에서 옆에 소스 누르고 처음엔 페이지에 있을텐데 자세히보면 화살표 >>가 보인다 눌러주자

 

짠! 스니펫이 보인다 눌러주자!

 

그럼 짜란~ 창이보인다! 나는 옆에 새로운스니펫을 미리 추가해놔서 바로 창이보이지만

처음에 들어가면 안보일거다 

당황하지말고 왼쪽에 보면 +새로운스니펫 있다 이걸로 추가해서 편안한 개발생활 즐겨보자

 

 

새싹DT 기업연계형 프론트엔드 실무 프로젝트 과정 3주차 블로그 포스팅