오늘도코딩 2023. 1. 18. 00:02

Ch 01. 자바스크립트 개요와 개발환경 설정 (2/2)

주석 (comment)

주석은 프로그램 코드를 사람에게 설명할 때 사용합니다. (프로그램 진행에는 영향 X)


👉 HTML 태그 주석 & 자바스크립트 태그 주석

 

  • HTML 태그 주석 : <!-- 주석 -->
  • 자바스크립트 태그 주석 : // 주석 or /* 여러 줄 주석 */

출력

출력은 나의 코딩이 맞는지 확인하기 위한 방법입니다.

  1. 구글 크롬 콘솔 사용
  2. 자바스크립트 alert() 함수 사용
  3. 자바스크립트 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