[TIL/JavaScript] 2023/01/07

1. Hello World

코딩을 처음 시작할 때 'Hello World'라는 문구를 출력해보는 것은 코딩세계에 존재하는 일종의 관습 같은 것이다. 관습에 충실해보자.

처음으로 'javascript'라는 이름의 새로운 폴더를 생성했다. 이후 VScode에 들어가서 'hello.js' 파일을 만들었다. '.js'라는 확장자명은 해당 파일이 자바스크립트 언어로 작성된 것임을 의미한다.

JavaScript(이하 JS)로 문구를 출력할 때에는 'console.log'라는 명령어를 사용한다. 괄호 안에는 출력하고자 하는 문구를 입력하면 된다. 그런데 JS에서는 문자열 데이터를 출력하기 위해서는 쌍따옴표 혹은 작은따옴표를 한 다음에 문자를 입력해야한다.

1번줄의 코드를 입력한 뒤에 터미널을 켜서 'node hello.js'를 입력하면, 목표했던 Hello World가 정상적으로 출력되는 모습을 볼 수 있다. node.js는 자바스크립트 파일을 실행할 수 있는 일종의 'JS전용 번역기'라고 할 수 있다.

추가적으로 '주석'의 개념을 배웠다. 주석은 컴퓨터가 해석해서 실행하지 않는 부분을, 의도적으로 표현한 것이다. 코딩을 하며 필요한 메모를 주석으로 남길 수 있고 의도적으로 코드의 실행을 막기 위해 사용할 수도 있다. 앞서 작성한 console.log를 주석처리하면 터미널에서 실행되지 않는다. 주석은 '//'를 코드의 앞단에 입력해주면 된다.

2. 변수

변수는 저장해놓은 값을 가리키는 일종의 '이름표'라고 볼 수 있다.

JS에서 변수를 선언할 때에는 'let'이라는 키워드를 사용한다. 'let 변수이름 = 값'의 형태로 표현하고, 이것을 통상 "변수 xxx을 선언했고 해당 변수에 값을 할당했다"라고 얘기한다. 다음과 같다.

변수를 선언하는 방법으로 'let' 이외에 'const'라는 것도 있다. 'const 변수이름 = 값'의 형태로 표현한다. 'const'는 'let'과 달리 한번 변수에 값을 할당하고 나면 다시 할당할 수 없다. 따라서 변수에 값을 재할당할 필요가 없을 때 쓴다.

const로 처음 'name'에 'Sinrok Kim'이라는 값을 할당했을 때에는 터미널 상에서 문제없이 동작했다. 하지만 'William'이라는 값을 재할당하자 터미널에 에러가 나왔다. 'William' 부분을 주석처리 하게되면 다시 정상적으로 동작한다.

회고

최근 며칠간 React를 공부하며 의미도 모르고 무지성으로 쳤던 코드들인데, JS 수업에서 디테일하게 알아가니 상당히 재밌다. ~~처음이라 그런 것일지도...~~ name에 삭선이 뜨는 이유는 뭔지 모르겠다... 오늘 공부 끝!