https://github.com/reactkr/learn-react-in-korean

Let's learn React in Korean!!! (⚛ + 🇰🇷 = 😈 😈 😈)
https://github.com/reactkr/learn-react-in-korean

hangul korean react redux translation webpack

Last synced: 3 days ago
JSON representation

Let's learn React in Korean!!! (⚛ + 🇰🇷 = 😈 😈 😈)

• Host: GitHub
• URL: https://github.com/reactkr/learn-react-in-korean
• Owner: reactkr
• Created: 2017-03-26T02:23:42.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2020-05-02T08:48:10.000Z (over 4 years ago)
• Last Synced: 2024-05-11T22:37:18.289Z (6 months ago)
• Topics: hangul, korean, react, redux, translation, webpack
• Homepage:
• Size: 659 KB
• Stars: 753
• Watchers: 78
• Forks: 146
• Open Issues: 5
• Metadata Files:
  • Readme: readme.md
  • Contributing: contributing.md
  • Code of conduct: code_of_conduct.md

Awesome Lists containing this project

• awesome-list - learn-react-in-korean

README

        
# 한국어로 배우는 리액트

한국어로된 리액트 관련 포스팅이나 웹사이트의 모음입니다. 현재 직접 링크를 모으고 있습니다. PR은 언제나 환영입니다.

## 입문

처음 리액트를 접하시는 분들께 추천할만한 글들입니다.

-   [\[번역\] react-howto](https://github.com/petehunt/react-howto/blob/master/README-ko.md) 

-   [React 소개 및 맛보기](http://webframeworks.kr/tutorials/react/react-intro-and-give-it-a-try/) 

-   [Velopert님의 텍스트 강좌](https://velopert.com/reactjs-tutorials) 

-   [React & Express 를 이용한 웹 어플리케이션 개발하기](https://www.inflearn.com/course/react-강좌-velopert/) 

-   [\[번역\] 리액트, 리덕스와 리액트-리덕스(React, Redux and react-redux)](https://www.vobour.com/book/view/6vas6uCQF8GXDJDHt) 

-   [\[번역\] 리액트 도움닫기(The Road to learn React)](https://github.com/sujinleeme/the-road-to-learn-react-korean) 

## 추천

리액트를 100% 활용하기 위해 꼭 읽어 볼 만한 내용들 입니다.

### React

-   [React 적용 가이드 - 네이버 메일 모바일 웹 적용기](http://d2.naver.com/helloworld/4966453) 

-   [리안 개발 일기 #1: Front-End 개발(React)](https://medium.com/@RianCommunity/리안-개발-일기-2-front-end-개발-react-9f6ccb5b016d) 

-   [React의 기본, 컴포넌트를 알아보자](https://medium.com/little-big-programming/react의-기본-컴포넌트를-알아보자-92c923011818#.uemkhn2ym) 

-   [React 앱의 최적화 전략](http://webframeworks.kr/tutorials/react/react-optimization/) 

-   [React 앱의 데이터 흐름](http://webframeworks.kr/tutorials/react/react-dataflow/) 

-   [\[번역\] 상세한 리액트 Higher Order Components 설명(React Higher Order Components in depth)](https://www.vobour.com/book/view/XSSFQ5wBzsCLAbbo4) 

-   [React 렌더링과 성능 알아보기](https://github.com/nhnent/fe.javascript/wiki/March-20---March-24,-2017-(2)) 

-   [React 컴포넌트를 테스트하는 세 가지 방법](http://webframeworks.kr/tutorials/react/testing/) 

-   [React Component를 테스트하기 위한 올바른 방법](./translated/the-right-way-to-test-react-components.md) 

-   [\[번역\] Presentational and Container Components](https://medium.com/@seungha_kim_IT/presentational-and-container-components-%EB%B2%88%EC%97%AD-1b1fb2e36afb) 

### Redux

-   [\[번역\] Redux 한글 문서](http://dobbit.github.io/redux/index.html) 

-   [\[번역\] redux-saga로 비동기처리와 분투하다](./translated/deal-with-async-process-by-redux-saga.md) 

-   [\[번역\] 리덕스 패턴과 안티 패턴 (Redux Patterns and Anti-Patterns)](https://www.vobour.com/book/view/TGJKKFN2TmyxaGDpN) 

-   [리덕스(Redux) 애플리케이션 설계에 대한 생각](http://huns.me/development/1953) 

-   [Redux 를 통한 React 어플리케이션 상태 관리](https://velopert.com/3365)

### Blogs

리액트와 관련된 좋은 리소스를 제공하는 블로그들입니다.

-   [Velopert.log](https://velopert.com/)

-   [ZeroCho Blog](https://www.zerocho.com/)

-   [오늘도 끄적끄적](https://perfectacle.github.io/)

## 문서들

### React

-   [Create React App에 Flow(정적 타입 체크 라이브러리) 사용 하기](https://medium.com/@bestseob93/starting-create-react-app-with-flow-a44a72d295cf) 2018/01

-   [\[번역\] Next.js 2.0을 이용하여 보다 나은 Universal JavaScript 앱 만들기](https://medium.com/@LetMeEatTheCake/next-js-2-0을-이용하여-보다-낳은-universal-javascript-앱을-만들기-70fb32714ad4) 2017/04

-   [\[Next.js 2.0\] 간단한 React 전용 서버사이드 프레임워크, 기초부터 본격적으로 파보기](https://velopert.com/3293) 2017/04

-   [\[번역\] 리액트하다가 막혔을 때 생각해볼 4가지 질문](https://velopert.com/3260) 2017/03

-   [\[번역\] 리액트에 대해서 그 누구도 제대로 설명하기 어려운 것 – 왜 Virtual DOM 인가?](https://velopert.com/3236) 2017/03

-   [ReactJS: Props와 State 비교](https://wonhada.com/?topic=reactjs-props와-state-비교) 2017/03

-   [(React Router) v4로 마이그레이션 해보자!](https://perfectacle.github.io/2017/03/25/react-router-v4/) 2017/03

-   [(React Hot Loader) v3로 마이그레이션 해보자!](https://perfectacle.github.io/2017/03/25/react-hot-loader-3/) 2017/03

-   [React Study v2 #00](https://blog.weirdx.io/post/38247) 2017/02

-   [\[번역\] Building Tesla's battery range calculator with React Part 1](https://gyver98.github.io/blog/development/react/2017/02/09/react-tesla-battery-range-calculator-part1-korean/) 2017/02

-   [\[번역\] Building Tesla's battery range calculator with React Part 2 (Redux version)](https://gyver98.github.io/blog/development/react/redux/2017/03/17/react-tesla-battery-range-calculator-part2-korean/) 2017/03

-   [리액트 인라인 스타일링과 스타일드 컴포넌트](https://medium.com/@jimkimau/리액트-인라인-스타일링과-스타일드-컴포넌트-f0514d32982a#.u8oi6gvge) 2017/02

-   [\[번역\] 함수형 setState가 리액트(React)의 미래이다](https://www.vobour.com/book/view/MPTQLpzxAHxzywcBc) 2017/02

-   [React 프로젝트의 디렉토리 구조](https://medium.com/@FourwingsY/react-프로젝트의-디렉토리-구조-bb183c0a426e#.q36tlor7g) 2017/02

-   [React 소개 및 구현방법 Demo](https://www.slideshare.net/zonekom/react-demo) 2017/01

-   [\[번역\] \`setState\` 메쏘드 파라미터로 객체 대신 함수 사용하기(Using a function in \`setState\` instead of an object)](https://www.vobour.com/book/view/kgFc5hdkZ5p7sm7tj) 2017/01

-   [\[번역\] 리액트 죽음의 다섯 손가락. 이 다섯 가지 개념을 마스터 한 다음 리액트를 마스터하라(React’s Five Fingers of Death. Master these five concepts, then master React)](https://www.vobour.com/book/view/fzfscDgHWQDeqr3B5) 2017/01

-   [Immutable한 양방향 데이터 바인딩](https://www.slideshare.net/xpressengine/xecon2016-a1-react-immutable) 2016/12

-   [RxJS로 React 컴포넌트 상태 관리하기](http://blog.sapzil.org/2016/12/15/react-with-rx/) 2016/12

-   [create-react-app에 관하여 -1](https://techstory.shma.so/create-react-app에-관하여-1-935a21297550) 2016/10

-   [react로 개발자 2명이 플랫폼 4개를 서비스하는 이야기](https://www.slideshare.net/deview/125react24) 2016/10

-   [\[번역\] 리액트 State 비쥬얼 가이드(A Visual Guide to State in React)](https://www.vobour.com/book/view/3wKFokAjFncKKCiQg) 2016/10

-   [\[번역\]\[React Router\] 시리즈](http://yubylab.tistory.com/entry/React-Router-Lesson01-settingup) 2016/10

-   [React, Google Maps, D3 를 이용한 Hexagonal Binning 기법](http://meshlabs.ghost.io/react-hexagonal-binning) 2016/9

-   [React, Redux and es6/7](https://www.slideshare.net/looklazy/react-redux-and-es67) 2016/09

-   [React.js가 IE 브라우저 지원 중단했다면서요?](https://medium.com/little-big-programming/react-js가-ie-브라우저-지원-중단했다면서요-a9734bc323cb#.ym56hg9ek) 2016/09

-   [리액트 딜레마](http://huns.me/development/2011) 2016/08

-   [React.js 실서비스 적용기](http://slides.com/roto/react-js-live-service#/) 2016/07

-   [애니메타의 React 서버 렌더링 아키텍쳐](http://blog.sapzil.org/2016/07/29/animeta-react-ssr/) 2016/07

-   [왜 React와 서버 사이드 렌더링인가?](https://subicura.com/2016/06/20/server-side-rendering-with-react.html) 2016/06

-   [안녕, 리액트(Hello, React)](http://blog.gaerae.com/2016/04/hello-react.html) 2016/04

-   [React 소스 코드 읽기 - ReactElement](http://blog.sapzil.org/2016/03/17/react-internals-elements/) 2016/03

-   [React 소스 코드 읽기 - 유틸리티들](http://blog.sapzil.org/2016/03/20/react-internals-utils/) 2016/03

-   [React 튜토리얼 1차시](https://www.slideshare.net/ssuser555dd7/react-1) 2016/03

-   [React 튜토리얼 2차시](https://www.slideshare.net/ssuser555dd7/react-2) 2016/03

-   [React로 개발하는 SPA 실무 이야기](https://www.slideshare.net/xpressengine/xecon2015-22-react-spa) 2016/02

-   [React 애플리케이션의 서버 렌더링](http://webframeworks.kr/tutorials/react/server-side-rendering/) 2016

-   [자바스크립트 프레임워크 소개 4 - React](http://meetup.toast.com/posts/100) 2016

-   [React와 불변객체](http://blog.coderifleman.com/2015/08/16/react-and-immutable/) 2015/08

## Redux

-   [React 적용 가이드 - React와 Redux](http://d2.naver.com/helloworld/1848131) 2017/02

-   [State management — Redux vs. MobX](https://engineering.huiseoul.com/state-management-redux-vs-mobx-a8853a7c80ea) 2016/09

-   [\[번역\] Redux Step by Step : 실제 앱을 위한 간단하고 탄탄한 워크 플로(Redux Step by Step: A Simple and Robust Workflow for Real Life Apps)](https://www.vobour.com/book/view/SiDR6QXtoCayx7afd) 2016/11

-   [\[번역\] 당신에게 Redux는 필요 없을지도 모릅니다.](https://medium.com/@Dev_Bono/당신에게-redux는-필요-없을지도-모릅니다-b88dcd175754) 2016/09

-   [\[번역\] 리덕스에 대한 이해](http://webframeworks.kr/tutorials/translate/understanding-redux/) 2016

-   [Flux와 Redux](http://webframeworks.kr/tutorials/react/flux/) 2016

-   [역시 Redux](https://www.slideshare.net/dalinaum/redux-55650128) 2015/11

## Misc

### React Native

-   [React Native Swift 구글 스트리트뷰 컴포넌트 만들기 #1](https://medium.com/@bestseob93/react-native-swift-구글-스트리트-뷰-컴포넌트-만들기-1-fe2fbf7b59b1) 2017/05

-   [React Native Swift 구글 스트리트뷰 컴포넌트 만들기 #2](https://medium.com/@bestseob93/react-native-swift-%EA%B5%AC%EA%B8%80-%EC%8A%A4%ED%8A%B8%EB%A6%AC%ED%8A%B8-%EB%B7%B0-%EC%BB%B4%ED%8F%AC%EB%84%8C%ED%8A%B8-%EB%A7%8C%EB%93%A4%EA%B8%B0-2-c3725eaa6cf7) 2017/05

-   [리액트 네이티브 FlatList (React Native FlatList)](https://www.vobour.com/book/view/gYkhxyL2FsWJWXPPS) 2017/04

-   [React Native 안드로이드 성능 최적화](https://taegon.kim/archives/5950) 2017/03

-   [\[번역\] 인스타그램이 React Native로 앱을 만든 과정](https://taegon.kim/archives/5745) 2017/03

-   [리액트 네이티브 (React Native) 일년](https://medium.com/@joyeon/리액트-네이티브-react-native-일년-a0556f2755aa#.i1q40rr3i) 2016/12

-   [ReactNative 튜토리얼](https://g6ling.gitbooks.io/react-native-tutorial-korean/content/) 2016/07

-   [리액트 네이티브로 시작하는 앱 개발 #3](https://realm.io/kr/news/react-native3/) 2016/03

-   [리액트 네이티브로 시작하는 앱 개발 #2](https://realm.io/kr/news/react-native2/) 2016/03

-   [리액트 네이티브로 시작하는 앱 개발 #1](https://realm.io/kr/news/react-native/) 2015/11

-   [React Native를 사용한 초간단 커뮤니티 앱 제작](https://www.slideshare.net/taggon/react-native) 2015/05

-   [MobX with React Native — Intro](https://engineering.huiseoul.com/mobx-with-react-native-intro-605dc3a7fe94) 2016/04

-   [리액트 네이티브\[React Native\] 0.4x](https://wonhada.com/?docs=리액트-네이티브react-native-0-41/기본the-basics/시작하기)

-   [React Native Swift 구글 스트리트뷰 컴포넌트 만들기 #1](https://medium.com/@bestseob93/react-native-swift-구글-스트리트-뷰-컴포넌트-만들기-1-fe2fbf7b59b1) 2017/05

-   [React Native Swift 구글 스트리트뷰 컴포넌트 만들기 #2](https://medium.com/@bestseob93/react-native-swift-%EA%B5%AC%EA%B8%80-%EC%8A%A4%ED%8A%B8%EB%A6%AC%ED%8A%B8-%EB%B7%B0-%EC%BB%B4%ED%8F%AC%EB%84%8C%ED%8A%B8-%EB%A7%8C%EB%93%A4%EA%B8%B0-2-c3725eaa6cf7) 2017/05

### Webpack

-   [(Webpack 2) 상대경로 헬파티에서 탈출하기](http://perfectacle.github.io/2017/04/20/webpack2-escape-relative-path-hell/) 2017/04

-   [(Webpack 2) 최적화하기](http://perfectacle.github.io/2017/04/18/webpack2-optimize/) 2017/04

-   [(Webpack 2) 코드를 분할해보자!](https://perfectacle.github.io/2017/03/13/webpack2-code-splitting/) 2017/03

-   [(Webpack 2) 트리 쉐이킹을 해보자!](https://perfectacle.github.io/2017/03/12/webpack2-tree-shaking/) 2017/03

-   [(Webpack 2) 트리 쉐이킹을 똑똑하게 해보자!](https://perfectacle.github.io/2017/04/12/webpack2-smart-tree-shaking/) 2017/04

-   [웹팩2(Webpack) 설정하기](https://www.zerocho.com/category/Javascript/post/58aa916d745ca90018e5301d) 2017/02

-   [웹팩2로 CSS와 기타 파일 번들링하기](https://www.zerocho.com/category/Javascript/post/58ac2d6f2e437800181c1657) 2017/02

-   [웹팩2로 청크 관리 및 코드 스플리팅 하기](https://www.zerocho.com/category/Javascript/post/58ad4c9d1136440018ba44e7) 2017/02

### 미분류

-   [ReactXP - 스카이프(Skype)에서 만든 리액트(React) 기반 멀티 플랫폼 지원 라이브러리 사용 해보기](https://www.vobour.com/book/view/zWoy697Q5c5EppwfK) 2017/04

-   [React VR](http://sungjk.github.io/2017/04/19/react-vr.html) 2017/04

-   [JavaScript in 2017: 옛날 사람 탈출하기](http://meshlabs.ghost.io/javascript-in-2017/) 2017/03

-   [rest에서 graph ql과 relay로 갈아타기](https://www.slideshare.net/deview/112rest-graph-ql-relay) 2016/10

-   [snippod-starter-demo-app–Full Stack Architecture : React & Flux + Django REST Framework](http://www.shalomeir.com/2016/07/snippod-starter-demo-app-full-stack-react-redux-django/) 2016/07

-   [개발자가 가져야 할 균형 감각에 대한 단상](http://huns.me/development/1775) 2016/02

## 기여

### 글 제보

다음과 같은 조건이면 바로 PR을 보내주셔도 됩니다. 그리고 작성 년월도 PR에 커멘트로 알려주세요.

-   완전히 번역된 글

-   2017년 이후 글들

이 조건에 해당하지 않는 경우 이슈를 열어주세요! 검토해보도록 하겠습니다.

### 번역 요청

번역이 필요한 문서들은 [새 이슈](https://github.com/Rokt33r/learn-react-in-korean/issues/new)를 만들어서 요청해주세요!

## 메인테이너

[Junyoung Choi (Rokt33r)](https://github.com/rokt33r)

## Special Thanks

[Eclatant](https://github.com/Eclatant)

## License

본 링크 리스트는 [CC BY-NC-SA 4.0](https://creativecommons.org/licenses/by-nc-sa/4.0/)하에 이용 가능합니다.