{"id":13608723,"url":"https://github.com/reactkr/learn-react-in-korean","last_synced_at":"2026-02-12T07:47:17.383Z","repository":{"id":41258132,"uuid":"86201899","full_name":"reactkr/learn-react-in-korean","owner":"reactkr","description":"Let's learn React in Korean!!! (⚛ + 🇰🇷 = 😈 😈 😈)","archived":false,"fork":false,"pushed_at":"2020-05-02T08:48:10.000Z","size":675,"stargazers_count":753,"open_issues_count":5,"forks_count":145,"subscribers_count":78,"default_branch":"master","last_synced_at":"2024-11-07T14:41:58.980Z","etag":null,"topics":["hangul","korean","react","redux","translation","webpack"],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/reactkr.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":"contributing.md","funding":null,"license":null,"code_of_conduct":"code_of_conduct.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-03-26T02:23:42.000Z","updated_at":"2024-09-21T10:26:33.000Z","dependencies_parsed_at":"2022-09-02T22:32:23.200Z","dependency_job_id":null,"html_url":"https://github.com/reactkr/learn-react-in-korean","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/reactkr%2Flearn-react-in-korean","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/reactkr%2Flearn-react-in-korean/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/reactkr%2Flearn-react-in-korean/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/reactkr%2Flearn-react-in-korean/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/reactkr","download_url":"https://codeload.github.com/reactkr/learn-react-in-korean/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248605293,"owners_count":21132143,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["hangul","korean","react","redux","translation","webpack"],"created_at":"2024-08-01T19:01:29.487Z","updated_at":"2026-02-12T07:47:17.341Z","avatar_url":"https://github.com/reactkr.png","language":null,"funding_links":[],"categories":["Others"],"sub_categories":[],"readme":"# 한국어로 배우는 리액트\n\n한국어로된 리액트 관련 포스팅이나 웹사이트의 모음입니다. 현재 직접 링크를 모으고 있습니다. PR은 언제나 환영입니다.\n\n## 입문\n\n처음 리액트를 접하시는 분들께 추천할만한 글들입니다.\n\n-   [\\[번역\\] react-howto](https://github.com/petehunt/react-howto/blob/master/README-ko.md) \u003c!--2016/05--\u003e\n-   [React 소개 및 맛보기](http://webframeworks.kr/tutorials/react/react-intro-and-give-it-a-try/) \u003c!--2016--\u003e\n-   [Velopert님의 텍스트 강좌](https://velopert.com/reactjs-tutorials) \u003c!--2016/03--\u003e\n-   [React \u0026 Express 를 이용한 웹 어플리케이션 개발하기](https://www.inflearn.com/course/react-강좌-velopert/) \u003c!--2016--\u003e\n-   [\\[번역\\] 리액트, 리덕스와 리액트-리덕스(React, Redux and react-redux)](https://www.vobour.com/book/view/6vas6uCQF8GXDJDHt) \u003c!--2016/11--\u003e\n-   [\\[번역\\] 리액트 도움닫기(The Road to learn React)](https://github.com/sujinleeme/the-road-to-learn-react-korean) \u003c!--2018/03--\u003e\n\n## 추천\n\n리액트를 100% 활용하기 위해 꼭 읽어 볼 만한 내용들 입니다.\n\n### React\n\n-   [React 적용 가이드 - 네이버 메일 모바일 웹 적용기](http://d2.naver.com/helloworld/4966453) \u003c!--2017/04--\u003e\n-   [리안 개발 일기 #1: Front-End 개발(React)](https://medium.com/@RianCommunity/리안-개발-일기-2-front-end-개발-react-9f6ccb5b016d) \u003c!--2017/02--\u003e\n-   [React의 기본, 컴포넌트를 알아보자](https://medium.com/little-big-programming/react의-기본-컴포넌트를-알아보자-92c923011818#.uemkhn2ym) \u003c!--2017/01--\u003e\n-   [React 앱의 최적화 전략](http://webframeworks.kr/tutorials/react/react-optimization/) \u003c!--2016--\u003e\n-   [React 앱의 데이터 흐름](http://webframeworks.kr/tutorials/react/react-dataflow/) \u003c!--2016--\u003e\n-   [\\[번역\\] 상세한 리액트 Higher Order Components 설명(React Higher Order Components in depth)](https://www.vobour.com/book/view/XSSFQ5wBzsCLAbbo4) \u003c!--2016/12--\u003e\n-   [React 렌더링과 성능 알아보기](https://github.com/nhnent/fe.javascript/wiki/March-20---March-24,-2017-(2)) \u003c!--2017/03--\u003e\n-   [React 컴포넌트를 테스트하는 세 가지 방법](http://webframeworks.kr/tutorials/react/testing/) \u003c!--2016--\u003e\n-   [React Component를 테스트하기 위한 올바른 방법](./translated/the-right-way-to-test-react-components.md) \u003c!-- 2017/02--\u003e\n-   [\\[번역\\] Presentational and Container Components](https://medium.com/@seungha_kim_IT/presentational-and-container-components-%EB%B2%88%EC%97%AD-1b1fb2e36afb) \u003c!--2018/06--\u003e\n### Redux\n\n-   [\\[번역\\] Redux 한글 문서](http://dobbit.github.io/redux/index.html) \u003c!--2017/05--\u003e\n-   [\\[번역\\] redux-saga로 비동기처리와 분투하다](./translated/deal-with-async-process-by-redux-saga.md) \u003c!--2016/12--\u003e\n-   [\\[번역\\] 리덕스 패턴과 안티 패턴 (Redux Patterns and Anti-Patterns)](https://www.vobour.com/book/view/TGJKKFN2TmyxaGDpN) \u003c!--2016/11--\u003e\n-   [리덕스(Redux) 애플리케이션 설계에 대한 생각](http://huns.me/development/1953) \u003c!--2016/07--\u003e\n-   [Redux 를 통한 React 어플리케이션 상태 관리](https://velopert.com/3365)\n\n### Blogs\n\n리액트와 관련된 좋은 리소스를 제공하는 블로그들입니다.\n\n-   [Velopert.log](https://velopert.com/)\n-   [ZeroCho Blog](https://www.zerocho.com/)\n-   [오늘도 끄적끄적](https://perfectacle.github.io/)\n\n## 문서들\n\n### React\n\n-   [Create React App에 Flow(정적 타입 체크 라이브러리) 사용 하기](https://medium.com/@bestseob93/starting-create-react-app-with-flow-a44a72d295cf) 2018/01\n-   [\\[번역\\] Next.js 2.0을 이용하여 보다 나은 Universal JavaScript 앱 만들기](https://medium.com/@LetMeEatTheCake/next-js-2-0을-이용하여-보다-낳은-universal-javascript-앱을-만들기-70fb32714ad4) 2017/04\n-   [\\[Next.js 2.0\\] 간단한 React 전용 서버사이드 프레임워크, 기초부터 본격적으로 파보기](https://velopert.com/3293) 2017/04\n-   [\\[번역\\] 리액트하다가 막혔을 때 생각해볼 4가지 질문](https://velopert.com/3260) 2017/03\n-   [\\[번역\\] 리액트에 대해서 그 누구도 제대로 설명하기 어려운 것 – 왜 Virtual DOM 인가?](https://velopert.com/3236) 2017/03\n-   [ReactJS: Props와 State 비교](https://wonhada.com/?topic=reactjs-props와-state-비교) 2017/03\n-   [(React Router) v4로 마이그레이션 해보자!](https://perfectacle.github.io/2017/03/25/react-router-v4/) 2017/03\n-   [(React Hot Loader) v3로 마이그레이션 해보자!](https://perfectacle.github.io/2017/03/25/react-hot-loader-3/) 2017/03\n-   [React Study v2 #00](https://blog.weirdx.io/post/38247) 2017/02\n-   [\\[번역\\] 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\n-   [\\[번역\\] 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\n-   [리액트 인라인 스타일링과 스타일드 컴포넌트](https://medium.com/@jimkimau/리액트-인라인-스타일링과-스타일드-컴포넌트-f0514d32982a#.u8oi6gvge) 2017/02\n-   [\\[번역\\] 함수형 setState가 리액트(React)의 미래이다](https://www.vobour.com/book/view/MPTQLpzxAHxzywcBc) 2017/02\n-   [React 프로젝트의 디렉토리 구조](https://medium.com/@FourwingsY/react-프로젝트의-디렉토리-구조-bb183c0a426e#.q36tlor7g) 2017/02\n-   [React 소개 및 구현방법 Demo](https://www.slideshare.net/zonekom/react-demo) 2017/01\n-   [\\[번역\\] \\`setState\\` 메쏘드 파라미터로 객체 대신 함수 사용하기(Using a function in \\`setState\\` instead of an object)](https://www.vobour.com/book/view/kgFc5hdkZ5p7sm7tj) 2017/01\n-   [\\[번역\\] 리액트 죽음의 다섯 손가락. 이 다섯 가지 개념을 마스터 한 다음 리액트를 마스터하라(React’s Five Fingers of Death. Master these five concepts, then master React)](https://www.vobour.com/book/view/fzfscDgHWQDeqr3B5) 2017/01\n-   [Immutable한 양방향 데이터 바인딩](https://www.slideshare.net/xpressengine/xecon2016-a1-react-immutable) 2016/12\n-   [RxJS로 React 컴포넌트 상태 관리하기](http://blog.sapzil.org/2016/12/15/react-with-rx/) 2016/12\n-   [create-react-app에 관하여 -1](https://techstory.shma.so/create-react-app에-관하여-1-935a21297550) 2016/10\n-   [react로 개발자 2명이 플랫폼 4개를 서비스하는 이야기](https://www.slideshare.net/deview/125react24) 2016/10\n-   [\\[번역\\] 리액트 State 비쥬얼 가이드(A Visual Guide to State in React)](https://www.vobour.com/book/view/3wKFokAjFncKKCiQg) 2016/10\n-   [\\[번역\\]\\[React Router\\] 시리즈](http://yubylab.tistory.com/entry/React-Router-Lesson01-settingup) 2016/10\n-   [React, Google Maps, D3 를 이용한 Hexagonal Binning 기법](http://meshlabs.ghost.io/react-hexagonal-binning) 2016/9\n-   [React, Redux and es6/7](https://www.slideshare.net/looklazy/react-redux-and-es67) 2016/09\n-   [React.js가 IE 브라우저 지원 중단했다면서요?](https://medium.com/little-big-programming/react-js가-ie-브라우저-지원-중단했다면서요-a9734bc323cb#.ym56hg9ek) 2016/09\n-   [리액트 딜레마](http://huns.me/development/2011) 2016/08\n-   [React.js 실서비스 적용기](http://slides.com/roto/react-js-live-service#/) 2016/07\n-   [애니메타의 React 서버 렌더링 아키텍쳐](http://blog.sapzil.org/2016/07/29/animeta-react-ssr/) 2016/07\n-   [왜 React와 서버 사이드 렌더링인가?](https://subicura.com/2016/06/20/server-side-rendering-with-react.html) 2016/06\n-   [안녕, 리액트(Hello, React)](http://blog.gaerae.com/2016/04/hello-react.html) 2016/04\n-   [React 소스 코드 읽기 - ReactElement](http://blog.sapzil.org/2016/03/17/react-internals-elements/) 2016/03\n-   [React 소스 코드 읽기 - 유틸리티들](http://blog.sapzil.org/2016/03/20/react-internals-utils/) 2016/03\n-   [React 튜토리얼 1차시](https://www.slideshare.net/ssuser555dd7/react-1) 2016/03\n-   [React 튜토리얼 2차시](https://www.slideshare.net/ssuser555dd7/react-2) 2016/03\n-   [React로 개발하는 SPA 실무 이야기](https://www.slideshare.net/xpressengine/xecon2015-22-react-spa) 2016/02\n-   [React 애플리케이션의 서버 렌더링](http://webframeworks.kr/tutorials/react/server-side-rendering/) 2016\n-   [자바스크립트 프레임워크 소개 4 - React](http://meetup.toast.com/posts/100) 2016\n-   [React와 불변객체](http://blog.coderifleman.com/2015/08/16/react-and-immutable/) 2015/08\n\n## Redux\n\n-   [React 적용 가이드 - React와 Redux](http://d2.naver.com/helloworld/1848131) 2017/02\n-   [State management — Redux vs. MobX](https://engineering.huiseoul.com/state-management-redux-vs-mobx-a8853a7c80ea) 2016/09\n-   [\\[번역\\] 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\n-   [\\[번역\\] 당신에게 Redux는 필요 없을지도 모릅니다.](https://medium.com/@Dev_Bono/당신에게-redux는-필요-없을지도-모릅니다-b88dcd175754) 2016/09\n-   [\\[번역\\] 리덕스에 대한 이해](http://webframeworks.kr/tutorials/translate/understanding-redux/) 2016\n-   [Flux와 Redux](http://webframeworks.kr/tutorials/react/flux/) 2016\n-   [역시 Redux](https://www.slideshare.net/dalinaum/redux-55650128) 2015/11\n\n## Misc\n\n### React Native\n-   [React Native Swift 구글 스트리트뷰 컴포넌트 만들기 #1](https://medium.com/@bestseob93/react-native-swift-구글-스트리트-뷰-컴포넌트-만들기-1-fe2fbf7b59b1) 2017/05\n-   [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\n-   [리액트 네이티브 FlatList (React Native FlatList)](https://www.vobour.com/book/view/gYkhxyL2FsWJWXPPS) 2017/04\n-   [React Native 안드로이드 성능 최적화](https://taegon.kim/archives/5950) 2017/03\n-   [\\[번역\\] 인스타그램이 React Native로 앱을 만든 과정](https://taegon.kim/archives/5745) 2017/03\n-   [리액트 네이티브 (React Native) 일년](https://medium.com/@joyeon/리액트-네이티브-react-native-일년-a0556f2755aa#.i1q40rr3i) 2016/12\n-   [ReactNative 튜토리얼](https://g6ling.gitbooks.io/react-native-tutorial-korean/content/) 2016/07\n-   [리액트 네이티브로 시작하는 앱 개발 #3](https://realm.io/kr/news/react-native3/) 2016/03\n-   [리액트 네이티브로 시작하는 앱 개발 #2](https://realm.io/kr/news/react-native2/) 2016/03\n-   [리액트 네이티브로 시작하는 앱 개발 #1](https://realm.io/kr/news/react-native/) 2015/11\n-   [React Native를 사용한 초간단 커뮤니티 앱 제작](https://www.slideshare.net/taggon/react-native) 2015/05\n-   [MobX with React Native — Intro](https://engineering.huiseoul.com/mobx-with-react-native-intro-605dc3a7fe94) 2016/04\n-   [리액트 네이티브\\[React Native\\] 0.4x](https://wonhada.com/?docs=리액트-네이티브react-native-0-41/기본the-basics/시작하기)\n-   [React Native Swift 구글 스트리트뷰 컴포넌트 만들기 #1](https://medium.com/@bestseob93/react-native-swift-구글-스트리트-뷰-컴포넌트-만들기-1-fe2fbf7b59b1) 2017/05\n-   [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\n\n### Webpack\n\n-   [(Webpack 2) 상대경로 헬파티에서 탈출하기](http://perfectacle.github.io/2017/04/20/webpack2-escape-relative-path-hell/) 2017/04\n-   [(Webpack 2) 최적화하기](http://perfectacle.github.io/2017/04/18/webpack2-optimize/) 2017/04\n-   [(Webpack 2) 코드를 분할해보자!](https://perfectacle.github.io/2017/03/13/webpack2-code-splitting/) 2017/03\n-   [(Webpack 2) 트리 쉐이킹을 해보자!](https://perfectacle.github.io/2017/03/12/webpack2-tree-shaking/) 2017/03\n-   [(Webpack 2) 트리 쉐이킹을 똑똑하게 해보자!](https://perfectacle.github.io/2017/04/12/webpack2-smart-tree-shaking/) 2017/04\n-   [웹팩2(Webpack) 설정하기](https://www.zerocho.com/category/Javascript/post/58aa916d745ca90018e5301d) 2017/02\n-   [웹팩2로 CSS와 기타 파일 번들링하기](https://www.zerocho.com/category/Javascript/post/58ac2d6f2e437800181c1657) 2017/02\n-   [웹팩2로 청크 관리 및 코드 스플리팅 하기](https://www.zerocho.com/category/Javascript/post/58ad4c9d1136440018ba44e7) 2017/02\n\n### 미분류\n-   [ReactXP - 스카이프(Skype)에서 만든 리액트(React) 기반 멀티 플랫폼 지원 라이브러리 사용 해보기](https://www.vobour.com/book/view/zWoy697Q5c5EppwfK) 2017/04\n-   [React VR](http://sungjk.github.io/2017/04/19/react-vr.html) 2017/04\n-   [JavaScript in 2017: 옛날 사람 탈출하기](http://meshlabs.ghost.io/javascript-in-2017/) 2017/03\n-   [rest에서 graph ql과 relay로 갈아타기](https://www.slideshare.net/deview/112rest-graph-ql-relay) 2016/10\n-   [snippod-starter-demo-app–Full Stack Architecture : React \u0026 Flux + Django REST Framework](http://www.shalomeir.com/2016/07/snippod-starter-demo-app-full-stack-react-redux-django/) 2016/07\n-   [개발자가 가져야 할 균형 감각에 대한 단상](http://huns.me/development/1775) 2016/02\n\n## 기여\n\n### 글 제보\n\n다음과 같은 조건이면 바로 PR을 보내주셔도 됩니다. 그리고 작성 년월도 PR에 커멘트로 알려주세요.\n\n-   완전히 번역된 글\n-   2017년 이후 글들\n\n이 조건에 해당하지 않는 경우 이슈를 열어주세요! 검토해보도록 하겠습니다.\n\n### 번역 요청\n\n번역이 필요한 문서들은 [새 이슈](https://github.com/Rokt33r/learn-react-in-korean/issues/new)를 만들어서 요청해주세요!\n\n## 메인테이너\n\n[Junyoung Choi (Rokt33r)](https://github.com/rokt33r)\n\n## Special Thanks\n\n[Eclatant](https://github.com/Eclatant)\n\n## License\n\n본 링크 리스트는 [CC BY-NC-SA 4.0](https://creativecommons.org/licenses/by-nc-sa/4.0/)하에 이용 가능합니다.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Freactkr%2Flearn-react-in-korean","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Freactkr%2Flearn-react-in-korean","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Freactkr%2Flearn-react-in-korean/lists"}