김영보

React 기본을 배울 수 있습니다. React와 관련된 HTML, JavaScript, DOM, Event, Object, Module, OOP 등을 정리할 수 있습니다.

Level 2

초급

React 비기너: 튼튼한 기본 만들기

페이스북이 개발한 Javascript 라이브러리, React

리액트

React

프로그래밍 언어 랭킹마다 늘 상위권을 차지하는 자바스크립트! 프론트엔드에서 백엔드까지 다양한 영역에서 활발히 쓰이고 있어요.

자바스크립트

JavaScript

Document Object Model

더 나은 설계, 더 좋은 코드를 작성하고 싶은 것은 모든 개발자의 소망이죠. 객체지향 프로그래밍으로 유연하고 안정적인 개발을 해봐요.

객체지향 프로그래밍(Object-Oriented Programming, OOP)

객체지향

넓고 깊으면서 자세하게 React의 state와 hook을 배울 수 있습니다.
React 공식 문서의 95% 이상을 다룹니다. 본 강좌로 React를 끝낼 수 있습니다.

React 완전 끝내기: useHoooooook

<div><div class="grid-wrapper"><div class="action-menu-wrapper action-menu-wrapper--root action-menu-wrapper--view-mode"><div class="one-column-grid"><div><div class="box__children-wrapper"><div class="action-menu-wrapper action-menu-wrapper--view-mode"><div class="editor-container text-view-mode" style="display: flex; flex-direction: column; height: auto; max-height: 100%; min-height: auto; border-radius: 8px;"><div data-testid="editor-content-container" class="editor-content-container markdown-body" style="background-color: rgb(255, 255, 255); cursor: auto;"><div class="tiptap ProseMirror" tabindex="-1" translate="no"><h3>React 기본부터 활용까지 모든 것을 정복할 수 있습니다.</h3><ul><li><p>React의 바탕이 되는 state와 hook을 넓고 깊으면서 디테일하게 다룹니다.</p></li><li><p>React와 관련된 HTML, JavaScript, DOM, Event, Object, Module, OOP 등을 정리할 수 있습니다.</p></li><li><p>다양한 예제 코드로 통해 React를 활용할 수 있는 감을 잡을 수 있습니다. 응용력을 향상시킬 수 있습니다.</p><p><br class="ProseMirror-trailingBreak"></p></li></ul></div></div></div></div></div></div></div></div></div><div class="grid-wrapper"><div class="action-menu-wrapper action-menu-wrapper--root action-menu-wrapper--view-mode"><div class="separator-element"><div class="separator-element__line"></div></div></div></div><div class="grid-wrapper"><div class="action-menu-wrapper action-menu-wrapper--root action-menu-wrapper--view-mode"><div class="one-column-grid"><div><div class="box__children-wrapper"><div class="action-menu-wrapper action-menu-wrapper--view-mode"><div class="editor-container text-view-mode" style="display: flex; flex-direction: column; height: auto; max-height: 100%; min-height: auto; border-radius: 8px;"><div data-testid="editor-content-container" class="editor-content-container markdown-body" style="background-color: rgb(255, 255, 255); cursor: auto;"><div class="tiptap ProseMirror" tabindex="0" translate="no"><h3>이런 내용을 배워요</h3></div></div></div></div></div></div></div></div></div></div>

React 완전 정복 로드맵

React 기본부터 활용까지 모든 것을 정복할 수 있습니다.

이런 내용을 배워요

로드맵 상세보기

로드맵 코스 2