일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- node.js
- spring
- 오산대맛집
- SQL 연산자
- SQL
- 플랙스박스기본
- 객체지향프로그래밍
- SQL 명령어
- Eclipse
- Flex Box 기본
- 이클립스
- 자바스프링
- java spring
- REACT
- Hooks
- 환경설정
- java설치
- 노마드코더
- HTML5
- 관계형데이터베이스
- 타입
- Flexbox Froggy
- numpy
- 스프링
- 람다식
- 리액트
- ubuntu
- SQL 문제
- 자바 스프링
- spring 환경설정
- Today
- Total
목록REACT (2)
이것저것
https://nomadcoders.co/react-hooks-introduction/lobby Watch Now - Nomad Coders nomadcoders.co useEffect useEffect는 생명주기에서 componentWillUnmount와 componentDidMount, componentWillUpdate와 비슷하다. 위의 모든 것과 동일한 function이라고 생각하면 된다. useEffect는 componentDidMount의 역할을 하기 때문에 새로고침을 하면 먼저 sayHello();가 실행된다. 그리고 componentDidUpdate의 역할도 하기 때문에 클릭을 하면 또 sayHello를 실행한다. useEffect도 2개의 인자를 받는데 첫 번째는 function으로써의 ..
1. Node.js 설치 2. 편집에디터 : atom, vs code 등 많이 있지만 거의 vs code로 쓴다. 우리도 vs code로 작업한다. node.js를 깔면 npm이 자동으로 깔린다. npm은 설치 명령어이다. 3. react를 설치 npm install -g create-react-app 리액터 라이브러리 설치 명령어 프로젝트 폴더에 들어가서 경로 앞에 cmd를 쳐주면 바로 들어간다. 경로로 들어가서 create-react-app test01 명령어를 쳐주면 설치에 들어간다. Happy hacking이라고 뜨면 프로젝트는 만들어진 거다. cd test01로 test01 프로젝트에 들어간 다음에 npm start 로 npm을 실행시켜준다. 해당 페이지가 열리면 성공한 것이다. http://l..