※ React를 계속 진행하고 싶다면 npm start를 실행하고 console을 종료하지 않아야 한다. react는 component와 함께 동작한다. 모든 것은 component임. 당신은 component를 만들게 될 것이고, component를 보기 좋게 만들게 될 것이고 component가 data를 보여주게 할 것이다. component 가 뭔데? => Html을 반환하는 함수이다. 위에서는 App() 함수로 Html을 반환하는 것이다. react는 component를 사용해서 Html처럼 작성하려는 경우에 필요하다. javascript와 Html사이의 이러한 조합을 jsx라고 부른다. ※ jsx는 react에서 나온 매우 custom한 유일한 개념이다. 나머지는 JavaScript를 하는것과..
기본적으로 생성된 App에 3개의 폴더가 있다. 1. node_modules : 우리가 손대는게 아님 2. public - favicon.ico : 상단 탭의 이미지 - index - manifest.json : PWA (지금은 자세히 알 필요 없다) 3. src - serviceWorker, logo, index.js, index.css 등 많은것들이 있다. 이제 간단한 실습을 해보자. - App.js와 index.js 를 제외하고 다 없애버리자. App.js와 index.js의 코드도 그에 맞춰서 지워줘야함. - create-react-app 버전이 올라가서 serviceWorker.js 가 없고 reportWebVitals.js가 있을것이다. 그것도 없애버리자. - 결과 - 실행시 아무것도 안나오면..
지금까지 했던 작업을 나의 깃허브에 저장해보자 1. VSCode를 열고 해당 App의 경로에서 "git init" git init 2. GitHub에 가서 레포지토리를 생성한다. - 이 때, 레포지토리 이름은 package.jason의 "name"으로 일치시키는걸 추천한다. (혼란을 피하자.) 3. URL을 복사 후 git remote add origin git remote add origin https://github.com/laugh4mile/movie_app_2021.git git add . git commit -m "커밋 메시지" git push origin master 4. GitHub 새로고침 GitHub에 완벽히 들어왔다!
facebook/create-react-app Set up a modern web app by running one command. Contribute to facebook/create-react-app development by creating an account on GitHub. github.com 1. react application 만들기 npx create-react-app movie_app_2021 - movie_app_2021 이라는 앱을 생성함. 이제 해당경로에 movie_app_2021이라는 폴더가 있다. 2. VSCode로 열어보자 - 기존의 README는 지우고 나만의 README를 작성하자. 3. package.jason 을 수정한다. - scripts의 test와 eject는 사..
0. react 공부를 시작해 보자. nomadcoders.co/react-fundamentals 1. 왜 React 인가?! - 많은 웹페이지가 react로 개발되었다 - 압도적인 지표 - 가장 유명하다 => 튜토리얼, 컴포넌트, 커뮤니티, 서포트가 많다. - 자바스크립트로 이루어져있어서 새로운 지식을 쌓을 필요가 없다. (리액트가 사라져도 넌 훌륭한 JS 개발자야!) 2. ReactJS를 배우기 전 사전지식 HTML CSS 약간의 바닐라 JS 지식 (function, variable, class 등등) node js 살짝(package.jason) 3. node.js 설치 Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript..
- Total
- Today
- Yesterday
- Spring
- SWEA
- G5
- 리액트
- react native
- 객체지향
- 코딩새내기
- PriorityQueue
- react
- 백트래킹
- 우선순위큐
- S3
- 리액트 네이티브
- BFS
- 현꾸라지
- 백준
- 그리디
- laugh4mile
- java
- 구현
- 알고리즘
- 문자열
- g4
- DFS
- S2
- 다익스트라
- map
- Spring Boot
- 자바
- 시뮬레이션
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |