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

1. 핵심개념을 알아보는 Javascript Flow 강좌 소개

핵심개념을 알아보는 Javascript Flow 강좌는 ES6 이전까지의 자바스크립트 전체를 관통하는 핵심 개념들에 대하여, 전반적인 흐름을 살펴보는 강의입니다. 자바스크립트 초심자들이 가장 어려워하는 this, 콜백, 스코프와 실행컨텍스트, 프로토타입, 클로저 등에 대하여 개념 및 동작 원리를 알기 쉽게 설명함으로써, 수강생들이 향후 자바스크립트를 학습하는 데에 있어 가이드를 제시해 드립니다.

(17년 5월, 7월, 9월, 12월 총 4회에 걸쳐 오프라인에서 강의했던 내용을 바탕으로, 온라인 환경에 맞춰 제작한 강의입니다.)

2. 도움이 되는 분들

  • 자바스크립트 개발자 및 지망생
  • 실무에 임하면서 기본기에 대한 갈증을 느끼는 분
  • 애매하게 알고 넘어갔던 개념들이 많아 자신감이 없는 분
  • 자바스크립트를 독학으로 공부하다가 벽에 부딪힌 분
  • ‘재미없고 어렵기만 한 자바스크립트’에 고개가 끄덕여지시는 분
  • 학습 방법 내지 방향성을 중간 점검하고 싶으신 분
  • 커리큘럼의 내용을 모두 알고 계시는 분들께는 추천하지 않습니다.

3. 핵심개념을 알아보는 Javascript Flow의 난이도

  • 변수선언방식, 반복문과 조건문, 데이터타입별 기본메소드들, 형변환 및 연산자, 표현식 등은 이미 알고 있다는 전제 하에 강의를 진행합니다.
  • 위 내용들을 전혀 모르는 분이라면 얻어가실 게 생각보다 많지 않을 수도 있습니다.
  • 다만 온라인강의의 특성상 일단 귀로 눈으로 담아 놓는 것만으로도 충분한 가치가 있을 수 있으며, 향후 해당 파트를 학습하실 때에 복습하시면 큰 도움이 되실 수 있을 것입니다.

 

4. 강사소개

정재남

NCSoft에서 사내 메신저 앱을 개발하고 있는 프론트엔드 개발자입니다.
HTML, CSS (SASS), Javascript (ReactJS, ES6), Node.js 등을 주로 다루고 있습니다.
기존에는 웹에이전시, 스타트업, 쿠팡 등에서 웹서비스, 하이브리드앱 등을 개발했고,
수년간 오프라인으로 jQuery, javascript, ReactJS 등의 강의형 스터디를 진행해 왔습니다.

Github: https://github.com/gomugom
기술블로그: https://gomugom.github.io

강좌 평가

4.9

30 개의 수강평
  • 5 점28
  • 4 점2
  • 3 점0
  • 2 점0
  • 1 점0
  1. 김혜인의 프로필 사진

    강의가 정말 좋아요!

    5

    막연했던 개념들이 강의를 듣고 조금 명확해진 것 같아요! 정말 많은 도움이 되었습니다! 앞으로도 이런 좋은 강의 부탁드려요~

  2. 권오현의 프로필 사진

    다소 빠른 감은 없지 않지만

    4

    책으로만 보면 절대 이해 안되는 내용을 이해하게 할 수 있는 강좌인 이유만으로도 충분히 가치있는 강좌입니다.

  3. Ryan Dahl의 프로필 사진

    최고입니다.

    5

    평소 헷갈리고 이해하기 어려웠던 내용을 쉽게 알려주는 명강의입니다.

  4. DH. Jeon의 프로필 사진

    두번 세번 반복해서 들어야할 강의

    5

    내용이 부실해서가 아니고 내용이 무척 좋아서 여러번 반복해 들어도 좋은 강의입니다.
    적절한 시각화와 핵심을 콕콕 집는 설명까지 정말 좋습니다.
    강사님의 내공이 느껴지는 강의였습니다.
    덕분에 자바스크립트에 대해서 한단계 업그레이드 할 수 있었습니다.

  5. 민소라의 프로필 사진

    강의 들으면서 많이 배웠습니당! :-)

    5

    이론적인 기초가 많이 부족했는데 좋은 강의 해주셔서 많이 배우고 갑니다!
    후속 강좌도 열심히 듣겠습니당! 감사합니당!

  6. Han'S의 프로필 사진

    제목 그대로 핵심만을 추려낸 알짜 강의 입니다.

    5

    말이 빨라서 처음에는 이해하기가 힘들고 진도가 더디가 나가는데,
    나중에는 오히려 반복 학습하기에는 좋은것 같습니다.
    반복해서 수강할수록 이해의 깊이가 달라지는 강의입니다.
    es6 강의도 이어서 달립니다. ㅎ

  7. seed의 프로필 사진

    자바스크립트를 사용하는 개발자라면 이 강의를 보는 것을 적극 추천합니다.

    5

    돈과 시간이 전혀 아깝지 않은 강의였습니다. 다음 강의에서 뵙겠다고 하셨으니 다른 강의를 준비하고 계시거나 하실 의향이 있으신 것 같은데 ES6 강의가 올라왔으면 하는 개인적인 바램이 있습니다. 아무튼 좋은 강의 감사드리며 질문에 대한 빠른 답변도 감사드립니다.

  8. Lee EunHak의 프로필 사진

    많이 배웠습니다.

    5

    자바스크립트를 오래 써왔지만
    보조적인 수단으로만 써와서 제대로 모르고 있었는데
    이번 기회에 완벽하게는 아니라도 어느정도는 이해 했습니다.
    반복 학습하면서 완전히 익혀야 할것 같습니다.
    좋은내용 전달해 주셔서 감사합니다.

  9. heewon shin의 프로필 사진

    인프런 강의중 가장 정리와 준비가 철저하게 잘되어있는 강의 내용도 만점

    5

    무엇보다 이론 위주의 강의라고 느껴졌습니다.
    하지만 가장 핵심적인 내용을 주로 교육 하는것 같아 마음에 들었던 강의 입니다.
    자바스크립트를 아얘 모르거나 입문 하시는 분들 보다는
    조금이라도 써봤거나 함수는 자유자재로 만들줄 아는 분들이 보기에 좋을것 같습니다.

  10. 허인희의 프로필 사진

    짧고 굵게 정리된 핵심

    5

    언제나 어렵게 느껴졌던 문제들을 정확하게 집어주셨다.
    다만, 아직 내공이 부족해 후반부는 한번에 이해가 안되는데 몇번이고 다시보기 쉽게 짧고 굵게 정리된게 마음에 듭니다.
    감사합니다.

  11. miriamme의 프로필 사진

    너무나 좋은 시간이었습니다.

    4

    자바스크립트 공부하면서 정말 많이 헷갈리던 부분이 많았는데… 대부분 해소가 되었습니다.
    이런 강의자료가 나오기까지 강사님의 고민과 학습이 정말 많았으리라 생각됩니다.
    많은 도움이 되었습니다.
    그러나, 강의중 말의 속도가 다소 빠르다는 느낌이 듭니다. 그래서 자꾸 멈추면서 이해하고 넘어가는 부분이 있어 흐름이
    조금씩 깨지고는 했습니다. 물론 저의 이해력이 낮아서 그런 문제가 있기도 합니다.
    다른 언어에 있어서도 이런 강의가 있으면 좋을 것 같습니다.

  12. seokyoon130의 프로필 사진

    헷갈린 부분을 차근차근 친근한 예시로 설명해주는 재남님의 강의를 온라인로도!?

    5

    자바스크립트에서 진입 장벽이 높고 항상 헷갈린 부분을 차근차근 친근한 예시로 설명해주는 재남님의 강의를 온라인으로도 들을수 있음에 정말 감사할따름입니다!!

  13. Yuri의 프로필 사진

    정말 좋은데요.

    5

    글로 엄청 어렵게 쓰여있는 책을 보다가
    쉬운 도표와 간략한 설명이 이해를 아주 편하게 도와주네요.
    혹시 핵심 노트처럼 사용할 수 있게 강의에 나오는 도표들을
    PDF로 제공해주시면 안될까요?
    핸드폰에 넣어다니면서 계속 들여다보고 이해하고 싶어요!

  14. google_user의 프로필 사진

    자바스크립트를 제대로 배우려는 사람에게 꼭 들어보라고 하고 싶은 강의입니다.

    5

    시중에 자바스크립트 입문책 중에 다수가 대충 어설프게 쉽게보이게만 가르쳐서, 정작 실무에서 사용할때 꼬이거나 안될때 노답이였다.
    동물들이 그려진 유명한 책들을 보고 공부하려고 했으나 뭔소린지 도저히 알아들을수가 없어서 책을 덮기 일쑤였다.
    우연히 오프라인에서 강의를 듣고 뭔가 깨달음을 얻은 기분이라서 인터넷 찾아보면서 차근차근 공부하다가 다시 동물 그려진 책들을 읽으니깐 책이 읽혔다.
    제이쿼리로 돔이나 깔짝 대는 용도의 자바스크립트가 아니라, 프로그래밍으로 자바스크립트를 맛보고 싶다면 듣기를 추천한다.

  15. 새우깡의 프로필 사진

    정말 좋은 강의입니다.

    5

    자바스크립트를 사용하면서 어설프게 알면서 쓰는 중요 개념들을 확실하게 알려주는 강의입니다. 자바스크립트 기본만 알고 있는 분들은 이 강의를 꼭 거치고 넘어가면 실제 개발이나 프레임웍을 사용할때 큰 도움이 되리라 생각이 드네요.

  16. 이서진의 프로필 사진

    정리에 도움이 되는 강좌였습니다.

    5

    후반으로 갈수록 한 번에 이해하기는 어렵지만, 도움이 되는 강좌 입니다.
    처음부터 끝까지 보기는 했지만, 이해는 어렵지만 우선 알아보자는 생각으로 들은 강좌라서
    클로저부터 다시 보면서 이번에 확실한 개념을 알아야 생각이 드네요.

  17. kira4195의 프로필 사진

    확실하게 잡아주는 개념!

    5

    어렵게 느껴졌던 것들을 잘 잡아주는 강의입니다.

  18. 전대우의 프로필 사진

    감사합니다

    5

    어렵고 복잡한 내용을 짧은시간동안 정리해주셔서 매우 감사드립니다
    어려운 내용을 다루다보니, 저는 이해하기가 어려웠는데, 주관적으로는 퍼펙트한 강의였다고 생각합니다

  19. 이은비의 프로필 사진

    잘 보았습니다

    5

    자바스크립트 기초 문법책 한번 쭉 봐도 잘 이해가 안됐던 개념들이 이제야 정리가 됩니다.
    프로토타입 부분은 그림으로 쉽게 설명해주셔서 너무 좋았어요.
    어느정도 문법을 알고 있다면 기초 강의로 강추합니다!!~~

  20. 아르의 프로필 사진

    많은 도움이 되었습니다.

    5

    자바스크립트에서 어려운 개념들을 정리해서 주셔서 감사합니다.
    많은 도움이 되었습니다.

  21. stella의 프로필 사진

    원리를 알수 있는 강의~ 추천합니다

    5

    재남쌤의 세미나도 들어보고 스터디도 들어보았는데
    강의가 깔끔하고 이해하기 좋게 잘 설명해주세요.
    자바스크립트 기초가 튼튼하지 않으신 분들 모두 추천합니다!

  22. 이종환의 프로필 사진

    이해하지 않고 넘겼던..개념들..

    5

    왜 이렇게 될까??란 생각을 했던 내용을 쉽게 설명해주셨습니다.
    오프라인에서 듣고 정말 도움이 많이 됬는데,
    온라인 강의도 많은 도움이 되고 있습니다.
    감사합니다.

  23. 그로의 프로필 사진

    애매하고 아리송하던 개념들을 확실히 잡아주셔서 좋아요

    5

    오프라인에서 강의를 듣게 되었을 때 유익하게 듣고 나눠주신 자료도 열심히 보곤 했는데요.
    아무래도 온라인으로 차분한 설명과 함께 이해될 때까지 여러번 반복해서 들을 수 있어서 정말 좋네요 ㅠㅠ
    친절하신 강사님이라 더 좋고요. 감사합니다!

  24. bluesky932@naver.com의 프로필 사진

    잘 보겠습니다!

    5

    오프라인 강의를 듣고, 다시 한번 듣고 싶다.. 생각했었는데~
    인프런에서 다시 들을 수 있어서 좋네요! 좋은 강의 감사합니다!!

  25. 설린의 프로필 사진

    기대되네용!!

    5

    현강때도 많은 도움 되었어요!
    온라인 강의도 잘 보겠습니다 🙂

  26. 진영화의 프로필 사진

    좋은 강의!!

    5

    잘 짚어주시고 잘 가르쳐 주셔서 감사합니다. 많은 도움이 될겁니다. ^^

  27. wjddmsgpp의 프로필 사진

    감사합니다!

    5

    실제 강의때도 너무 유익한 내용이라 꼭 다시듣고싶었는데 기회가되서 좋습니다^^ 좋은 강의 감사해요!

  28. CHOI의 프로필 사진

    잘볼께요~

    5

    많은 도움이 되었었어요

    고맙습니다~

    온라인에서도 잘 부탁드려용

  29. jangji1의 프로필 사진

    잘보겠습니다

    5

    재남님 강의는 항상 이해하기 쉽게 잘 풀어주시는 것 같아요~
    오프라인 강의에 이어 온라인 강의도 잘 보겠습니다.
    많은 도움되고 있어요~

강좌 교육과정

0.Intro
0-1. intro학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 미리보기 00:02:00
1. 데이터 타입
1-1. 기본형과 참조형의 종류 및 차이점학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:08:00
2. 함수
2-1. 호이스팅학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 미리보기 00:01:00
2-2. 함수선언문과 함수표현식학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:03:00
2-3. 함수스코프, 실행컨텍스트학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:05:00
2-4. 메소드학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:02:00
2-5. 콜백함수학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:11:00
3. this
3-1. this학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:08:00
4. 클로저
4-1. 클로저학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 미리보기 00:07:00
4-2. 지역변수 만들기학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:03:00
5. prototype
5-1. prototype과 constructor, __proto__학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:05:00
5-2. 메소드 상속 및 동작 원리학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:02:00
5-3. prototype chaining학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:05:00
6. Class
6-1. prototype static 메소드 및 static 프로퍼티학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:06:00
6-2. class 상속 구현학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:12:00
  • 가격 옵션 +
  • 평생
  • 강좌 수료증
  • 15개 강의, 총 1 시간 20 분
  • 위시리스트

우리는 성장기회의 평등 을 추구합니다.

경제적, 시간적 제약없는 양질을 교육으로 누구나에게 성장 기회를 균등하게 주는것. 그것이 우리의 목표입니다.

지식공유참여 고객센터
top
(주)인프랩 | 대표자:이형주 | TEL:070-4202-1180 | E-MAIL: course@inflearn.com | 사업자번호:499-81-00612
주소:성남시 분당구 삼평동 대왕판교로 645번길 12 경기창조경제혁신센터 8층 R10 | 개인정보보호책임자:이형주
통신판매업:2017-서울강남-01544 | ©INFLAB. ALL RIGHTS RESERVED