[웹 개발 풀스택 코스] 순수 자바스크립트 기초에서 실무까지

순수 자바스크립트를 익히며
주도적인 개발자로 성장하기 ✨

What is 바닐라 자바스크립트?

최근에는 대다수의 웹이 프론트엔드 리액트, 뷰, 앵귤러와 같은 프레임워크를 사용해서 개발되고 있습니다. 이러한 프론트엔트 프레임워크를 사용하지 않더라도 최소한 jQuery 같은 라이브러리를 통해서 개발의 편의성을 가져가고 있습니다.

잘 되어 있는 프런트엔드 프레임워크를 사용하면 개발 생산성을 향상할 수 있고, 일정 수준의 코드 품질을 보장받을 수 있습니다. 하지만 웹 개발자가 이런 프론트엔드 프레임워크와 오픈소스 라이브러리에만 의지해서 개발하다 보면, 어느 순간 외부 도움 없이는 웹 애플리케이션을 개발할 수 없는 상태에 이르게 되기도 합니다.

우리가 사용하고 있는 수많은 프런트엔드 프레임워크와 라이브러리도 순수 자바스크립트로 누군가가 개발해 놓은 것입니다. 그리고 지금 당장 대세이고 영원할 것 같은 리액트나 뷰 같은 프레임워크도 언제 외면받을지 모르고, 웹은 그 어떤 환경 보다 빠르게 발전하고 있기 때문에 앞으로도 무수히 많은 프레임워크와 라이브러리가 지속적으로 나올 것입니다.

이런 흐름 속에서 우리 개발자는 무엇에 집중해야 할까요? 그건 바로  순수 자바스크립트, 즉 바닐라 자바스크립트입니다. 어떠한 라이브러리나 프레임워크를 쓰지 않는 순수 자바스크립트를 '바닐라 자바스크립트'라고 부릅니다. 

---

자바스크립트, 왜 배워야 할까요?

Node.js가 나오면서 자바스크립트는 더 이상 웹 브라우저에 종속된 언어가 아닙니다. 웹 애플리케이션은 물론이고 데스크톱 애플리케이션, 모바일 앱, 키오스크, 게임, 아두이노 같은 마이크로 컨트롤러까지 자바스크립트를 사용할 수 있는 분야는 점점 다양해지고 있어요.

자바스크립트 언어 하나를 잘 익히는 것만으로도 할 수 있는 게 점점 늘어나고 있어요. 그런데, 이 말은 자바스크립트를 예전에 웹 브라우저에서 HTML DOM을 핸들링하는 정도의 수준이 아닌 좀 더 고차원적인 코딩을 해야 한다는 뜻이기도 해요. 그래서, 자바스크립트를 제대로 배우고 제대로 사용할 수 있어야 해요.

_{자바스크립트로 할 수 있는 다양한 개발 분야}

---

이 강의의 특징!

• 자바스크립트의 기본 문법을 차근차근 알려드려요.
• 자바스크립트 내장 함수의 기능뿐만 아니라, 실제 개발 실무에서 어떻게 적용되는지 알려드려요.
• 기능 중심의 강의가 아니라, 용도 중심으로 진행돼 정확한 사용법을 익힐 수 있어요.
• ES 최신 구문을 다룹니다.
• 서버 통신을 위한 XMLHttpRequest, Fecth API를 배웁니다.
• DOM을 직접 제어하는 방법을 배웁니다.
• CRUD 패턴을 개발하는 방법을 배웁니다.
• 모든 예제 코드는 깃허브를 통해 제공됩니다.

---

무엇을 배우나요?

• 개발 IDE 툴로는 비주얼 스튜디오 코드(Visual Studio Code)를 사용합니다. 비주얼스튜디오코드를 이용한 개발 방법 및 유용한 확장 프로그램을 알게 됩니다.
• 자바스크립트의 기초 문법에 대해 확실히 이해하게 됩니다.
• 자바스크립트 개발자가 꼭 알아야 할 ES6 문법까지 익힐 수 있어요.
• HTML DOM을 핸들링하기 위한 자바스크립트 사용법을 알 수 있습니다.

---

선수 지식을 확인하세요!

• HTML에 대한 기본 지식이 있어야 해요.
• CSS를 알아야 해요.
• 본 강의를 수강하기 전에 [웹 개발 풀스택 코스 - HTML&CSS] 강의를 수강하는 것을 추천합니다.

---

웹 개발 풀스택 코스,

다른 강의도 함께 만나보세요!

1. [웹 개발 풀스택 코스 - HTML&CSS 기초]

• 웹의 기초 언어인 HTML과 CSS를 차근차근 배워요.

2. [웹 개발 풀스택 코스 - 바닐라 자바스크립트] 현재 강의

• 순수 자바스크립트를 제대로 익혀야 리드하는 개발자가 될 수 있어요.

3. [웹 개발 풀스택 코스 - 부트스트랩 기초]

• 누구나 쉽게 멋진 디자인을 갖는 반응형 웹을 만들 수 있어요.

4. [웹 개발 풀스택 코스 - Vue.js 프로젝트 투입 일주일 전 - 기초에서 실무까지]

• 가장 쉽고 막강한 프론트엔드 프레임워크인 Vue.js를 익혀요.

5. [웹 개발 풀스택 코스 - 넷플릭스와 당근마켓 분석을 통해 배우는 데이터베이스 이해]

• 넷플릭스, 당근마켓을 분석하면서 자연스럽게 데이터베이스를 설계하는 방법을 이해하게 돼요.

6. [웹 개발 풀스택 코스 - Node.js 프로젝트 투입 일주일 전 - 기초에서 실무까지]

• 자바스크립트 언어로 백엔드까지 구현할 수 있습니다. Node.js면 가능합니다.

7. [웹 개발 풀스택 코스 - 포트폴리오]

• 웹 개발 풀스택 코스를 통해 배운 모든 기술을 바탕으로 제품 판매 미니 웹을 개발합니다.

---

이 강의를 만든 사람은
누구일까요?

개발자의 품격

개발자뿐만 아니라 UX 컨설턴트로, 때로는 비즈니스 컨설턴트로 일하면서 애플리케이션과 서비스 개발 시 기획에서 개발까지 전 과정에 대한 수많은 경험을 쌓았습니다. 이제는 20년이 넘는 실무 경험을 바탕으로 후배들에게 정말 필요한 기술, 정말 제대로 된 지식을 전달하는 사명감으로 지식을 나누는 일을 하고 있어요.

더 알아볼까요?

• 유튜브 ‘개발자의품격’ 채널을 통해 200여 개의 유용한 강의 영상을 제공하고 있어요.
• '바닐라 자바스크립트', 'Vue.js 프로젝트 투입 일주일 전', 'Node.js 프로젝트 투입 일주일 전', '개발자가 되기 위해 꼭 알아야 하는 IT 용어', ‘디자인 씽킹을 넘어 프로그래밍 씽킹으로’, 'The Essentials of Smart Contract Development for Solidity Developers', '저는 아직 아이들에게 코딩을 가르치지 않습니다' 책의 저자입니다.
• 오라일리의 '러닝 타입스크립트' 번역한 역자입니다.

[웹 개발 풀스택 코스] 시리즈 모아보기