[자바스크립트 문법 뽀개기] 1-3강 : hello world
초심으로 돌아가서 문법 뽀개기부터 하나하나 다시 볼 예정 !
1주차 1-3 hello world
- 툴팁
console.log를 입력할떄 con…까지만 입력해도 뒤에 sole.log가 자동적으로 나온다
이를 툴팁이라고 한다.
→ 나는 깃 코파일럿을 쓰고 있어서 더 나온다 . 딱히 상관없음 .
- 그럼 도대체 ``console.log()` 가 뭔데?
원하는 문구를 출력하는 법
console.log("나다 세상아!" )
이 경우에는 console.log 안에 있는 “나다 세상아” 문구가 출력된다.
자바스크립트에서 문자열로 설정하기 위해서는 ‘ ‘ 혹은 “ “ 즉 작은 따옴표, 큰 따옴표로 둘러쌓여 있다.
- 저장하기
여기 보면 파일명 옆에 동그라미가 있다
이 동그라미는 저장이 안되어있어서 생기는 것.
맥 같은 경우에는 command + s 를 하면 저장이 되는데, 나는 누르기가 불변해 control + s 로 바꾸어두었다.
이때 control 은 윈도우 기준으로 control키 위치를 말한다.
https://insidepixce.tistory.com/91
이때 당시 영어로 정리할 때라서 영어로 되있긴 한데 console.log 함수를 다뤘던 내 게시글이다.
- 노드 파일 실행하기
node.js 를 사용해서 방금 우리가 적은 파일을 열 수 있음
(노드 js 는 우리가 자바스크립트로 쓴 파일을 번역해주는 번역기의 종류 중 하나)
node (파일이름).js
위 내용을 콘솔에 입력해주면 된다
그리고 갑자기 나타난 에러 !!
이게 뭘까… 고민하다 몇 가지 경우의 수를 꼽아봤다.
- 파일 경로가 문제인 것인가?
- 파일이 실제로 존재하지 않나?
- 내가 모르는 사이에 노드 실행하기전에 무조건 저장을 해야하게ㅐ 바뀌었나?
결론은 1번이였다. 정말 간단한 파일에서 오류가 나서 파일 경로의 공백인건가 봤는데 실제로 파일 이름 뒤에 공백하나가 있어서 문제될 게 아니였다 , 혹은 모듈이 누락되었나? 싶어서 봤는데 모듈이 왜 필요해 콘솔로그 한 줄 찍는데…
결국 찾아낸 해결책은
cd firstweek
javascriptlecture/firstweek/lec1.js 의 파일 경로를 가지고 있었는데
javascriptlextuire에서 lec1.js 를 실행시키라고 한다면,,, 뭐 되겠어요?
얘네가 그렇게 유동적인 친구들도 아니고… 당연히 안되는건 안되는거죠
아무튼 이러한 헤프닝이 있었습니다.
헬로월드 출력때 생긴 오류… 이건 좀… ㅋㅋ
- 주석
주석은 코드 안에서 무시되는 부분이다. 보통 코드에 대해 설명할 때 많이 쓴다 .
//주석입니다
*//형태로 쓰는 사람도 많지만 나같은 경우는 command + shift + a 를 단축키로 설정하여 주석을 처리한다.*
단축키로 주석을 처리하게 되면 모양이 조금 다르다
/* 근데얘도 단축키가 있어요 단축키로 하면 더 쉬워요 */
내가 경험해본 바로는 언어마다 주석 처리가 다르고, 단축키 주석도 좀 다른 것 같았다.
이렇게 1주차 1-3 강의 끝!
review
알고 있었던 부분
→ 주석, 노드 파일 실행하기. 저장하기 , 콘솔로그
알지 못했던 부분
→ 파일 옆에 흰색 동그라미가 뜨는게 아직 저장되지 않아서 그럤다는 거 ! 처음 알았다