자바스크립트 공부 독학 사이트 추천

자바스크립트를 공부할만한 독학 사이트를 정리해서 올려본다. 올리다보니 독학의 개념이 무엇인가 혼란스러워지기도 하지만, 어쨌거나 자바스크립트 공부에 좋은 사이트와 자료를 발견하는 대로 계속해서 업데이트해 보려한다.

 

자바스크립트 학습 플랫폼

1. Exlskills
순차적인 흐름을 따라 자바스크립트를 공부할 수 있다. 중간 중간에 짤막한 확인 문제가 나와 해당 내용을 잘 이해했는지 확인할 수 있다. 설명이 간결하고 쉬우며, 인터페이스가 깔끔하다. 문제는 가끔가다 문제풀이시 오류가 난다. 자바스크립트가 완전 처음이라면 살펴볼만 하다. 

JavaScript Fundamentals Course - EXLskills

 

2. 생활 코딩

WEB2 - JavaScript - 생활코딩

코딩 독학을 한 번이라도 생각해 본이라면 발견하게 되는 고마운 사이트. 자바스크립트 뿐만 아니라 웹 개발 전반에 관한 차분한 설명을 광고 없이 무료료 볼 수 있다. 유튜브 채널도 있으며, 가끔가다 함께 공부하는 프로그램이 열리기도 한다. 

 

3. freeCodeCamp

freeCodeCamp.org

자바스크립트 코드를 직접 실행해 가며 배울 수 있다. 유튜브에도 광고 없는 좋은 강의들이 많이 올라오는 곳이다. 

 

4. Udemy

온라인 강의 - 자신의 일정에 맞춰 뭐든지 배워 보세요 | Udemy

한 강의에 만 원 조금 넘는 돈으로 강의를 들을 수 있다. 사실 무료 사이트를 여기저기 기웃거려 봤지만, 그냥 여기서 만 원 내고 듣는게 속편하기도 하다.

 

5. MDN 자바스크립트 첫걸음

JavaScript - 동적인 클라이언트측 스크립트 언어 - Web 개발 학습하기 | MDN

과연 첫 걸음인지는 모르겠지만 상세하고 정확하게 자바스크립트에 대해 알아볼 수 있다.

 

6. 노마드 코더: 바닐라 자바스크립트

바닐라 JS로 크롬 앱 만들기 - 노마드 코더 Nomad Coders

유튜브에서 코딩 관련 영상을 검색했다면 한 번쯤 만나게 되는 니콜라스. 노마드 코더의 강의는 대부분 유료이지만 이 강의만큼은 무료로 들을 수 있다.

 

자바스크립트 개념 정리 및 참조 웹사이트

1. MDN 자바스크립트

JavaScript | MDN

자바스크립트 계 백과사전. 가장 신뢰할 수 있는 자바스크립트 정보 제공 사이트다.

 

2. Poiema Web

웹 프로그래밍 튜토리얼 | PoiemaWeb

웹 프로그래밍을 공부하다 구글링을 하면 한번쯤 들어가게 되는 사이트. HTML부터 CSS, 자바스크립트 등 웹 개발 관련 기본 사항들이 잘 정리되어 있다.

 

3. 모던 자바스크립트 튜토리얼

모던 JavaScript 튜토리얼

이번에 새롭게 발견한 튜토리얼 웹사이트. 기본 설명과 함께 예제 및 과제가 함께 제공되는 좋은 사이트다. 번역은 현재 진행 중인 듯하다.

 

자바스크립트 알고리즘 문제 풀이 웹사이트

1. 프로그래머스

코딩테스트 연습

자바스크립트 뿐만 아니라 여러 코딩 문제를 풀어볼 수 있는 곳이다. 자바스크립트 문제를 풀어 보려면 언어에서 자바스크립트를 선택하면 된다. 

 

2. 해커랭크

HackerRank

이번에 한 개발자로부터 추천받아 새롭게 알게된 문제 풀이 웹사이트다. 역시나 언어에서 자바스크립트를 선택하면 된다. 유저들이 문제를 제출하며, 우수 답안도 확인할 수 있다.

 

3. 코드워즈
단계별로 문제를 풀어 볼 수 있으며, 바로 코드를 작성해 실행해 볼 수 있다. 인터페이스도 훌륭하다.

Codewars: Achieve mastery through challenge

4. 백준 알고리즘

Baekjoon Online Judge

한국분이 운영하시는 알고리즘 문제 풀이 웹사이트다. 인터페이스가 조금 아쉽지만, 한글로된 많은 문제를 풀어볼 수 있다.

 

자바스크립트 책 추천

1. 코어 자바스크립트: 자바스크립트 핵심 이론들을 잘 정리했다고 평가받는 책.

코어 자바스크립트:핵심 개념과 동작 원리로 이해하는 자바스크립트 프로그래밍

2. 모던 자바스크립트 Deep Dive: 가격만큼 만만치 않은 두께의 책이지만 자바스크립트를 아주 깊고 자세히 살펴볼 수 있는 책.

모던 자바스크립트 Deep Dive:자바스크립트의 기본 개념과 동작 원리

함께 읽어보면 좋은(을) 글

• 프론트엔드 개발자 로드맵

Developer Roadmaps

최종 업데이트: 2021. 03. 29