[개발자의품격][부트캠프][1기][5차시] JavaScript 주요 포인트 #1

[ 영광의 시대!/2022 개발자의 품격 부트캠프 1기 ]

2022년 01월 20일 10시 52분 41초에 업로드 된 글입니다.

작성자: DandyNow

728x90

JavaScript 주요 포인트 #1

html 코드 내에서 자바스크립트의 위치가 중요하다. 실무에서는 사용자가 느끼는 체감 성능을 고려한다. 결론적으로 자바스크립트는 <body> 내에 작성하며, <body> 내에서도 html 코드 작성 후 하단에 자바스크립트 코드를 작성한다. 만약 <head> 나 html 코드보다 자바스크립트 코드가 위에 위치하고 있다면, 자바스크립트 코드가 다 해석되고 난 이후에 html이 처리되기 때문에 사용자가 웹 화면을 보기 위해 오래 기다려야 하는 문제가 생길 수 있다. 물론 defer 속성을 주어 나중에 렌더링 되도록 할 수 있다. 하지만 <body>의 하단 부에 작성하는 습관을 갖는 것이 더 좋다.

자바스크립트 개발 시에는 "개발자 도구(f12 키 입력으로 진입)"를 잘 활용해야 한다. 개발자 도구 사용의 이점은 다음과 같다.

다른 사이트의 디자인, 코드 등을 참고할 수 있다.
디자인 테스트를 편리하게 할 수 있다(콘솔창에서 디자인 테스트 후 최종 코드를 복붙 하면 된다).
자바스크립트 코드의 오류를 확인할 수 있다.
이미지 데이터를 추적할 수 있다.
Fetch/XHR 서버에서 데이터를 어떻게 받아오는지 확인할 수 있다.

변수의 선언자는 var, let, const가 있다. var는 재할당, 재선언 모두 가능하고, let은 재할당만 가능, const는 재할당, 재선언 모두 불가능하다. 최근 추세는 var를 잘 쓰지 않는 쪽으로 흘러가고 있다. 따라서 let, const를 사용하는 습관을 들여야 한다. const의 변수명은 대문자를 쓰며(암묵적 약속), 두 단어를 연결하는 경우에는 대문자 스네이크 표기법을 사용한다. var, let의 변수명은 ECMA를 따라 카멜 표기법을 사용하는 추세이다. 참고로 변수 표기법의 종류는 다음과 같다.

  var userName = "카멜 표기법(camelCase)";
  var user_name = "스네이크 표기법(snake_case)";
  var UserName = "파스칼 표기법(PascalCase)";
  var strUserName = "헝가리언 표기법(Hungarian notation)";

변수가 선언되었지만 값을 할당하지 않을 경우 자바스크립트 엔진은 undefined라는 값을 해당 변수에 할당한다. 주의할 점은 undefined도 값이라는 점이다.

728x90

저작자표시 비영리 변경금지

'영광의 시대! > 2022 개발자의 품격 부트캠프 1기' 카테고리의 다른 글

[개발자의품격][부트캠프][1기][7차시] JavaScript 주요 포인트 #3 \| 조건문, 반복문, 함수 \| 내장 객체 String, Number (0)	2022.01.26
[개발자의품격][부트캠프][1기][6차시] JavaScript 주요 포인트 #2 (0)	2022.01.21
[개발자의품격][부트캠프][1기][2~4차시] HTML부터 CSS까지 - CSS 주요 포인트 (0)	2022.01.15
[개발자의품격][부트캠프][1기][2~4차시] HTML부터 CSS까지 - HTML 주요 포인트 (0)	2022.01.14
[개발자의품격][부트캠프][1기][1차시] HTML 주요 포인트 (0)	2022.01.07

다음글이 없습니다.

이전글이 없습니다.

JavaScript 주요 포인트 #1

'영광의 시대! > 2022 개발자의 품격 부트캠프 1기' 카테고리의 다른 글

티스토리툴바