{"id":15364194,"url":"https://github.com/posquit0/react-tutorial","last_synced_at":"2025-04-15T09:33:59.219Z","repository":{"id":147416003,"uuid":"86322709","full_name":"posquit0/react-tutorial","owner":"posquit0","description":"Written for educating the modern web development to the students","archived":false,"fork":false,"pushed_at":"2017-05-21T11:42:23.000Z","size":98,"stargazers_count":17,"open_issues_count":0,"forks_count":1,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-03-28T18:51:49.775Z","etag":null,"topics":["component","modern-web","poapper","react","react-tutorial","redux","tutorial"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/posquit0.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":"posquit0","patreon":"posquit0","ko_fi":"posquit0","custom":"https://www.paypal.me/posquit0"}},"created_at":"2017-03-27T10:33:18.000Z","updated_at":"2023-09-08T17:22:50.000Z","dependencies_parsed_at":null,"dependency_job_id":"e0e6f6ea-fc19-42dd-a721-8faec11bf490","html_url":"https://github.com/posquit0/react-tutorial","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/posquit0%2Freact-tutorial","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/posquit0%2Freact-tutorial/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/posquit0%2Freact-tutorial/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/posquit0%2Freact-tutorial/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/posquit0","download_url":"https://codeload.github.com/posquit0/react-tutorial/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":249042788,"owners_count":21203355,"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":["component","modern-web","poapper","react","react-tutorial","redux","tutorial"],"created_at":"2024-10-01T13:10:33.550Z","updated_at":"2025-04-15T09:33:59.189Z","avatar_url":"https://github.com/posquit0.png","language":"JavaScript","readme":"\u003ch1 align=\"center\"\u003e\n  \u003ca href=\"https://github.com/posquit0/react-tutorial\" title=\"React Tutorial\"\u003e\n    \u003cimg alt=\"React\" src=\"https://facebook.github.io/react/img/logo.svg\" width=\"180px\" height=\"180px\" /\u003e\n  \u003c/a\u003e\n  \u003cbr /\u003e\n  React Tutorial\n\u003c/h1\u003e\n\n\u003cp align=\"center\"\u003e\n  A Tutorial for learning React\n\u003c/p\u003e\n\n\u003cdiv align=\"center\"\u003e\n  \u003ca href=\"https://opensource.org/licenses/mit-license.php\"\u003e\n    \u003cimg alt=\"MIT Licence\" src=\"https://badges.frapsoft.com/os/mit/mit.svg?v=103\" /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://github.com/ellerbrock/open-source-badge/\"\u003e\n    \u003cimg alt=\"Open Source Love\" src=\"https://badges.frapsoft.com/os/v1/open-source.svg?v=103\" /\u003e\n  \u003c/a\u003e\n\u003c/div\u003e\n\n\u003cbr /\u003e\n\n**React Tutorial**은 [포애퍼](http://www.poapper.com)에서 대학생들에게 모던 웹 개발 입문을 가르치기 위하여 작성된 커리큘럼입니다.\n\n\n## Curriculum\n\n페이스북에서 만든 UI(User Interface) 라이브러리, [**리액트(React)**](https://facebook.github.io/react/)를 활용한 모던 웹 개발 방법을 다룹니다.\n\n| #    | Title                                                            | Estimated Time |\n| :--: |----------------------------------------------------------------- | :------------- |\n| 0x00 | [Hello React!](00-hello-world/)                                  | 40 mins        |\n| 0x01 | [Create React App](01-create-react-app/)                         | 20 mins        |\n| 0x02 | [Simple Contacts](02-simple-contacts/)                           | 40 mins        |\n| 0x03 | [Oh My Youtube](03-oh-my-youtube/)                               | 50 mins        |\n| 0x04 | PropTypes \u0026 Lifecycle                                            | xx mins        |\n| 0x05 | React Router                                                     | xx mins        |\n| 0x06 | React + Redux                                                    | xx mins        |\n\n\n## Extra Curriculum\n\n이 커리큘럼을 이해하기 위한 이해하고 있어야 할 선수지식을 추가 커리큘럼을 통해 다룹니다. 그 외 웹 개발에 도움이 될 수 있는 내용도 다룹니다. 해당 내용이 필요하다 생각되는 경우 학습하도록 합니다.\n\n| #    | Title                                                            | Estimated Time |\n| :--: |----------------------------------------------------------------- | :------------- |\n| 0x90 | [Web Basics](90-web-basics/)                                     | 110 mins       |\n| 0x91 | [Component based Design](91-component-based-design/)             | 30 mins        |\n| 0x92 | [Git Basics](92-git-basics/)                                     | 60 mins        |\n| 0x93 | [Be Nerd of Vim](93-be-nerd-of-vim/)                             | 50 mins        |\n| 0x94 | [Be Nerd of Zsh](94-be-nerd-of-zsh/)                             | 20 mins        |\n| 0x95 | [Be Nerd of TMUX](95-be-nerd-of-tmux/)                           | 20 mins        |\n| 0x96 | [Nginx Basics](96-nginx-basics/)                                 | 40 mins        |\n| 0x97 | [Introduction of LetsEncrypt](97-intro-of-letsencrypt/)          | 40 mins        |\n| 0x98 | [Introduction of DNS Management](98-intro-of-dns/)               | 50 mins        |\n| 0x99 | [GitHub Pages \u0026 Cloudflare](99-github-pages-and-cloudflare/)     | 50 mins        |\n| 0x9A | Webpack \u0026 Babel                                                  | xx mins        |\n\n\n## Troubleshooting\n\n- 되도록이면 검색을 통해 스스로 해결하는 것을 권장합니다.\n- 라이브러리의 경우 공식 문서(Documentation)을 천천히 한 번 읽어 보시고 사용하는 것이 좋습니다.\n- 국문보다는 영문 문서를 읽는 것이 최신 정보를 따라가기 수월합니다.\n- 문제 해결에 어려움을 겪는 경우 이슈(Issue)로 질문을 등록해주시면 도와드립니다.\n\n\n## Further Reading\n\n- [**React Documentation**](https://facebook.github.io/react/docs/)\n- [**Exploring ES6**](http://exploringjs.com/es6/)\n\n\n## Links\n\n- [**React**](https://facebook.github.io/react)\n- [**PoApper**](http://www.poapper.com)\n\n\n## Contribute\n\n프로젝트에 도움이 될 수 있는 의견은 언제든지 환영입니다. [이슈 등록](https://github.com/posquit0/react-tutorial/issues/new) 혹은 Pull Request을 이용해주세요.\n\nReact Tutorials follows the [**Contributor Covenant**](http://contributor-covenant.org/version/1/4/) Code of Conduct.\n\n\n## Contact\n\nIf you have any questions, feel free to join me at [`#posquit0` on Freenode](irc://irc.freenode.net/posquit0) and ask away. Click [here](https://kiwiirc.com/client/irc.freenode.net/posquit0) to connect.\n\n\n## License\n\n- [MIT](https://github.com/posquit0/react-tutorial/blob/master/LICENSE)\n","funding_links":["https://github.com/sponsors/posquit0","https://patreon.com/posquit0","https://ko-fi.com/posquit0","https://www.paypal.me/posquit0"],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fposquit0%2Freact-tutorial","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fposquit0%2Freact-tutorial","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fposquit0%2Freact-tutorial/lists"}