강의

N
챌린지

멘토링

로드맵

BEST
Programming

/

Front-end

[React Part 2] Advanced Topics and Hooks

Now React truly starts to 'make sense'. Advanced concepts and Hooks, learn easily and accurately.

(4.9) 25 reviews

745 learners

  • jeonghwan
실습 중심
실무
핵심원리
React Context
react-hooks
React
JavaScript
Web Application

Reviews from Early Learners

What you will learn!

  • React Component Design Techniques

  • React Advanced Topics and Application

  • React Hook (Hooks)

I will teach you advanced React topics and hooks with certainty.


Objectives of this lecture

  • Master component design techniques based on 'Thinking in React'

  • Understand advanced React topics not covered in Part 1, such as context, ref, higher-order components, and controlled components.

  • Understand six hooks that are commonly used in practice, including basic hooks and additional hooks.


Course Features

  • Understand the structure by creating React core concepts yourself

  • Learn practical React usage while building a delivery application.


Key Contents

  1. Thinking in React

    • Part 1: Summary of the class, setup of the practice environment, introduction of results

    • Design and implement maintainable components

  2. Advanced Topics

    • Understanding React Context, Higher-Order Component Pattern, Ref, and Portal

    • Development of router and dialog modules using this

  3. Hook 1

    • Comparison of class and function components, background of hooks


    • Understanding and utilizing state hooks, side effect hooks, and context hooks

  4. Hook 2

    • Control component, development of form module using it

    • Understanding and utilizing rep hooks, reducer hooks, and memoization hooks

Teaching Materials

스크린샷 2023-09-27 오전 6.00.26.png


스크린샷 2023-09-27 오전 6.01.10.png


스크린샷 2023-09-27 오전 6.01.24.png


ezgif.com-video-to-gif.gif


Instructor Introduction

Kim Jung-hwan

A working developer who loves learning and organizing web technologies.

I run a technology blog about web technologies and my thoughts as a developer.

View Lectures We share the skills learned and know-how gained from practical work in the form of presentations or lectures.

I work as a front-end developer at Elegant Brothers.


Questions and Answers for Students

Q. Is this a lecture that non-majors can also take?

No, you must have some experience in web development.

Q. Do I have to take the previous class?

Yes, it is an extension of the first class, so it is recommended that you take it after fully understanding the previous content.

Q. Why should I learn React?

The current job market is looking for developers with knowledge of modern web frameworks. If you have the skills in React, one of the most popular technologies, you will be in demand by many companies.

Q. What are the benefits of learning React?

React solves many of the common problems in user interface development, giving developers one more tool to focus more on business logic development and quickly create products.

Q. Is there anything I need to prepare before attending the lecture?

If you have experience with web development at least once, it is meaningful to take this class. This is because the class is conducted on the assumption that you are familiar with HTML and JavaScript grammar. For those who are still lacking in web basics, I recommend that you learn first and then take the class.

Q. What level is the class content?

This is a guide based on the advanced guide and hooks in the official React documentation. It covers the core parts of React.

Q. Are there any notes regarding course registration?

There are four tools that will be used in class. Node.js development editor, web browser, and Git. You can also check it out in the preview class. ( Practical environment configuration )


Previous lecture

[React Part 1] Learning React by Making and Comparing

Recommended for
these people

Who is this course right for?

  • Those aspiring to upgraded development with component design skills.

  • Those aiming to be competitive developers, by learning React's structure and principles, not just its usage.

  • Those wishing to grasp third-party library workings and master their effective use.

Need to know before starting?

  • React basic concepts or React Part 1 lecture-level understanding

Hello
This is

13,810

Learners

859

Reviews

586

Answers

4.8

Rating

9

Courses

수업 중 궁금한 사항은 질문 사항에 올려주세요.
매일 한 번씩 확인하고 답변 드리겠습니다.

Curriculum

All

167 lectures ∙ (19hr 47min)

Published: 
Last updated: 

Reviews

All

25 reviews

4.9

25 reviews

  • kimhonor님의 프로필 이미지
    kimhonor

    Reviews 13

    ∙

    Average Rating 5.0

    5

    32% enrolled

    1부를 너무 만족스럽게 수강했던 기억이 있어서 이번 강의도 고민없이 바로 결제했습니다!! 결론은 역시나 만족스럽네요! 무엇보다 강사님이 저만 느낄진 모르겠지만 귀여우십니다 ㅋㅋㅋㅋㅋ 깨알같이 장비 자랑을 하시는 모습과 중간중간 의도치 않은 에러를 마주했을 때 하시는 어허~ 같은 추임새들에 딱딱하게 강의를 보는 중간에 리프레시가 되네요!! 앞으로도 좋은 강의 많이 부탁드리겠습니다. 감사합니다~

    • 김정환
      Instructor

      1부에 이어 2부 강의도 만족하셨다니 다행입니다. 내용이 무거울 수도 있었을 것 같다고 생각했는데요. 수업 내용 외에도 이런 점들을 좋게 봐주셔서 고맙습니다.

  • 지호손님의 프로필 이미지
    지호손

    Reviews 16

    ∙

    Average Rating 5.0

    5

    100% enrolled

    내용이 정말 깔끔하고 깊습니다.

    • 김정환
      Instructor

      좋은 말씀 정말 감사합니다.

  • mr.woong0926님의 프로필 이미지
    mr.woong0926

    Reviews 5

    ∙

    Average Rating 5.0

    Edited

    5

    45% enrolled

    강의 내용 좋고, 강사님 설명도 잘 이해 됩니다. 제가 원하는 내용들은 세션 3에 있었네요! 이미 어느정도 프론트 개발 하실 줄 아시는 분들은 세션 3부터 보셔도 될 것 같습니다! 좋은 강의 감사합니다 :)

    • 김정환
      Instructor

      수강평 남겨주셔서 감사합니다. 원하시는 내용이 세션 3에서 도움이 되셨다니 다행이에요. 이미 프론트엔드 개발 경험이 있으신 분들께서는 말씀해주신 것처럼 필요에 따라 원하는 세션부터 들어주셔도 좋습니다.

  • 김성현님의 프로필 이미지
    김성현

    Reviews 13

    ∙

    Average Rating 5.0

    5

    31% enrolled

    잘 듣고 있습니다. 좋아요

    • 김정환
      Instructor

      이제 거의 절반 정도 공부하셨겠네요. 리뷰 감사합니다.

  • Rona님의 프로필 이미지
    Rona

    Reviews 10

    ∙

    Average Rating 4.9

    5

    31% enrolled

    $59.40

    jeonghwan's other courses

    Check out other courses by the instructor!

    웹 개발의 핵심, HTTP 완벽 마스터하기!강의 썸네일

    웹 개발의 핵심, HTTP 완벽 마스터하기!

    김정환

    HTTP 기본부터 데이터 요청, 실시간 통신, 보안, 그리고 성능 최적화까지, 웹 개발자가 반드시 알아야 할 네트워크 지식을 배워보세요.

    초급

    초급

    Ajax, https, cors

    웹 개발의 핵심, HTTP 완벽 마스터하기!강의 썸네일

    웹 개발의 핵심, HTTP 완벽 마스터하기!

    김정환

    프론트엔드 개발환경의 이해와 실습 (webpack, babel, eslint..)강의 썸네일

    프론트엔드 개발환경의 이해와 실습 (webpack, babel, eslint..)

    김정환

    이미 만들어 놓은 개발 환경을 이해할 수 있어요. 처음부터 직접 개발 환경을 만들 수 있어요.

    중급이상

    중급이상

    Node.js, Webpack, Babel

    프론트엔드 개발환경의 이해와 실습 (webpack, babel, eslint..)강의 썸네일

    프론트엔드 개발환경의 이해와 실습 (webpack, babel, eslint..)

    김정환

    [React 1부] 만들고 비교하며 학습하는 React강의 썸네일

    [React 1부] 만들고 비교하며 학습하는 React

    김정환

    이제 리액트(React)를 제대로 배우세요. 순수 자바스크립트 방식과 비교하며, 리액트의 특징과 역할을 가장 쉽게 이해하는 강의!

    초급

    초급

    React, MVC, JavaScript

    [React 1부] 만들고 비교하며 학습하는 React강의 썸네일

    [React 1부] 만들고 비교하며 학습하는 React

    김정환

    트렐로 개발로 배우는 Vuejs, Vuex, Vue-Router 프론트엔드 실전 기술강의 썸네일

    트렐로 개발로 배우는 Vuejs, Vuex, Vue-Router 프론트엔드 실전 기술

    김정환

    다른 웹 어플리케이션을 내 손으로 구현하는 과정을 통해 Vuejs의 중급 기술 (Vuex, Vue-Router, Http)을 학습할 수 있습니다. 퍼블리싱 결과물, API 서버와 문서하는 등을 미리 구성했기에 협업하는 방법도 체험하실 수 있는 강의입니다.

    중급이상

    중급이상

    JavaScript, Vue.js

    트렐로 개발로 배우는 Vuejs, Vuex, Vue-Router 프론트엔드 실전 기술강의 썸네일

    트렐로 개발로 배우는 Vuejs, Vuex, Vue-Router 프론트엔드 실전 기술

    김정환

    견고한 JS 소프트웨어 만들기강의 썸네일

    견고한 JS 소프트웨어 만들기

    김정환

    같은 기능을 만들더라도 자바스크립트 문법을 이제 막 뗀 주니어 개발자와 경험 많은 시니어 개발자의 코드는 상당히 다릅니다. 물론 결과물은 같더라도 말이죠. 후자의 코드가 인정받는 이유는 짜임새 있는 설계와 변화에 대응할수 있는 확장성 때문일거에요. 이 강의는 그런 좋은 코드를 만들어 내는 방법에 대해 알아봅니다.

    중급이상

    중급이상

    소프트웨어 테스트, TDD, jasmine

    견고한 JS 소프트웨어 만들기강의 썸네일

    견고한 JS 소프트웨어 만들기

    김정환

    실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발강의 썸네일

    실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발

    김정환

    순수 자바스크립트와 VueJS라는 UI Library를 이용하여 쇼핑몰 검색 페이지를 만들어 보며 VueJS 개발 학습을 진행합니다. 순수 자바스크립트와 VueJs 로 개발을 각기 진행하며 각 개발의 차이점과 MVC, MVVM 디자인 패턴의 차이도 배울 수 있습니다.

    초급

    초급

    JavaScript, Vue.js

    실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발강의 썸네일

    실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발

    김정환

    테스트주도개발(TDD)로 만드는 NodeJS API 서버강의 썸네일

    테스트주도개발(TDD)로 만드는 NodeJS API 서버

    김정환

    이 강의에서는 Javascript 언어로 백엔드 개발을 할 수 있는 NodeJS를 학습하고, 테스트 주도 개발(TDD) 방법으로 NodeJS를 이용해 API 서버 개발을 할 수 있습니다. 또한 NodeJS의 대표적인 웹 프레임워크 ExpressJS의 기초 원리를 이해하고, 모바일과 웹 서비스에서 사용하는 REST API 개발 방법을 학습할 수 있습니다.

    초급

    초급

    TDD, Node.js, Express

    테스트주도개발(TDD)로 만드는 NodeJS API 서버강의 썸네일

    테스트주도개발(TDD)로 만드는 NodeJS API 서버

    김정환

    Similar courses

    Explore other courses in the same field!

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

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

    개발자의 품격

    본 강의는 풀스택 웹 개발자 양성을 위한 [웹 개발 풀스택 코스] 강의 시리즈 중 자바스크립트에 대한 강의입니다. 이 강의는 지식공유자의 저서 <바닐라 자바스크립트>의 내용을 바탕으로 만들어진 강의입니다.

    초급

    초급

    JavaScript, vanilla-javascript

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

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

    개발자의 품격

    [React 1부] 만들고 비교하며 학습하는 React강의 썸네일

    [React 1부] 만들고 비교하며 학습하는 React

    김정환

    이제 리액트(React)를 제대로 배우세요. 순수 자바스크립트 방식과 비교하며, 리액트의 특징과 역할을 가장 쉽게 이해하는 강의!

    초급

    초급

    React, MVC, JavaScript

    [React 1부] 만들고 비교하며 학습하는 React강의 썸네일

    [React 1부] 만들고 비교하며 학습하는 React

    김정환

    [VOD] 6주 완성! 개발 실무를 위한 고농축 바이브코딩 (Cursor AI, Figma)강의 썸네일

    [VOD] 6주 완성! 개발 실무를 위한 고농축 바이브코딩 (Cursor AI, Figma)

    코드캠프

    10분만에 바이브코딩으로 만들 수 있는 단순한 서비스는 이제 버리세요! '진짜' 실무적용 바이브코딩을 배울 수 있습니다. 기획과 디자인대로 실서비스 수준의 고도화된 서비스를 커서AI NCOP로 만들어보시죠. No Code, Only Prompt

    중급이상

    중급이상

    React, Next.js, cursor

    [VOD] 6주 완성! 개발 실무를 위한 고농축 바이브코딩 (Cursor AI, Figma)강의 썸네일

    [VOD] 6주 완성! 개발 실무를 위한 고농축 바이브코딩 (Cursor AI, Figma)

    코드캠프

    DOM에서 픽셀까지, 브라우저 렌더링과 CRP 완전 정복 - [DOM 완전 정복 Part 3]강의 썸네일

    DOM에서 픽셀까지, 브라우저 렌더링과 CRP 완전 정복 - [DOM 완전 정복 Part 3]

    nhcodingstudio

    이 강의는 브라우저가 HTML을 받아 DOM을 만들고, CSSOM과 결합해 화면에 픽셀을 그려내는 Critical Rendering Path(CRP) 과정을 처음부터 끝까지 다룹니다. 단순한 DOM 조작을 넘어, CSS와 JS가 성능에 어떤 영향을 주는지, 이미지·폰트 최적화, Lazy Loading, Intersection Observer, 가상 리스트, 그리고 DevTools 실습까지 이어지며 실제 웹 성능을 눈에 띄게 개선할 수 있는 실전 전략을 배울 수 있습니다.

    초급

    초급

    HTML/CSS, JavaScript, React

    DOM에서 픽셀까지, 브라우저 렌더링과 CRP 완전 정복 - [DOM 완전 정복 Part 3]강의 썸네일

    DOM에서 픽셀까지, 브라우저 렌더링과 CRP 완전 정복 - [DOM 완전 정복 Part 3]

    nhcodingstudio

    순수 함수형 프론트엔드 언어 Elm 가이드강의 썸네일

    순수 함수형 프론트엔드 언어 Elm 가이드

    김대현

    순수 함수형 프로그래밍으로 프론트엔드 웹앱을 만드는 Elm 프로그래밍 언어 가이드 문서를 3시간만에 다 공부합니다.

    초급

    초급

    elm, 함수형 프로그래밍, SPA

    순수 함수형 프론트엔드 언어 Elm 가이드강의 썸네일

    순수 함수형 프론트엔드 언어 Elm 가이드

    김대현

    함수형 프로그래밍과 JavaScript ES6+강의 썸네일

    함수형 프로그래밍과 JavaScript ES6+

    MDU 유인동

    ES6+와 함수형 프로그래밍을 배울 수 있는 강의입니다. 이 강좌에서는 ES6+의 이터러블/이터레이터/제너레이터 프로토콜을 상세히 다루고 응용합니다. 이터러블을 기반으로한 함수형 프로그래밍, map/filter/reduce, 파이프라인, 제너레이터를 통한 지연 평가, Promise 합성, 동시성/병렬성, async/await와 비동기 에러 핸들링 등을 배울 수 있습니다. 이 강좌를 습득하고 연습하여 중급 자바스크립트 개발자로 성장하세요!

    초급

    초급

    JavaScript, 함수형 프로그래밍

    함수형 프로그래밍과 JavaScript ES6+강의 썸네일

    함수형 프로그래밍과 JavaScript ES6+

    MDU 유인동

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

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

    잔재미코딩 DaveLee

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

    입문

    입문

    HTML/CSS, JavaScript, ES6

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

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

    잔재미코딩 DaveLee

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

    깡코딩

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

    초급

    초급

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

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

    깡코딩

    비전공자를 위한 진짜 입문 올인원 개발 부트캠프강의 썸네일

    비전공자를 위한 진짜 입문 올인원 개발 부트캠프

    그랩

    왕초보도 할 수 있는 웹, 서버, 모바일 앱, 머신러닝까지 익히는 끝판왕 풀스택 강의!! 개발을 어디서부터 시작할지 막막했다면 이 강의를 강력 추천할게요. Javascript 하나로 진행합니다!

    입문

    입문

    JavaScript, React, Node.js

    비전공자를 위한 진짜 입문 올인원 개발 부트캠프강의 썸네일

    비전공자를 위한 진짜 입문 올인원 개발 부트캠프

    그랩

    파이썬/장고 웹서비스 개발 완벽 가이드 with 리액트 (장고 4.2 기준)강의 썸네일

    파이썬/장고 웹서비스 개발 완벽 가이드 with 리액트 (장고 4.2 기준)

    이진석

    파이썬/장고 웹서비스 개발의 기초를 탄탄히 다져보세요. 장고 학습에는 시간도 걸리지만, 반복되는 개발 속에 여러분의 생산성을 극대화하실 수 있습니다. 여러분의 상상을 현실로 만들어보세요.

    초급

    초급

    Python, Django, React

    파이썬/장고 웹서비스 개발 완벽 가이드 with 리액트 (장고 4.2 기준)강의 썸네일

    파이썬/장고 웹서비스 개발 완벽 가이드 with 리액트 (장고 4.2 기준)

    이진석

    Klaytn 클레이튼 블록체인 어플리케이션 만들기 - NFT강의 썸네일

    Klaytn 클레이튼 블록체인 어플리케이션 만들기 - NFT

    SEJONG IT EDU

    이 강좌를 통해 대체불가능한 NFT (Non Fungible Token) 을 활용한 비앱을 만들 수 있게 됩니다.

    중급이상

    중급이상

    웹앱, 블록체인, NFT

    Klaytn 클레이튼 블록체인 어플리케이션 만들기 - NFT강의 썸네일

    Klaytn 클레이튼 블록체인 어플리케이션 만들기 - NFT

    SEJONG IT EDU

    [개정판] 웹 애플리케이션 개발을 위한 IntelliJ IDEA 설정강의 썸네일

    [개정판] 웹 애플리케이션 개발을 위한 IntelliJ IDEA 설정

    Dowon Lee

    자바를 이용한 웹 애플리케이션 개발에 필요한 SW에 대해 소개하고, 필수 SW의 설치 및 사용 방법에 대해 알아봅니다. 또한, Jetbrains(https://www.jetbrains.com/)사의 프로그래밍 개발 도구 IntelliJ IDEA Community에서 자바 웹 프로그래밍을 시작하기 위한 설정 과정 및 실행 방법에 대해서도 소개합니다. 본 강의를 통해 웹 애플리케이션의 개발을 위한 기본적인 과정 및 사용 도구에 대해 실습해 보실 수 있습니다.

    초급

    초급

    IntelliJ IDEA, 웹앱, apache-tomcat

    [개정판] 웹 애플리케이션 개발을 위한 IntelliJ IDEA 설정강의 썸네일

    [개정판] 웹 애플리케이션 개발을 위한 IntelliJ IDEA 설정

    Dowon Lee

    키워드와 실습으로 읽는 웹 프론트엔드 기초개념 총정리강의 썸네일

    키워드와 실습으로 읽는 웹 프론트엔드 기초개념 총정리

    어메이징론

    웹 개발 입문자를 위한 나침반, 당신이 웹 프론트엔드에 대해 모르는 것을 발견하고 체계적으로 나아가기 위한 가이드 강의입니다.

    입문

    입문

    네트워크, Google Chrome, Chrome DevTools

    키워드와 실습으로 읽는 웹 프론트엔드 기초개념 총정리강의 썸네일

    키워드와 실습으로 읽는 웹 프론트엔드 기초개념 총정리

    어메이징론

    실전! 스프링 부트와 JPA 활용1 - 웹 애플리케이션 개발강의 썸네일

    실전! 스프링 부트와 JPA 활용1 - 웹 애플리케이션 개발

    김영한

    실무에 가까운 예제로, 스프링 부트와 JPA를 활용해서 웹 애플리케이션을 설계하고 개발합니다. 이 과정을 통해 스프링 부트와 JPA를 실무에서 어떻게 활용해야 하는지 이해할 수 있습니다.

    초급

    초급

    Java, Spring, 웹앱

    실전! 스프링 부트와 JPA 활용1 - 웹 애플리케이션 개발강의 썸네일

    실전! 스프링 부트와 JPA 활용1 - 웹 애플리케이션 개발

    김영한

    클린업 JavaScript: 베이스 빌드업!강의 썸네일

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

    김영보

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

    초급

    초급

    JavaScript, 면접, 기술면접

    클린업 JavaScript: 베이스 빌드업!강의 썸네일

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

    김영보

    [자바스크립트 GUI 개발 #1] Electron + React로 만드는 타이머 앱 (+ Zustand)강의 썸네일

    [자바스크립트 GUI 개발 #1] Electron + React로 만드는 타이머 앱 (+ Zustand)

    닭강정

    React, Electron, Zustand를 활용해 타이머 앱을 직접 제작하고 크로스 플랫폼(윈도우, 맥 OS, 리눅스)으로 배포까지 하는 실전 강의입니다. 익숙한 React 웹 개발을 시작으로, Zustand를 통한 전역 상태 관리와 최종 GUI 배포까지, 데스크톱 앱 개발의 전체 흐름을 배우실 수 있습니다!

    초급

    초급

    React, Electron, GUI

    [자바스크립트 GUI 개발 #1] Electron + React로 만드는 타이머 앱 (+ Zustand)강의 썸네일

    [자바스크립트 GUI 개발 #1] Electron + React로 만드는 타이머 앱 (+ Zustand)

    닭강정

    [코드팩토리] [입문] 9시간만에 끝내는 코드팩토리의 Javascript 무료 풀코스강의 썸네일

    [코드팩토리] [입문] 9시간만에 끝내는 코드팩토리의 Javascript 무료 풀코스

    코드팩토리

    이 강의 하나만으로 인기 Javascript 프레임워크들과 Typescript를 배울 수 있는 기본을 다질 수 있습니다.

    입문

    입문

    JavaScript

    [코드팩토리] [입문] 9시간만에 끝내는 코드팩토리의 Javascript 무료 풀코스강의 썸네일

    [코드팩토리] [입문] 9시간만에 끝내는 코드팩토리의 Javascript 무료 풀코스

    코드팩토리

    아빠가 들려주는 [R shiny app] 만들기강의 썸네일

    아빠가 들려주는 [R shiny app] 만들기

    김지형

    R의 무궁무진한 기능을 웹 앱상에서 구현하도록 해 주는 R shiny 가장 간단하게 활용하고 배울 수 있도록 해 줍니다.

    초급

    초급

    웹앱, R

    아빠가 들려주는 [R shiny app] 만들기강의 썸네일

    아빠가 들려주는 [R shiny app] 만들기

    김지형

    Node.js로 웹 크롤링하기강의 썸네일

    Node.js로 웹 크롤링하기

    제로초(조현영)

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

    중급이상

    중급이상

    JavaScript, Node.js, 웹 크롤링

    Node.js로 웹 크롤링하기강의 썸네일

    Node.js로 웹 크롤링하기

    제로초(조현영)

    Do it! Node.js 프로그래밍 입문강의 썸네일

    Do it! Node.js 프로그래밍 입문

    이지스퍼블리싱

    Node.js+자바스크립트+익스프레스+몽고DB로 서버의 핵심을 향해 한눈팔지 않고 달린다!

    초급

    초급

    Node.js, JavaScript, Express

    Do it! Node.js 프로그래밍 입문강의 썸네일

    Do it! Node.js 프로그래밍 입문

    이지스퍼블리싱