BEST

개발 · 프로그래밍

프론트엔드

시나브로 자바스크립트

Name: 시나브로 자바스크립트
Price: 99330 KRW

자바스크립트로 다양한 주제를 바닥부터 개발해 보며 튼튼한 실력의 기반과 자신감을 쌓아보세요.

(5.0) 수강평 21개

수강생 546명

이은재

JavaScript vanilla-js

중급자를 위해 준비한
[프로그래밍 언어] 강의입니다.

이런 걸 배울 수 있어요

프레임워크 없이 자바스크립트 코어 실력 키우기
자바스크립트 생태계 더 깊이 이해하기

Level Up! JS 실력의 코어를 다져보세요.

💡 “되는데, 이게 왜 되는 걸까요?”

우리는 늘 수많은 다양한 라이브러리와 프레임워크를 사용해 웹 개발을 해요. 그런데 정확히 뭐가 어떻게 돌아가는지 이해 안 될 때가 많아요. 자바스크립트(JavaScript) 생태계는 너무 다양한 요소로 복잡하게 얽혀 있고, 어떻게 실타래를 풀지 모르겠거든요.

시나브로 자바스크립트는 주니어에서 미드 레벨로, 미드 레벨에서 시니어로 레벨 업 하기 위한 발판을 마련해 드립니다.

“웹 개발은 너무 복잡해요”

자바스크립트 생태계가 발전해 가면서 쌓인 기술 부채와 서로 얽혀 있는 수많은 요소들 때문에 그래요. 맨땅에 헤딩하며 스스로 배울 수도 있지만, 이미 그걸 겪은 사람과 진득하니 앉아 차분히 배우는 것도 좋은 방법이에요.

“할 수는 있는데, 자신감이 없어요”

사용하고 있는 프레임워크와 라이브러리들이 어떻게 조화롭게 돌아가는 건지 근본 원리를 이해하지 못하면, 사소한 버그에도 패닉하기 쉬워요. 강의를 통해 중요한 주제들을 라이브러리 없이 직접 개발해 보면서 작동 원리를 이해해 보세요.

“개발 실력 레벨 업을 하고 싶어요”

비슷한 토이프로젝트를 반복해서 만들면 손은 빨라질 수 있지만, 깊이 있게 들어가기 위해서는 다른 전략이 필요해요. 핵심 개념들을 깊이 이해하고 나면, 어떤 새로운 프레임워크나 기술이 등장하더라도 쉽게 이해할 수 있는 기초 지식이 생길 거예요.

“새로운 것들이 너무 빠르게 많이 나와요”

자바스크립트, 특히 프론트엔드 진영은 아직 해결해야 할 문제가 많고, 다양한 시도들이 끊임없이 일어나고 있어요. 그래서 새로운 라이브러리, 프레임워크, 개념들이 수없이 쏟아지죠. 하지만 기존에 존재하는 문제들을 새로운 방식으로 풀어보려는 시도가 대부분이에요.

기존의 문제들을 그런 솔루션 없이 직접 해결해 보고 나면, 새로 나오는 것들이 어떻게 다르게 해결하는지 비교하며 쉽게 이해할 수 있게 돼요.

🙌🏻 안녕하세요, 이은재입니다.

Daum, Kakao, Algolia 등의 회사를 거치며 주로 프론트엔드 개발 업무를 해왔어요. 현재 Storyblok에서 풀스택 개발자로 근무하고 있습니다.

한 스타트업에서 길게 근무하다 어느 순간 눈을 떠보니 너무 많은 게 변해 있었더라고요. 제가 2014년에서 2017년 말까지 AngularJS를 썼는데, 2018년이 되어서야 그간 놓쳤던 수많은 것들을 공부하기 시작했어요. ES6, React, Babel, ...에서 시작해 정말 끝이 없었어요.

2019년 프랑스로 이사하여 Algolia라는 회사에 입사한 건, 저에게 다양한 개념들을 깊이 있게 이해하며 일할 수 있는 좋은 기회였어요. 직접 부딪히고 주변 사람들에게 물어보기도 하며 전체적인 그림을 그려나갔어요. 한참 시간이 지나고, 이런 내용들이 잘 정리된 컨텐츠가 있었으면 얼마나 좋았을까 하는 생각을 하게 되었고, 결국엔 강의로 만들게 되었네요.

📖 컨텐츠 목록 (총 13시간 16분)

1. DOM API의 기본

기본적인 DOM API를 배우고 프론트엔드 프레임워크 없이 어떻게 HTML을 구성하고 이벤트를 붙이는지 연습해 봅니다. (1h 3m)

innerHTML
createElement

appendChild
addEventListener

2. 쇼핑몰 만들기

쇼핑몰 상품 리스트와 장바구니 부분을 구현해 봅니다. 목표는 DOM API를 직접 사용하며 동적인 인터랙션을 구현해요. 상품을 장바구니에 넣었다 뺐다 하는 과정에서 같은 데이터(담긴 수량)를 화면 여기저기(상품 리스트와 장바구니)에 동시에 잘 업데이트하도록 개발하며, 이 과정에서 모던 프론트엔드 프레임워크가 왜 필요한지 체감해 봅니다. (1h 20m)

다음으로 구현한 쇼핑몰 상품 리스트와 장바구니를 조금 더 관리하기 좋게, 디자인, 의미, 역할을 고려해서 여러 개의 컴포넌트로 쪼개며 리팩토링해봅니다. (52m)

마지막으로 DOM element를 일일이 찾아 수량을 업데이트하던 방식 대신, 데이터를 업데이트하면 그에 맞게 reactive하게 DOM이 저절로 업데이트되도록 구현해 봅니다. (52m)

3. 웹서버 기초

Express(익스프레스)를 사용해 보며 웹 서버의 기초를 배웁니다. 요즘 Vercel이나 Netlify에서 제공해 주는 Serverless Function이 쉽고 편한데요. 그런 게 있기 전에는 어떻게 백엔드를 구성했는지 Express를 통해 알아봅니다.

그리고 vite로 띄운 프론트엔드가 Express 서버에 요청을 보내 받은 데이터를 렌더링해보고, 그러는 과정에서 겪는 CORS라는 이슈에 대해서도 알아봅니다. (45m)

4. Array 메소드

다양한 예제를 통해 대표적인 Array methods인 filter, map, reduce 를 연습해 봅니다. 기본적인 문법은 숙지하셨다는 가정하에 체력 단련 느낌으로 진행합니다. (1h 18m)

5. npm 라이브러리 기초

npm 라이브러리는 어떤 구조를 가져야 하는지 살펴보고, CommonJS와 ES Module에 얽힌 복잡한 이슈를 천천히 이해해 봅니다. 그리고 작업한 라이브러리를 npm에 직접 배포해 봅니다. (27m)

6. mini query 만들기

jQuery(제이쿼리)의 아주 작은 subset을 만들어봅니다. yarn workspace를 통해 monorepo를 구성하는 방법을 익히고, 그 안에 라이브러리, 예제 앱, 문서 사이트까지 작업해 봄으로써 라이브러리 개발을 위한 전반적인 워크플로를 체험해 봅니다.

vitest를 사용하여 unit test(유닛 테스트, 단위 테스트)를 작성해 보기도 하며, 라이브러리 빌드 프로세스를 거치면서 생기는 상황에서의 어려움을 체험하고, Tree-shake 에 대해서도 살펴봅니다. (1h 7m)

7. 영화 정보 사이트

영화 검색 사이트를 만들어봅니다. 결과물은 아주 간단하지만, 이 에피소드에서 매우 중요한 개념들을 다루게 됩니다. 브라우저의 History API를 배우고, 이를 이용하여 React Router와 같은 Client-Side Routing을 직접 구현해 봅니다. (45m)

이어서 Server-Side Rendering(서버사이드 렌더링)을 Express 서버로 직접 구현하고, 클라이언트에서 이를 Hydration하는 부분까지 구현합니다. 여기까지 마치고 나면 Next.js 의 SSR + Hydration 의 과정을 꽤 상세하게 이해할 수 있게 됩니다. (1h 14m)

8. 비동기 연습하기

Array 메소드 연습 에피소드와 비슷하게 비동기를 더 잘 다루기 위해 callback, Promise, async, await을 연습해 봅니다. (38m)

9. 정적 블로그 만들기

Jekyll, Gatsby, Next.js 등을 써서 정적 웹사이트를 많이 만드는데요. 그런 툴들이 어떤 식으로 정적 웹사이트를 만들어주는지 살펴보고, 그 빌드 프로세스를 흉내내 봅니다.

이 과정에서 아무 프레임워크나 툴 없이 Node.js로 작성한 스크립트가 마크다운으로 쓰여진 포스트들을 정적 블로그로 빌드하게 해주고 Vercel에 배포까지 해봅니다. (1h 3m)

10. CLI 만들기

CLI용 npm 라이브러리의 구조는 어떤지 살펴보고, 직접 CLI를 직접 만들고 npm에 배포해 봅니다. 그 후에는 npm install -g <package-name>으로 설치해 사용할 수 있게 됩니다. (48m)

11. Form 라이브러리 만들기

<form action="/save" method="post">

예전엔 위와 같은 형식으로 form을 작성하곤 했는데요. 저게 어떻게 작동하는 건지 실제 예전 방식으로 구현해 봅니다. 그리고 지금은 왜 저렇게 안 하는 건지 이해합니다. 또 요즘 많이 쓰이는 react-hook-form과 같은 라이브러리의 이점을 이해하고, 우리도 비슷한 걸 만들어봅니다. (1h 4m)

👥 수강하게 되시면

강의를 구매하신 분들은 학습자 전용 Discord 채널에 초대받게 됩니다. 강의를 듣다 생기는 질문을 올려보세요. 다른 사람이 올린 질문으로부터 배울 수도 있고요.

뭐든 몰라도 괜찮은 공간에서 자유롭게 질문하고 토론하면서 같이 배워갈 수 있으면 좋겠어요. 여러분의 자바스크립트 자신감 향상이 결국 가장 중요한 목표니까요.

❓ 자주 묻는 질문

Q. 강의에서 Tailwind CSS를 사용하나요?

딱 한 에피소드, "쇼핑몰 만들기"에서 Tailwind CSS를 사용해 디자인을 합니다. Tailwind CSS를 모르시면 직접 원하는 방식으로 CSS를 작성하셔도 됩니다. 혹, 관심이 있으시면 제가 만든 무료 영상을 참고하셔도 좋습니다.

Q. 제가 들어도 되는 실력일까요?

콕 집어 말하긴 어렵지만, 다음 항목들에 해당되신다면 수강하셔도 좋을 것 같습니다.

let과 const의 차이를 이해한다.
import/export로 모듈을 다룰 수 있다.
import와 require의 차이를 어느 정도는 안다.
const { name, address } = person 이 문법을 이해한다.

React나 Vue.js를 써서 데이터베이스 없이 변수에 To-Do를 저장하는 방식으로 간단한 기능의 To-Do 앱을 만들 수 있다.
React를 사용하는 경우 useEffect와 useMemo를 어떻게 사용하는지 대충 안다.
To-Do 앱을 만들라고 하면 대충 컴포넌트를 어떻게 쪼개볼지 상상이 된다.

Q. 다른 강의와 어떻게 다를까요?

특정 프로젝트를 만드는 걸 목표로 하는 강의들이 많은데요. 그런 강의의 경우 다양한 기술, 라이브러리, 서비스 등을 조합해서 점차 쌓아가는 과정을 보여주게 됩니다. 다양한 것들(What)과 그걸 어떻게(How) 조합하는지를 배운다는 점에서 유용하지만, 그런 강의 특성상 Why까지 다루기는 쉽지 않아요.

시나브로 자바스크립트에서는 특정 주제에 대해서 예전에 어떻게 하던 걸 지금은 왜 이렇게 하게 되었는지 변천사를 배우면서 각 접근법의 장단점을 이해하게 됩니다. 그리고 프레임워크들이 우리 눈에 보이지 않게 해주는 기능들을 직접 구현해 보면서 왜 그런 걸 하게 되는지 알 수 있죠.

What과 How를 아는 건 정말 중요하지만, 거기에 Why가 빠진다면 멀리 가기 힘들어요. 개발을 하면서 자신감이 부족한 이유는 대개 Why의 결핍 때문인데요. 버그가 생겼을 때 상황을 정확히 이해하지 못하니까 어떻게 해결해야 할지 모르겠고, 구글링해서 얻은 결과를 적용했더니 버그가 해결되었는데 그게 왜 해결된건지 이해를 못하니까 찜찜하고 다음에 같은 상황이 또 벌어지면 어떡하나 걱정이 되죠.

그래서 Why를 정확히 배우는 건 다음 레벨로 업그레이드하기 위해 필수적인 과정이에요. 직접 부딪히며 배워가는 방법도 있지만, 이미 그 과정을 겪은 사람이 자세히 풀어 설명해주는 걸로 배우는 것 또한 효율적인 방법이죠. 사실 이런 미드레벨을 겨냥하는 강의는 입문자를 위한 강의에 비해 수요가 적을 수 밖에 없어서, 이런 타게팅의 강의 자체가 드물다고 생각합니다.

Q. 맛보기 강의가 있나요?

있습니다! 본 강의를 보기에 앞서 미리 보면 좋을 법한 준비 운동 같은 내용들을 짧은 무료 영상으로 만들어 놓았어요. 링크에서도 확인 가능합니다.

Q. 학생이나 취준생 할인이 되나요?

네 가능합니다. 간단한 인증 절차를 거친 후에 할인을 제공해드립니다.

Q. 또 다른 질문이 있어요!

저에게 이메일, 혹은 트위터 DM을 주시면 답변드리겠습니다. 제가 프랑스에 살고 있어 시차 때문에 답변이 조금 늦을 수 있는 점 미리 양해 부탁드려요.

이런 분들께
추천드려요!

학습 대상은
누구일까요?

"되는데, 이게 왜 되는 걸까요?"
"웹 개발은 너무 복잡해요"
"할 수는 있는데, 자신감이 없어요"
"개발 실력을 레벨 업 하고 싶어요."
"새로운 것들이 너무 빠르게 많이 나와요."

선수 지식,
필요할까요?

자바스크립트 입문자를 위한 강좌가 아닙니다. 주니어에서 중니어로, 중니어에서 시니어로 가기 위한 코어 운동을 위한 강좌입니다.

안녕하세요
이은재입니다.

560

명

수강생

개

수강평

개

답변

5.0

점

강의 평점

개

강의

안녕하세요. 이은재입니다. 프랑스에서 살고 있어요. 집에서 멍 때리고 냥이들 바라보는 걸 좋아하고, 저녁 식사 후에 한 시간 정도 산책하는 걸 즐깁니다. 시끄럽고 붐비는 도심이 부담돼서 파리 인근 소도시에 살고 있고, 새 구경을 좋아하고, 채소를 키우는 취미가 있어요.

좀 더 개발 관련 얘길 하자면, 2022년 11월부터 Storyblok 이라는 Headless CMS 서비스를 만드는 곳에서 개발자 유저들을 위한 extension platform 을 만들고 있어요.

2019년에 Algolia 라는 클라우드 기반의 검색 솔루션 회사에 입사하기 위해 프랑스로 이주했어요. 그 회사에서 InstantSearch 라는 오픈소스 UI 라이브러리를 만드는 일을 했어요. Vanilla JavaScript, React, Vue.js, Angular 총 네 가지 버전으로 라이브러리를 제공하기 위해 공통 로직을 따로 관리하고 각 flavor 는 최소한의 wrapper 이도록 하는 작업에 시간을 가장 많이 썼어요. 그 외에도 업무적으로 여러 오픈 소스 프로젝트에 참여했어요.

그전에는 한 스타트업에서 한국과 싱가폴에서 풀스택으로 3년 정도 일했고, 그 전에는 카카오와 다음 커뮤니케이션에서 4-5년간 주로 프론트엔드 업무를 했어요.

커리큘럼

전체

118개 ∙ (19시간 56분)

해당 강의에서 제공:

수업자료

섹션 1. 텍스트 파일

2개

준비 강의
메인 강의

섹션 2. 자막 파일

2개

준비 강의
메인 강의

섹션 3. 준비 강의 (무료)

6개 ∙ (1시간 17분)

섹션 4. 본격적으로 시작하기에 앞서

2개

섹션 5. 01. DOM API 의 기본

7개 ∙ (1시간 3분)

섹션 6. 02. 쇼핑몰 만들기 [1/3]

8개 ∙ (1시간 20분)

섹션 7. 02. 쇼핑몰 만들기 [2/3]

5개 ∙ (52분)

섹션 8. 쇼핑몰 만들기 [3/3]

6개 ∙ (52분)

섹션 9. 03. 웹서버 기초

9개 ∙ (45분)

섹션 10. 04. Array 메소드

8개 ∙ (1시간 26분)

섹션 11. 05. npm 라이브러리의 기초

8개 ∙ (27분)

섹션 12. 06. mini query 만들기

7개 ∙ (1시간 7분)

섹션 13. 07. 영화 정보 사이트

10개 ∙ (1시간 59분)

섹션 14. 08. 비동기 연습하기

5개 ∙ (38분)

섹션 15. 09. 정적 블로그 만들기

9개 ∙ (1시간 3분)

섹션 16. 10. CLI 만들기

5개 ∙ (48분)

섹션 17. 11. Form 라이브러리 만들기

10개 ∙ (1시간 4분)

섹션 18. 마무리

1개 ∙ (2분)

섹션 19. 추가 컨텐츠

4개 ∙ (35분)

섹션 20. 시나브로 웨비나

4개 ∙ (4시간 28분)

강의 게시일: 2023. 07. 20.

마지막 업데이트일: 2024. 02. 16.

수강평

전체

21개

5.0

21개의 수강평

damyo
2023. 08. 01.
∙
수강평 1
∙
평균 평점 5.0
5
100% 수강 후 작성
그동안 봐왔던 강의와는 다른 느낌, 살짝 쉬어가는 느낌으로 편안하게 수강했습니다. 강의가 가벼웠다거나 쉬웠다는 의미는 아니에요. 예전에는 많은 지식과 기술을 때려 넣은(?) 강의가 좋기도 했지만(돈 값은 한다는 기분😁), 가끔은 따라잡기 버거울 때도 있고, 수강생들을 위한 강의인지 강사님이 아는 것을 트로피처럼 진열하고 본인의 업적을 쌓기 위함인지 헷갈리는 경우도 있었는데요. 은재님의 강의는 밸런스가 참 좋았던 것 같습니다. 적당히 넓고, 적당히 깊은 느낌이었어요. 무엇보다 공식을 암기하는 것이 아닌, 풀이하듯이 사고의 흐름을 따라가는 경험을 할 수 있어서 좋았어요. 모르고 있었지만 그냥 당연하게 생각하고 궁금해하지 않았던 것들, 중요하지 않다고 치부하고 관심도 가지지 않았던 부분들도 한번씩 언급해주셔서 다시 생각해보는 계기가 되기도 했구요. 문제를 어떻게 대하고 사고할 것인지, 그동안 나는 어떤 자세로 일했는지 되돌아봐야겠습니다. 기회가 된다면 은재님의 개발자로써의 팁(어떤 도구들을 사용하는지, 어떤 방식으로 일/협업하는지 등)도 공유해주시면 너무 좋을 것 같아요. 다음에 또 좋은 강의로 만나뵙길 기대하겠습니다. 감사합니다.
- 이은재
  지식공유자
  2023. 08. 01.
  와 그런 느낌 받으셨다니 너무 기쁘네요. 진짜 강의 기획하던 시점부터 "차근 차근" 한 주제씩 배워나갈 수 있으면 좋겠다고 생각했는데, 그런 느낌 받으셨다니 너무 행복합니다. 개발 도구라던가 협업 방식에 대해서도 보너스 에피소드 한번 고민해보겠습니다 😊
evanjin
2023. 07. 23.
∙
수강평 9
∙
평균 평점 4.9
5
14% 수강 후 작성
깊은 인사이트에서 나오는 강의! 추천합니다 :)
- 이은재
  지식공유자
  2023. 08. 01.
  감사합니다 evanjin 님 😊
Gichul Roh
2023. 07. 30.
∙
수강평 14
∙
평균 평점 4.7
5
100% 수강 후 작성
강의자가 코드짜는 철학자 같습니다. 개발이란게 어떻게 보면 재밌는 일인데, 다시금 그 재미를 찾게 해주었습니다. 처음엔 강의가 단가가 좀 있어서 망설였었는데, 끝까지 1차 완강했습니다. 두세번은 봐야할 듯 합니다. 앱을 만드는 강의는 많은데 Node 환경이나 라이브러리 개발 강의어서 덕분에 관련 개발환경들의 이해도가 높아졌습니다. 다음 강의도 기대하겠습니다. 멀리서 건승하시기 바랍니다. 끝으로 섹션12 정적블로그 만들기 Deployment 영상에 1분 남짓 blackout 나는 부분 있습니다.
- 이은재
  지식공유자
  2023. 07. 30.
  너무 좋은 평가 감사합니다 😊 말씀하신 영상에 긴 공백이 있었네요. 덕분에 제거 후 다시 올렸습니다. 감사합니다!
이현지
2024. 06. 10.
∙
수강평 2
∙
평균 평점 5.0
5
97% 수강 후 작성
3년차 주니어 개발자입니다! 강좌를 탐색하다가 마음이 가서 바로 구매 후 들어봤는데 너무 좋았습니다ㅎㅎ 회사에서는 기능 개발 위주로 하다보니 프로젝트 셋업이나 코어 JS 개념을 접하기 어려웠는데, 이렇게 다양하면서 필수적인 지식들을 다뤄주셔서 너무 유익하고 좋았습니다. JS를 이용하여, React 처럼 동작하게 하기, SSR 직접 구현하신 것도 인상깊었고, 그 외에도 번들러나 모듈 개념도 다뤄주셔서 좋았습니다. 고기를 주는게 아닌, 고기 잡는 방식을 알려주는 강좌인것 같습니다ㅎㅎ 강좌를 들으면서 수업 구성에 대해 많은 고민을 하신게 느껴졌습니다. 틈틈히 복습하겠습니다. 감사합니다~!
- 이은재
  지식공유자
  2024. 06. 10.
  좋은 말씀 감사합니다 😊 저도 고기가 아닌 고기 잡는 방법을 알려드리는데 초점을 최대한 둬봤는데요, 그렇게 느끼셨다니 너무 기쁘네요. 질문 생기시면 언제든 남겨주세요. 감사합니다!
miho2582
2024. 08. 14.
∙
수강평 4
∙
평균 평점 5.0
5
58% 수강 후 작성
평소 강사님의 SNS계정을 염탐하길 좋아하는데 강의를 소개하셔서 냉큼 커리큘럼부터 읽어봤어요. 마침 취준을 하며 바닐라 자바스크립트 기반의 프로젝트를 하던 시기였는데, 프로젝트를 하면서 아직도 자바스크립트 실력이 충분하지 못하구나! 라는 생각을 많이 했거든요. 라이브러리 & 프레임워크에서 편리한 기능을 자바스크립트로 어떻게 구현하는지에 대한 인사이트, 그리고 TDD나 npm 배포 등 혼자 공부하기엔 부담되는 개념을 알려주는 강의였어요. FE 를 공부하면서 막연하게 알고는 있지만 자세히 알아보려면 힘든 개념을 강사님과 함께 따라가니까 부담을 덜 수 있어서 좋았어요. 자바스크립트에서 빠르게 리액트로 넘어갔거나, 리액트로 개발을 시작했는데 막히는 부분이 있는 사람들에게 추천하고 싶은 강의예요. 이 강의는 취준하는 지금도 유용하지만 1년전... 인사이트를 마구 갈망했던 시기의 저에게 보여줬다면 박수를 치면서 봤을 강의라고 생각해요. 디스코드가 따로 개설되어서 수강자들을 관리해주시는 점과, 취준생 할인코드를 배포해주시는 점까지 여러모로 사려 깊은 강사분이세요! 추천합니다! (그리고 영상 속에서 잠깐 나오는 고양이도 귀여워요. ☺️)
- 이은재
  지식공유자
  2024. 08. 14.
  안녕하세요. 도움이 되었다니 정말 다행이에요 🥹 좋은 말씀 너무 감사하고 취준도 잘 되시길 응원합니다!

이은재님의 다른 강의

지식공유자님의 다른 강의를 만나보세요!

파리에 사는 개발자

이은재

₩45,100

30%

₩31,570

입문 / 면접

5.0

(1)

2019년~2022년에 프랑스의 Algolia 라는 회사에서 근무했습니다. 이 회사에 이력서를 넣은 계기와, 이사 오기까지의 과정, 그리고 여러 배운 점과 제 생각을 공유하고자 합니다. 모든 사람에게 적용될 "해외 취업 성공 비결" 같은 영상은 아닙니다. 다만 제 개인적인 경험을 자세히 풀어놓은 이 영상이 많은 분들께 좋은 힌트가 되기를 바랍니다.

입문

면접

비슷한 강의

같은 분야의 다른 강의를 만나보세요!

실전 자바스크립트

이재승

₩35,200

30%

₩24,640

중급이상 / JavaScript, ES6

4.6

(102)

1,300+

자바스크립트에 대한 깊이 있는 이해를 원하시는 분에게 적합한 강의입니다. 2020년 기준 자바스크립트 최신 문법을 다룹니다.

중급이상

JavaScript, ES6

코딩인터뷰를 저격하는 JS 스나이퍼 양성학교

The Oreum

₩38,500

30%

₩26,950

중급이상 / JavaScript, 코딩 테스트

4.9

(27)

800+

코딩인터뷰를 앞두고 계신다구요? 제대로 찾아오셨습니다! 평소에 이해가 잘 가지 않거나, 들어도 들어도 헷갈리는 자바스크립트 개념들을 모아모아 함께 파고드는 시간을 마련했습니다 :) 면접관의 하트를 저격할 준비 되셨나요?

중급이상

JavaScript, 코딩 테스트

코어 자바스크립트

정재남

₩22,000

30%

₩15,400

초급 / JavaScript

4.8

(287)

4,000+

ES6 이전까지의 자바스크립트 전체를 관통하는 핵심 개념들에 대하여, 전반적인 흐름을 살펴보는 강의입니다.

초급

JavaScript

기획자님 이 정도 웹 개발은 배워보면 어떨까요? [이론+실습]

개복치개발자

₩55,000

25%

₩41,250

입문 / HTML/CSS, JavaScript, Vue.js, Node.js, 소프트스킬, MongoDB

5.0

(6)

바쁜 기획자 분들을 위한 빠르게 진행되는 개발 강의입니다. 군더더기 없는 설명으로 웹 프론트엔드, 백엔드, DB를 직접 개발해보며 전체적인 개발 프로세스를 알아볼 수 있습니다.

입문

HTML/CSS, JavaScript, Vue.js

한 번에 끝내는 자바스크립트: 바닐라 자바스크립트로 SPA 개발까지

효빈 Hyobin

₩35,200

30%

₩24,640

초급 / JavaScript, SPA, DOM, REST API

4.8

(44)

8,000+

Update

기본 문법부터 심화 개념까지 학습하면서, 바닐라 자바스크립트로 SPA를 개발해 봅시다🔥

초급

JavaScript, SPA, DOM

시간의 마법사 RxJS - setTimeout 은 No! 모든 비동기 작업들을 한방에 해결하자

나무

₩27,500

30%

₩19,250

초급 / JavaScript, 함수형 프로그래밍, RxJS

4.3

(7)

100+

Javascript를 비롯한 많은 프로그래밍 언어에서 비동기작업은 가장 까다롭고 소프트웨어의 복잡도를 올리는 요소 중 하나입니다. setTimeout, setInterval 과 같은 원시적인 비동기 프로그래밍은 버리고 RxJS 를 통해 복잡했던 비동기작업들을 손쉽게 처리할 수 있습니다.

초급

JavaScript, 함수형 프로그래밍, RxJS

React, Node.js, MongoDB로 만드는 나만의 회사 웹사이트: 완벽 가이드

닭강정

₩44,000

30%

₩30,800

중급이상 / React, Node.js, MongoDB, HTML/CSS, JavaScript

5.0

(2)

100+

React, Node.js, MongoDB를 활용해 회사 웹사이트를 직접 제작하는 과정을 배울 수 있는 실전 강의입니다. 간단한 React, Node.js 배경으로 풀스택 프로젝트를 같이 만들어요!

중급이상

React, Node.js, MongoDB

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

이정환 Winterlood

₩48,400

30%

₩33,880

초급 / React, JavaScript, Node.js

4.9

(599)

11,000+

Update

개념부터 독특한 프로젝트까지 함께 다뤄보며 자바스크립트와 리액트를 이 강의로 한 번에 끝내요. 학습은 짧게, 응용은 길게 17시간 분량의 All-in-one 강의!

초급

React, JavaScript, Node.js

이거 하나로 종결 - 32시간 고품질 스프링 풀스택 웹개발

그린코딩

₩33,000

30%

₩23,100

입문 / HTML/CSS, JavaScript, Spring Boot, JSP, MySQL

New

그냥 들어보세요. 강의력과 흡입력 그리고 강의의 질이 다릅니다.

입문

HTML/CSS, JavaScript, Spring Boot

Node.js로 웹 크롤링하기

제로초(조현영)

₩55,000

30%

₩38,500

중급이상 / JavaScript, Node.js, 웹 크롤링, Puppeteer

4.9

(34)

900+

네이버, 아마존, 트위터, 유튜브, 페이스북, 인스타그램, unsplash.com 등의 사이트를 크롤링하며 실전에 적용해봅니다.

중급이상

JavaScript, Node.js, 웹 크롤링

자바스크립트 알고리즘 문제풀이 입문(코딩테스트 대비)

김태원

₩77,000

30%

₩53,900

입문 / JavaScript, 코딩 테스트

4.8

(174)

4,700+

자바스크립트(JavaScript)로 코딩테스트를 준비하시는 분을 위한 강좌입니다. 재미있게 풀 수 있는 기초 단계 문제부터 고급 알고리즘까지 단계별로 차근차근 배우도록 설계된 강좌입니다.

입문

JavaScript, 코딩 테스트

풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]

잔재미코딩 DaveLee

₩82,500

30%

₩57,750

입문 / HTML/CSS, JavaScript, ES6

4.9

(162)

2,600+

Update

현업에서 실제 웹서비스를 개발한 경험을 기반으로, 입문자를 위한 실제 상용화도 가능한 수준의 웹과 앱서비스를 개발하는 것을 목표로 하는 풀스택 시리즈 강의입니다. 이를 위한 Part2 강의로 다양한 기술이 존재하는 프런트엔드 기술에서 반응형, 호환성까지 고려한 최신 HTML5, CSS3, 바닐라 자바스크립트 (Javascript) + ES6 를 모두 견고하게 싹 정리하는 강의입니다.

입문

HTML/CSS, JavaScript, ES6

아무도 알려주지 않는 WebRTC를 사용한 P2P통신

July

₩46,200

30%

₩32,340

입문 / Go, webrtc, p2p, JavaScript, Socket.io

4.9

(7)

WebRTC를 활용하여 구현하는 웹캠과 피어간 통신에 대해서 학습할 수 있습니다.

입문

Go, webrtc, p2p

자바스크립트 머신러닝 TensorFlow.js

김영보

₩132,000

30%

₩92,400

중급이상 / Tensorflow, JavaScript, 머신러닝, 딥러닝

4.6

(9)

200+

자바스크립트 환경에서 머신러닝 개념을 다룹니다. 자바스크립트와 TensorFlow.js로 머신러닝을 구현하는 형태와 코드를 다룹니다.

중급이상

Tensorflow, JavaScript, 머신러닝

JavaScript 알고리즘 베스트 10

The Oreum

₩27,500

30%

₩19,250

중급이상 / JavaScript, 코딩 테스트, 알고리즘

4.6

(12)

400+

가장 많이 출제되는 유형을 담은 'JavaScript 알고리즘 베스트 10'을 통해 문제의 핵심을 찾아 풀이하는 능력을 키워보세요!

중급이상

JavaScript, 코딩 테스트, 알고리즘

mongoDB 기초부터 실무까지(feat. Node.js)

김시훈 (도도소프트)

₩77,000

30%

₩53,900

초급 / MongoDB, REST API, Node.js, AWS, JavaScript, DBMS/RDBMS, 데이터 엔지니어링

4.7

(84)

1,300+

mongoDB, NoSQL 요즘 많이 들리지만 아직은 낯선 데이터베이스인가요? 관계형 데이터베이스(RDS/SQL)처럼 사용하고 계시지는 않으신가요? 아무리 좋은 기술도 올바르게 사용하지 않으면 역효과가 발생합니다. 그래서 몽고디비 사용 실패 사례도 종종 보이는데요. 이 강의는 mongoDB를 최대한 mongoDB스럽게 사용할 수 있도록 기본 개념부터 실무 노하우까지 가르쳐드려요.

초급

MongoDB, REST API, Node.js

웹게임을 만들며 배우는 인터렉티브웹! JAVASCRIPT

깡코딩

₩88,000

30%

₩61,600

초급 / 인터랙티브 웹, JavaScript, HTML/CSS

4.8

(21)

300+

웹게임도 만들고, 프론트엔드 웹 개발 스킬도 배우는 1석 3조 수업! 독자적인 아이디어로 JavaScript, CSS, HTML을 활용해 게임을 만들 수 있는 방법을 수업으로 만들었습니다!

초급

인터랙티브 웹, JavaScript, HTML/CSS

웹 퍼블리셔를 위한 자바스크립트 & 제이쿼리 핵심이론 실전예제(교재, 완성본)

코딩웍스(Coding Works)

₩33,000

30%

₩23,100

초급 / JavaScript, jQuery, HTML/CSS

4.6

(11)

100+

웹 퍼블리셔를 위한 JS 핵심이론 및 실전예제 교재 및 완성본은 PDF로 제작된 강의 교재입니다. 해당 교재는 웹 퍼블리셔가 꼭 알아야 하는 자바스크립트와 제이쿼리 기본기를 충실히 갖출 수 있는 역할을 합니다. 해당 교재 특징으로는 이론과 연결된 스몰미션(Small Mission)을 통해서 이론을 더욱 탄탄히 할 수 있습니다. 특히 배운 모든 이론을 활용한 실전 예제 역시 충실히 준비된 교재입니다. 해당 PDF 전체 페이지는 순수 자바스크립트(Vanlila JavaScript)와 제이쿼리(jQuery) 페이지 수는 320페이지 이상으로 코딩웍스가 쉽게 이해할 수 있도록 충분한 설명을 덧붙여 놓았습니다. 특히, 퍼블리셔가 웹사이트 제작을 위해 필수적인 제이쿼리 상호작용 실전 예제를 학습하실 수 있습니다.

초급

JavaScript, jQuery, HTML/CSS

웹디자인기능사 자격증 대비(2023년 출제기준 반영버전)

webstoryboy

₩44,000

30%

₩30,800

초급 / HTML/CSS, jQuery, JavaScript, 웹 디자인

웹디자인기능사 출제기준 2023년 버전에 맞추어 누구나 합격할 수 있도록 제작하였습니다. 5가지 유형을 배우고 빠르게 합격합시다!

초급

HTML/CSS, jQuery, JavaScript

클린업 JavaScript: 베이스 빌드업!

김영보

₩44,000

30%

₩30,800

초급 / JavaScript, 면접, 기술면접

5.0

(3)

100+

생각을 다룹니다. 자바스크립트 핵심과 근본을 논리적으로 정리할 수 있습니다. 자바스크립트 경험, 생각을 스스로 정리할 수 있습니다. 자바스크립트 기술 논리를 정립할 수 있습니다. 자바스크립트 전체를 보는 시야를 넓힐 수 있습니다. 자바스크립트 기술 면접 문제에 대비할 수 있습니다.

초급

JavaScript, 면접, 기술면접

연관 로드맵

강의가 포함된 로드맵으로 학습해 보세요!

인프런 MD가 엄선한 2025 트렌드 강의 로드맵

인프런

월 ₩19,866

5개월 할부 시

30%

₩141,900

₩99,330

시나브로 자바스크립트

중급자를 위해 준비한 [프로그래밍 언어] 강의입니다.

이런 걸 배울 수 있어요

💡 “되는데, 이게 왜 되는 걸까요?”

🙌🏻 안녕하세요, 이은재입니다.

📖 컨텐츠 목록 (총 13시간 16분)

1. DOM API의 기본

2. 쇼핑몰 만들기

3. 웹서버 기초

4. Array 메소드

5. npm 라이브러리 기초

6. mini query 만들기

7. 영화 정보 사이트

8. 비동기 연습하기

9. 정적 블로그 만들기

10. CLI 만들기

11. Form 라이브러리 만들기

👥 수강하게 되시면

❓ 자주 묻는 질문

이런 분들께 추천드려요!

안녕하세요 이은재입니다.

커리큘럼

수강평

이은재님의 다른 강의

비슷한 강의

연관 로드맵

중급자를 위해 준비한
[프로그래밍 언어] 강의입니다.

이런 분들께
추천드려요!

안녕하세요
이은재입니다.