강의

N
챌린지

멘토링

N
클립

로드맵

BEST
개발 · 프로그래밍

/

프론트엔드

[React 2부] 고급 주제와 훅

이제 리액트(React)가 진짜 ‘보이기’ 시작합니다. 고급 개념과 훅(Hooks) 가장 쉽고 정확하게 배워보세요.

(4.9) 수강평 27개

수강생 755명

  • 김정환
실습 중심
실무
핵심원리
React Contextreact-hooksReactJavaScript웹앱

먼저 경험한 수강생들의 후기

이런 걸 배울 수 있어요

  • 리액트 컴포넌트 설계 기법

  • 리액트 고급 주제와 활용

  • 리액트 훅(Hooks)

리액트 고급 주제와 훅을 확실히 알려드려요.


이 강의의 목표

  • '리액트로 생각하기' 기반으로 한 컴포넌트 설계 기법 숙달

  • 컨택스트, 레프, 고차 컴포넌트, 제어 컴포넌트 등 1부에서 다루지 않았던 리액트 고급 주제 이해

  • 기본 훅, 추가 훅 등 실무에서 많이 사용하는 여섯 개 훅을 이해


강의 특징

  • 리액트 핵심 개념을 직접 만들면서 구조를 이해

  • 배달 어플리케이션을 만들며 실무 수준의 리액트 사용법을 훈련


주요 내용

  1. 리액트로 사고하기

    • 1부 수업 요약, 실습 환경 구성, 결과물 소개

    • 유지보수 가능한 컴포넌트 설계 및 구현

  2. 고급 주제

    • 리액트 컨택스트, 고차 컴포넌트 패턴, 레프, 포탈 이해

    • 이를 활용한 라우터, 다이얼로그 모듈 개발

  3. 훅 1

    • 클래스와 함수 컴포넌트의 비교, 훅 등장 배경


    • 상태 훅, 부수효과 훅, 컨택스트 훅 이해 및 활용

  4. 훅 2

    • 제어 컴포넌트, 이를 활용한 폼 모듈 개발

    • 레프 훅, 리듀서 훅, 메모이제이션 훅 이해 및 활용

수업 자료

스크린샷 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


강사 소개

김정환

웹 기술을 학습하고 정리하는 걸 좋아하는 실무 개발자

웹 기술 및 개발자로서의 생각을 담은 기술 블로그를 운영합니다.

강의 보기학습한 기술과 실무에서 배운 노하우를 모아 발표나 강의 형식으로 공유합니다.

우아한형제들에서 프론트엔드 개발자로 일합니다.


수강생을 위한 질의 응답

Q. 비전공자도 들을 수 있는 강의인가요?

아니요. 웹 개발에 대한 경험이 조금은 있어야 합니다.

Q. 이전 수업을 반드시 수강해야 하나요?

네, 1부 수업의 연장이라서 이전 내용을 충분히 이해하신 뒤에 수강하시는 것이 좋습니다.

Q. 왜 리액트를 배워야 하나요?

최근 채용 시장에서는 모던 웹 프레임워크 지식을 가진 개발자를 찾습니다. 이 중 가장 인기있는 리액트 기술 역량을 갖춘다면 많은 회사에서 찾는 인재가 될 수 있을 거에요.

Q. 리액트를 배우면 뭐가 좋은가요?

유저 인터페이스 개발에 대한 공통 문제를 리액트가 상당 부분 해결해 주는데요. 개발자는 조금 더 비즈니스 로직 개발에 집중하고 빠르게 제품을 만들어 낼수 있는 도구를 하나더 갖게되는 셈이에요.

Q. 강의 수강전 준비할 것이 있나요?

한 번이라도 웹 개발에 대해 경험하셔야 수업을 듣는 의미가 있어요. HTML, 자바스크립트 문법을 숙지가고 있다는 전제 하에 수업을 진행하기 때문입니다. 아직 웹 기초가 부족하신 분들은 먼저 학습하신 후에 수강을 추천 드립니다.

Q. 수업 내용은 어느 수준인가요?

리액트 공식 문서의 고급 안내서와 훅을 바탕으로 준비한 내용입니다. 리액트의 핵심이라고 할만한 부분들 다룹니다.

Q. 수강 관련 참고 사항이 있나요?

수업에서 사용할 도구는 네 가지입니다. Node.js 개발 에디터, 웹프라우져, 깃. 미리보기 수업에서도 확인하룻 있어요. (실습 환경 구성)


이전 강의

[리액트 1부] 만들고 비교하며 학습하는 리액트

이런 분들께
추천드려요

학습 대상은
누구일까요?

  • 컴포넌트 설계 역량을 갖춰 한 단계 업그레이드된 개발을 꿈꾸는 분들

  • 리액트 사용법뿐만 아니라, 구조와 원리를 배워 경쟁력있는 개발자가 되고 싶은 분들

  • 서드파티 라이브러리의 동작 원리를 이해하고, 제대로된 활용 역략을 갖추고 싶은 분들

선수 지식,
필요할까요?

  • 리액트 기본 개념 혹은 리액트 1부 강의에 해당하는 수준의 이해

안녕하세요
입니다.

13,859

명

수강생

868

개

수강평

592

개

답변

4.8

점

강의 평점

9

개

강의

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

커리큘럼

전체

167개 ∙ (19시간 47분)

강의 게시일: 
마지막 업데이트일: 

수강평

전체

27개

4.9

27개의 수강평

  • kimhonor님의 프로필 이미지
    kimhonor

    수강평 13

    ∙

    평균 평점 5.0

    5

    32% 수강 후 작성

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

    • 김정환
      지식공유자

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

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

    수강평 16

    ∙

    평균 평점 5.0

    5

    100% 수강 후 작성

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

    • 김정환
      지식공유자

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

  • theblessedcity님의 프로필 이미지
    theblessedcity

    수강평 2

    ∙

    평균 평점 5.0

    5

    52% 수강 후 작성

    실제 예시를 통해 개념을 잡아갈 수 있어서 좋네요. 잘 듣고 있습니다. 좋은 강의 감사합니다 :)

    • 김정환
      지식공유자

      개념을 이해하는데 예제 코드만한게 없는 것 같습니다. ㅎㅎ 따뜻한 후기 남겨주셔서 감사합니다.

  • younghyun753님의 프로필 이미지
    younghyun753

    수강평 1

    ∙

    평균 평점 5.0

    5

    31% 수강 후 작성

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

      수강평 5

      ∙

      평균 평점 5.0

      수정됨

      5

      45% 수강 후 작성

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

      • 김정환
        지식공유자

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

    월 ₩15,400

    5개월 할부 시

    ₩77,000

    김정환님의 다른 강의

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

    웹 개발의 핵심, HTTP 완벽 마스터하기!講義サムネイル

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

    김정환

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

    初級

    初級

    Ajax, https, cors

    웹 개발의 핵심, HTTP 완벽 마스터하기!講義サムネイル

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

    김정환

    [React 1부] 만들고 비교하며 학습하는 React講義サムネイル

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

    김정환

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

    初級

    初級

    React, MVC, JavaScript

    [React 1부] 만들고 비교하며 학습하는 React講義サムネイル

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

    김정환

    프론트엔드 개발환경의 이해와 실습 (webpack, babel, eslint..)講義サムネイル

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

    김정환

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

    中級以上

    中級以上

    Node.js, Webpack, Babel

    프론트엔드 개발환경의 이해와 실습 (webpack, babel, eslint..)講義サムネイル

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

    김정환

    실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발講義サムネイル

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

    김정환

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

    初級

    初級

    JavaScript, Vue.js

    실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발講義サムネイル

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

    김정환

    트렐로 개발로 배우는 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 소프트웨어 만들기

    김정환

    테스트주도개발(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 서버

    김정환

    비슷한 강의

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

    [웹 개발 풀스택 코스] 순수 자바스크립트 기초에서 실무까지講義サムネイル

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

    개발자의 품격

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

    初級

    初級

    JavaScript, vanilla-javascript

    [웹 개발 풀스택 코스] 순수 자바스크립트 기초에서 실무까지講義サムネイル

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

    개발자의 품격

    [자바스크립트부터 리액트까지] 포기없는 React로 가는 길 [Full vers.]講義サムネイル

    [자바스크립트부터 리액트까지] 포기없는 React로 가는 길 [Full vers.]

    영코디 킴쌤

    리액트를 공부하다가 포기하셨나요? 코딩이 처음인 쌩초보, 비전공자도 자바스크립트부터 리액트까지, 포기하지 않고 React로 가는 길을 열어드립니다.

    入門

    入門

    JavaScript, React, jQuery

    [자바스크립트부터 리액트까지] 포기없는 React로 가는 길 [Full vers.]講義サムネイル

    [자바스크립트부터 리액트까지] 포기없는 React로 가는 길 [Full vers.]

    영코디 킴쌤

    Slack 클론 코딩[실시간 채팅 with React]講義サムネイル

    Slack 클론 코딩[실시간 채팅 with React]

    제로초(조현영)

    Slack 서비스를 따라 만들며 본격적인 리액트 웹 개발을 시작해봅시다! 회원가입, 로그인, 방 만들기, 실시간 채팅까지!

    中級以上

    中級以上

    클론코딩, React, TypeScript

    Slack 클론 코딩[실시간 채팅 with React]講義サムネイル

    Slack 클론 코딩[실시간 채팅 with React]

    제로초(조현영)

    부트캠프에서 알려주지 않는 것들 (리액트 렌더링 최적화 편) 2편講義サムネイル

    부트캠프에서 알려주지 않는 것들 (리액트 렌더링 최적화 편) 2편

    애프터캠프

    React 렌더링 원리, 최적화를 마스터해서 실전 활용 및 면접 준비를 해보세요!

    中級以上

    中級以上

    React, react-usememo, 기술면접

    부트캠프에서 알려주지 않는 것들 (리액트 렌더링 최적화 편) 2편講義サムネイル

    부트캠프에서 알려주지 않는 것들 (리액트 렌더링 최적화 편) 2편

    애프터캠프

    [코드캠프] 시작은 프리캠프講義サムネイル

    [코드캠프] 시작은 프리캠프

    코드캠프

    코딩 부트캠프의 독보적인 커리큘럼으로 만든 강의입니다. 가장 기초적이고 실무에서 꼭 필요한 내용들로 구성되어 있어요. '누구나 가능한 개발자로의 커리어 전환' 이 강의로 시작하세요.

    入門

    入門

    HTML/CSS, JavaScript

    [코드캠프] 시작은 프리캠프講義サムネイル

    [코드캠프] 시작은 프리캠프

    코드캠프

    [리뉴얼] React로 NodeBird SNS 만들기講義サムネイル

    [리뉴얼] React로 NodeBird SNS 만들기

    제로초(조현영)

    리액트 & 넥스트 & 리덕스 & 리덕스사가 & 익스프레스 스택으로 트위터와 유사한 SNS 서비스를 만들어봅니다. 끝으로 검색엔진 최적화 후 AWS에 배포합니다.

    中級以上

    中級以上

    React, Redux, Node.js

    [리뉴얼] React로 NodeBird SNS 만들기講義サムネイル

    [리뉴얼] React로 NodeBird SNS 만들기

    제로초(조현영)

    [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)

    코드캠프

    자바스크립트+jQuery 기초부터 실무까지 : 고급 Part.1講義サムネイル

    자바스크립트+jQuery 기초부터 실무까지 : 고급 Part.1

    유용한IT학습

    이론과 실습을 통해 자바스크립트를 익힐 수 있는 강의입니다. 자바스크립트에 어느 정도 익숙해진 분들을 위한 강의입니다. Part 1은 자바스크립트의 클래스와 객체지향 프로그래밍의 내용을 다루고 있습니다.

    中級以上

    中級以上

    JavaScript, jQuery

    자바스크립트+jQuery 기초부터 실무까지 : 고급 Part.1講義サムネイル

    자바스크립트+jQuery 기초부터 실무까지 : 고급 Part.1

    유용한IT학습

    자바스크립트+jQuery 기초부터 실무까지 : 기초 Part.1講義サムネイル

    자바스크립트+jQuery 기초부터 실무까지 : 기초 Part.1

    유용한IT학습

    이론과 실습을 통해 자바스크립트를 익힐 수 있는 강의입니다. 코딩을 처음 접하시는 분들도 쉽게 이해할 수 있도록 차근차근 설명하고 있습니다. Part 1은 자바스크립트의 개요와 변수, 자료형, 연산자, 제어문과 jQuery의 기초를 다루고 있습니다.

    入門

    入門

    JavaScript, jQuery

    자바스크립트+jQuery 기초부터 실무까지 : 기초 Part.1講義サムネイル

    자바스크립트+jQuery 기초부터 실무까지 : 기초 Part.1

    유용한IT학습

    [웹 개발 풀스택 코스] 포트폴리오 - 제품 판매 미니 웹 앱 개발講義サムネイル

    [웹 개발 풀스택 코스] 포트폴리오 - 제품 판매 미니 웹 앱 개발

    개발자의 품격

    본 강의는 풀스택 웹 개발자 양성을 위한 [웹 개발 풀스택 코스] 강의 시리즈의 최종편인 포트폴리오용 프로젝트 개발 대한 강의입니다. [웹 개발 풀스택 코스]에서 배운 모든 내용을 종합하여 실제 웹 애플리케이션을 개발하면서 배운 내용을 이해하고 기본이 되는 기능을 직접 적용해볼 수 있게 됩니다.

    初級

    初級

    포트폴리오, 웹앱

    [웹 개발 풀스택 코스] 포트폴리오 - 제품 판매 미니 웹 앱 개발講義サムネイル

    [웹 개발 풀스택 코스] 포트폴리오 - 제품 판매 미니 웹 앱 개발

    개발자의 품격

    풀스택을 위한 탄탄한 프런트엔드 부트캠프 (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

    키워드와 실습으로 읽는 웹 프론트엔드 기초개념 총정리講義サムネイル

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

    어메이징론

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

    入門

    入門

    네트워크, Google Chrome, Chrome DevTools

    키워드와 실습으로 읽는 웹 프론트엔드 기초개념 총정리講義サムネイル

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

    어메이징론

    아직도 살아 있는 불사의 jQuery - 기초 부터 실무까지講義サムネイル

    아직도 살아 있는 불사의 jQuery - 기초 부터 실무까지

    이지웹

    전세계 웹사이트에서 75%이상이 사용하고 있는 javascript 라이브러리 jQuery ! 화려한 효과보다는 원리를 이해하며 기본기를 다질수 있도록 구성했습니다. 제이쿼리 기초부터 활용까지 학습하여 여러분만의 포트폴리오를 완성하거나, 현업에서 바로 활용해보세요.

    初級

    初級

    HTML/CSS, JavaScript, jQuery

    아직도 살아 있는 불사의 jQuery - 기초 부터 실무까지講義サムネイル

    아직도 살아 있는 불사의 jQuery - 기초 부터 실무까지

    이지웹

    JavaScript 서버 프로그래밍 기초講義サムネイル

    JavaScript 서버 프로그래밍 기초

    zdpk

    JavaScript 기반의 웹 프레임워크 Express.js를 사용하여 서버 코드를 작성해보며 기초적인 사용법 및 서버의 동작 원리를 이해합니다. 프론트엔드 역시 본질적으로는 서버가 필요하며, static serving, dynamic rendering 등의 다양한 기법이 생겨나는 과정을 공부하며 이해도를 높입니다.

    入門

    入門

    JavaScript

    JavaScript 서버 프로그래밍 기초講義サムネイル

    JavaScript 서버 프로그래밍 기초

    zdpk

    순수 함수형 프론트엔드 언어 Elm 가이드講義サムネイル

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

    김대현

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

    初級

    初級

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

    순수 함수형 프론트엔드 언어 Elm 가이드講義サムネイル

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

    김대현

    웹 개발자의 연봉을 올려주는 하이브리드앱 with Expo 프레임워크講義サムネイル

    웹 개발자의 연봉을 올려주는 하이브리드앱 with Expo 프레임워크

    코드캠프

    웹 개발을 활용해서 Android와 IOS에 서비스 가능한 모바일앱 개발을 할 수 있도록 도와주는 강의입니다.

    初級

    初級

    React, Next.js, expo

    웹 개발자의 연봉을 올려주는 하이브리드앱 with Expo 프레임워크講義サムネイル

    웹 개발자의 연봉을 올려주는 하이브리드앱 with Expo 프레임워크

    코드캠프

    아빠가 들려주는 [R shiny app] 만들기講義サムネイル

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

    김지형

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

    初級

    初級

    웹앱, R

    아빠가 들려주는 [R shiny app] 만들기講義サムネイル

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

    김지형

    [코드팩토리] [초급] NestJS REST API 백엔드 완전 정복 마스터 클래스 - NestJS Core講義サムネイル

    [코드팩토리] [초급] NestJS REST API 백엔드 완전 정복 마스터 클래스 - NestJS Core

    코드팩토리

    자바스크립트, 타입스크립트 다음은 백엔드 개발! NestJS를 이용한 REST API 백엔드 개발, Socket IO 개발 및 배포를 할 수 있게 됩니다.

    初級

    初級

    NestJS, REST API, backend

    [코드팩토리] [초급] NestJS REST API 백엔드 완전 정복 마스터 클래스 - NestJS Core講義サムネイル

    [코드팩토리] [초급] NestJS REST API 백엔드 완전 정복 마스터 클래스 - NestJS Core

    코드팩토리

    비전공자도 가능한 AI 바이브코딩 입문 코스講義サムネイル

    비전공자도 가능한 AI 바이브코딩 입문 코스

    아이티커넥트

    💡 비개발자도 AI와 함께 단 10시간 창업 MVP부터 수익화 서비스까지! 💰 외주비 수천만원이 필요했던 개발 이제 12만원으로 완전 해결 🎯 명함인식, 감정분석, 입지분석까지 실전 비즈니스 프로젝트 5개 완주 🔥 기획자, 마케터, 예비창업자라면 개발자 없이도 아이디어 구현 ⚡ 지금 시작하면 평생 써먹을 개발 자립 능력을 획득하세요!

    入門

    入門

    HTML/CSS, Java, 웹앱

    비전공자도 가능한 AI 바이브코딩 입문 코스講義サムネイル

    비전공자도 가능한 AI 바이브코딩 입문 코스

    아이티커넥트

    [자바스크립트 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)

    닭강정

    연관 로드맵

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

    우아한형제들 프론트엔드 시니어 개발자의 웹 개발 로드맵 로드맵 썸네일

    우아한형제들 프론트엔드 시니어 개발자의 웹 개발 로드맵

    김정환