• Stars
    star
    348
  • Rank 121,840 (Top 3 %)
  • Language
    JavaScript
  • Created over 5 years ago
  • Updated 11 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

벨로퍼트와 함께하는 모던 리액트 튜토리얼 문서

벨로퍼트와 함께하는 모던 리액트

본 강의자료는 패스트캠퍼스 온라인 강의에서 제공하는 리액트 강의에서 사용되는 강의 문서입니다. 이 튜토리얼은 여러분들이 JavaScript 의 기초를 잘 알고있다는 전제하에 진행됩니다.

강의 소개

이 튜토리얼의 이름은 왜 "모던 리액트" 일까요? 사실, 개발 관련 튜토리얼에서 "모던함"을 오랫동안 유지하는 것이 솔직히 어렵기 떄문에, "모던" 이라는 키워드를 붙이는게 조금 조심스럽기도 합니다. 이 강의는 2019년 기준에서 현재 리액트 개발 패러다임을 최대한 쫓아가는, "모던"한 강의 입니다. 리액트는 2013년에 처음 릴리즈되었는데요, 근 몇년동안, 리액트 개발팀에서는 어떻게 하면 리액트 개발자들이 더 편하게 개발을 할 수 있을까? 라는 고민을 열심히 하면서 계속해서 리액트 개발 방식이 조금씩 바뀌고 있습니다.

리액트 개발 생태계에서 2019년에 찾아온 큰 변화는 도태된 클래스형 컴포넌트와 Hooks 을 사용하여 부흥한 함수형 컴포넌트라고 생각합니다. 이 강의는 이 트렌드에 맞춰서 준비되었습니다.

몇년이 지나면, 어쩌면 이 강의는 더 이상 "모던"해지지 않을 것 입니다. 하지만 적어도 여러분이 글을 읽고 있는 지금 시점에서는 이 강의는 "모던"한 강의입니다.

시간이 지났는데 제가 이 강의를 업데이트하지 않게 된다면 모던이라는 키워드를 빼겠습니다 :)

강의 대상

이 강의는 JavaScript 의 기초를 알고 있어야 원활하게 진행 할 수 있으니, 만약 JavaScript 를 잘 모르신다면, 벨로퍼트와 함께하는 모던 자바스크립트 튜토리얼을 먼저 학습해주세요. 이 강의는 리액트를 한번도 사용해보지 않으신분들을 대상으로 만들어졌으며, 강의 후반부로 갈수록 심화 과정을 다루게 되기 때문에 리액트의 기초를 이미 어느정도 알고 계신 분들께도 도움이 됩니다.

More Repositories

1

velog

JavaScript
754
star
2

velog-client

TypeScript
679
star
3

learning-react

[길벗] 리액트를 다루는 기술 서적에서 사용되는 코드
JavaScript
570
star
4

velog-server

TypeScript
362
star
5

velofolio

velofolio is yet another U.S. Stock backtest simulator tool. You can easily share your backtest or explore other's backtest within service. This service is currently in beta stage.
TypeScript
330
star
6

bitimulate

Simulated cryptocurrency trading system
JavaScript
262
star
7

sangte

Sangte is a fancy React state management library.
TypeScript
199
star
8

gin-rest-api-sample

Golang REST API sample with MariaDB integration using Gin and GORM
Go
189
star
9

ts-react-redux-tutorial

타입스크립트를 + 리덕스를 프로처럼 사용해봅시다!
TypeScript
127
star
10

veltrends

Veltrends is a website website where users can explore trending tech news.
TypeScript
112
star
11

redux-pender

redux middleware that helps to manages async actions based on promise
JavaScript
101
star
12

whotalk.us

Chat based SNS implemented using React.js on frontend-side and Node.js on backend-side - https://whotalk.us/
JavaScript
91
star
13

dealing-with-react-native

리액트 네이티브를 다루는 기술
Java
88
star
14

learnjs

벨로퍼트와 함께하는 모던 자바스크립트
JavaScript
85
star
15

learn-react-testing

벨로퍼트와 함께하는 리액트 테스팅
JavaScript
70
star
16

nodejs-jwt-example

sample implementation of an authentication system that uses JSON Web Token to manage users' login data in Node.js web server.
JavaScript
69
star
17

react-codelab-project

Single-page infinite-scrolling public memo app implemented using React.js, Redux, Express.js and MongoDB
JavaScript
58
star
18

react-webpack2-skeleton

Get started with React with Webpack2, React-Router, Redux, Code Splitting and Server Rendering
JavaScript
57
star
19

storybook-tutorial-code

Source code for storybook-tutorial
TypeScript
53
star
20

react-skeleton-2018

리액트 프로젝트 설정을 0부터 해보자.
JavaScript
50
star
21

react-tutorials

Sample projects from https://velopert.com/ (KOREAN)
JavaScript
43
star
22

develoxy

개발자들의 글쓰기 플랫폼, develoxy
JavaScript
37
star
23

velo-ui

TypeScript
31
star
24

saysomething

Realtime Chat Application using long polling technique; implemented using Express.js, MongoDB and React.js
JavaScript
30
star
25

nodejs-github-webhook

Github Webhook server built with Node.js
JavaScript
29
star
26

react-codelab-fundamentals

Initial project used in React Codelab
JavaScript
29
star
27

typescript-react-sample

Sample project that uses Typescript, React, Redux, Immutable.js
TypeScript
24
star
28

mongoose_tutorial

RESTful API using MongoDB & Mongoose & Express
JavaScript
18
star
29

do-chat

Sample React ChatApp project that uses redux-pender
JavaScript
15
star
30

react-express-hmr-example

An example project of using React.js on Express.js server together with webpack-dev-server that has Hot Module Replacement enabled using react-hot-loader.
JavaScript
13
star
31

mooyaho-meet

Google Meet Clone implemented with Mooyaho
JavaScript
12
star
32

express-tutorial

express tutorial - covering ejs, resful api and session
JavaScript
12
star
33

react-ajax-tutorial

Ajax example in React
CSS
12
star
34

ArticlesApp

Sample App in 리액트 네이티브를 다루는 기술
TypeScript
11
star
35

articles-server

리액트 네이티브를 다루는 기술의 15장 React-Query에서 사용할 Strapi로 만든 샘플 게시글 서버
JavaScript
11
star
36

figma-icons-library-automation

JavaScript
9
star
37

gulp-es6-webpack

Use gulp to automatize ES6 transpilation in both client-side and server-side. (Express.js, babel, webpack, browser-sync, nodemon)
JavaScript
8
star
38

react-skeleton

React workspace that you can simply start coding right away
JavaScript
8
star
39

react-ssr-and-splitting

JavaScript
7
star
40

react-router-4-demo

Example project of using Pre-release version of React-Router v4. [Outdated]
JavaScript
7
star
41

learning-nodejs

JavaScript
6
star
42

react-query-ssr-react-router-sample

Sample Server Side Rendering project that uses React Router and React Query
JavaScript
6
star
43

typescript-nodejs-boilerplate

TypeScript / Node.js boilerplate with TSLint, Prettier enabled
JavaScript
6
star
44

velogthumb

On demand image resizing using Serverless / TypeScript
TypeScript
6
star
45

PublicGallery

JavaScript
5
star
46

react-codelab-memopad

JavaScript
4
star
47

react-memo-app

REST API 기반 리액트 메모 앱 (강의용 프로젝트)
JavaScript
4
star
48

fc-seminar-react-todo

패스트캠퍼스 좋았을걸 세미나 리액트 입문 세션에서 사용된 프로젝트
JavaScript
3
star
49

react-remote-counter

An example project of using redux and express.js to demonstrate a simple counter that uses AJAX.
JavaScript
3
star
50

react-ssr-sample

React SSR Sample using redux, redux-thunk, react-router v4
JavaScript
3
star
51

DayLog

JavaScript
3
star
52

figma-svg-export-automation-sample

(WIP) Sample project that exports svg using Figma API
JavaScript
3
star
53

react-express-hot

React project generated using create-react-app; using with Express sever; react-hot-loader applied
JavaScript
1
star
54

react-sass-root-example

react-sass-root-example
JavaScript
1
star
55

react-router-tutorial

https://velopert.com/2937
JavaScript
1
star
56

react-contact-project

JavaScript
1
star
57

react-async-example

JavaScript
1
star
58

react-todo-list

CSS Module + Sass 를 사용하여 스타일링된 리액트 컴포넌트로 이뤄진 일정관리 예제 어플리케이션입니다
JavaScript
1
star