프론트엔드/혼자 공부하는 자바스크립트
혼공스 Day 2
오늘도코딩
2023. 1. 18. 00:02
Ch 01. 자바스크립트 개요와 개발환경 설정 (2/2)
주석 (comment)
주석은 프로그램 코드를 사람에게 설명할 때 사용합니다. (프로그램 진행에는 영향 X)
👉 HTML 태그 주석 & 자바스크립트 태그 주석
- HTML 태그 주석 : <!-- 주석 -->
- 자바스크립트 태그 주석 : // 주석 or /* 여러 줄 주석 */
출력
출력은 나의 코딩이 맞는지 확인하기 위한 방법입니다.
- 구글 크롬 콘솔 사용
- 자바스크립트 alert() 함수 사용
- 자바스크립트 console.log() 메소드 사용
👉 코드를 실행하고 [개발자 도구] 실행 후, [Console] 탭 확인

Ch 02. 자료와 변수
Ch 02-1. 기본 자료형 (1/3)
자료 (data)
자료(data)란 프로그래밍에서 프로그램이 처리할 수 있는 모든 것을 말하고,
그 형태에 따라 구분하여 놓은 것을 자료형(data type)이라고 합니다.
👉 숫자(number), 문자열(string), 불(boolean) 등
문자열 자료형
문자열 자료형이란 한 개 이상의 문자들의 집합을 말합니다.
👉 자바스크립트는 문자 하나만 나타내는 자료형이 따로 없음
A. 문자열 만들기
- 큰 따옴표 사용 ( "" ) or 작은 따옴표 사용 ( '' )
👉 따옴표의 종류는 항상 일관되게 사용
👉 문자열 안에 따옴표 사용시 예외적으로 2가지 모두 사용
e.g. 'This is "string"' or "This is 'string'" - 따옴표를 문자 그대로 사용하고 싶다면 이스케이프 문자(\) 사용
e.g. "This is \"string\"" - \n : 줄바꿈, \t : 탭, \\ : 역슬래시(\) 그 자체
e.g. console.log('this\nis\n줄바꿈')
😎 오늘의 꿀팁!
위 링크의 유튜브 강의를 보시면,
비주얼 스튜디오 코드의 색 테마, Tab 키 공백, 글꼴, 글꼴 크기 등을
아주 자세히 설명해주십니다.
그리고 글아래 링크에 들어가면,
비주얼 스튜디오 코드의 단축키가 나옵니다.
Windows PDF
https://code.visualstudio.com/shortcuts/keyboard-shortcuts-windows.pdf
MacOS PDF
https://code.visualstudio.com/shortcuts/keyboard-shortcuts-macos.pdf
Linux 용 PDF
https://code.visualstudio.com/shortcuts/keyboard-shortcuts-linux.pdf