개발 환경 Setup : JavaScript
JavaScript 과정은 반드시 Python 의 모든 과정을 완전히 끝낸 후에 다시 돌아와서 해야 한다. 그렇지 않으면 학습 효율이 낮아질 것이고, 결국 모든 언어가 헷갈려서 아무것도 잘 하기 어렵게 될지도 모른다. 꼭 Python 의 전 과정을 마치고 JavaScript 를 시작하라! 그렇게 하나씩 끝내는 게 결국 더 빨리 가는 길이다. 그 전에는 JavaScript 가 궁금해도 그냥 지나가야 한다. 어차피 Python 과정에서 설명한 개념은 다시 설명하지 않을 것이기 때문이다. 그래도 읽고 싶다면 30초 안에 빨리 읽고 넘어가버리자!
학습 순서와 책 페이지의 순서가 다른 이유는 추후에 효율적인 복습을 위해서이다. 반드시 하나의 언어를 완전히 끝내고 다음 언어를 진행해야 한다.
학습 순서: Python → JavaScript
놀랍게도, 자바스크립트의 단순한 실행을 위해서는 별도의 개발 환경을 셋업 할 필요가 없다. 자바스크립트는 우리들이 가지고 있는 크롬 브라우저, 인터넷 익스플로러 등 모든 브라우저에서 기본으로 지원하기 때문이다. 별도의 설치 없이 브라우저를 활용해서 원하는 JavaScript 코드를 즉시 실행할 수 있다!
크롬 브라우저 개발자도구 열기
모든 인터넷 브라우저에는 각자의 '개발자도구(DevTools, inspector)' 라는 게 있다. 그리고 이 개발자도구에서 자바스크립트 코드를 즉석에서 실행해 볼 수 있다.
아래의 스크린샷을 따라 해보자.
오른쪽에 등장한 게 크롬 브라우저의 개발자도구다. 우리는 이 개발자도구를 자바스크립트 공부용으로 사용할 것이다.
'Switch DevTools to Korean' 버튼을 클릭하면 개발자도구가 한글 버전으로 바뀐다. 아직은 모든 게 익숙하지 않으니, 가능하면 우리의 모국어로 바꿔서 편하게 보는 것이 좋다.
그리고 위쪽의 '콘솔' 탭을 눌러보면 자바스크립트를 즉시 실행할 수 있는 자바스크립트 콘솔이 열린다. 이 콘솔 창에서 자바스크립트 코드를 자유롭게 실행해 볼 수 있다.
Node.js 다운로드 및 설치
크롬 브라우저만으로도 이 책에서 배울 대부분의 자바스크립트 코드를 실행할 수 있지만, JavaScript 를 브라우저 외의 다양한 환경에서 자유롭게 실행하기 위해서는 Node.js('노드 제이에스' 라고 발음) 라는 프로그램의 설치가 필요하다. 그래서 Node.js 를 설치하는 방법을 설명하겠다.
네이버나 구글에 node.js 라고 검색하면 공식 웹사이트가 나온다. 공식 웹사이트에서 최신 버전의 Node.js 를 다운로드 받는다.
설치했으면 터미널에 들어가서 node -v 라고 타이핑 해본다. 설치된 Node.js 의 버전이 출력된다면 설치에 성공한 것이다.
이것으로 자바스크립트 준비는 완료되었다!
정리하기
- 자바스크립트를 실행하는 방법
- 웹 브라우저 이용하기: 웹 브라우저는 기본적으로 자바스크립트 코드를 실행할 수 있기 때문에 별도의 다른 프로그램 없이도 콘솔 창에서 자바스크립트 코드를 실행해 볼 수 있다. 그러나 이 방법은 단순히 1~2줄 입력해 보는 수준이다.
- Node.js 이용하기: 자바스크립트의 소스코드를 관리하고 효율적으로 학습하기 위해서는 Node.js 를 설치하고 Node.js 로 자바스크립트 소스코드를 실행하는 것이 좋다.
생각 해보기
파이썬 과정을 마치고 돌아왔다면 이 과정도 어렵게 느껴지지 않았을 것이다. 얼마나 빠른 시간에 익숙해졌는지 생각해 보자.
반복은 천재를 낳고, 믿음은 기적을 낳는다. - 박세리
궁금증 / 질문 / 개선점이 있다면 꼭 댓글을 달아주세요. 제가 최선을 다해 도와드리겠습니다. 여러분들의 최고의 학습 친구가 되어드리겠습니다.
#인생프로그래밍 #개발자렉스 #프로그래밍 #프로그래머 #개발자 #개발입문 #프로그래밍입문서적 #코딩교육 #코딩무료교육 #파이썬 #자바스크립트 #자바 #파이썬기초 #파이썬독학 #파이썬책 #혼자공부하는파이썬 #혼공파 #자바스크립트책 #앱개발 #어플개발 #ProgrammingOfLife #programming #programmer #coding #software #developer #python #javascript #java
