react:home

차이

문서의 선택한 두 판 사이의 차이를 보여줍니다.

차이 보기로 링크

--- react:home [2018/08/03 06:13] – [React 배우기] taekgu
+++ react:home [2025/04/15 10:05] (현재) – 바깥 편집 127.0.0.1
@@ 줄 1: / 줄 1: @@
 ===== React =====
-Facebook에서 공개한 Open Source.
+Facebook에서 공개한 Open Source. 2013년에 소개
 공식튜토리얼은 [[https://reactjs.org/tutorial/tutorial.html|여기]]에서 확인하세요.
   * JSX - React에서 문법으로 사용
-==== React 배우기 ====
+==== React를 위한 기초 지식들 ====
+  - [[typescript:home|TypeScript]]
+  - NODE Module들
+    * Component
+    * typestyle
+    * React-router
+    * Redux
+      * redux
+      * react-redux
+    * Mobx
+    * RxJS
+      * [[http://sculove.github.io/blog/|RxJS - 순찬욱Blog]]
+    * Jest
+      * yarn add -D enzyme enzyme-to-json
+      * yarn add -D @types/enzyme @types/enzyme-to-json
+    * Next.js
   - [[http://webframeworks.kr/tutorials/react/getting-started/|React시작하기]]
   - [[react:tictactoe|Tic Tac Toe 게임]]
   - [[https://medium.com/chequer/react-datagrid-component-제작기-with-es6-typescript-4efcbfe1b442|React data grid component제작시(with ES6, TypeScript)]]
   - [[webpack:home|Webpack]]
-==== Hello World! ====
+  - [[study:angluar|Angular]]
+  - [[https://www.getpostman.com/|Postman]] - server request확인하기위해서
+==== create-react-app ====
+Hello World!를 만들기 위해서는 create-react-app을 이용하는 것이 좋은 방법이다.
+처음에는 이것이 무엇을 하는지 이해하는 것은 어렵지만 프로젝트생성시에는 많은 도움이 된다는 것을 알 수 있을 것입니다.
 사전준비사항
   * Node.js
@@ 줄 26: / 줄 45: @@
     - create PROJECT
       - <code bash>create-react-app boeun</code>
+      - <code bash>create-react-app boeun --scripts-version=react-scripts-ts</code>
     - 확인
       - <code bash>npm start</code>
-      - http://localhost:3000에서 확인하세요.
+        - http://localhost:3000에서 확인하세요.
+      - npm run build
+      - npm test
+      - npm run eject
 ==== ES6( ECMAScript6, ES2015 ) ====

react/home.1533276797.txt.gz · 마지막으로 수정됨: 2025/04/15 10:05 (바깥 편집)