일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- Github
- oracle
- dunklow
- 덩크 하이
- 덩크로우
- 파이썬
- jQuery
- 리액트
- 나이키
- GIT
- 코로나19
- Linux
- Nike
- stockx.com
- 자바스크립트
- 발매예정
- react
- 오라클
- dunk high
- Dunk Low
- draw
- 드로우
- sacai
- 리눅스
- 주식공부
- 덩크 로우
- Python
- 제이쿼리
- 주식
- JavaScript
- Today
- Total
목록2022/01 (3)
Life goes slowly...
React.js의 Hooks React에서 Hooks은 React의 새로운 기능으로써 React 16.8 버전에서 새로 추가된 기능입니다. state, component에 대한 모든 것을 바꿔놓은 기능입니다. Hooks을 이용하여 기존의 함수형 Compontent에서도 클래스형 Compontent 작업을 할 수 있게 되었습니다. 기존의 클래스형 Compontent가 가지고 있었던 복잡성, 재사용성의 단점들까지 모두 해결하기도 했습니다. 함수형 Compontent에서 사용되는 Hook 기능중에서는 상태 관리를 할 수 있는 useState, 렌더링 직후 작업을 설정할 수 있는 useEffect의 함수가 있습니다. React.js의 Hooks 사용하며 없어진 문제점 1. Compontent 사이에서 상태와 관..
React.js의 useEffect() 함수 React에서 컴포넌트를 작성할 때에는 클래스형 컴포넌트와 함수형 컴포넌트가 있습니다. 클래스형 컴포넌트에서는 라이프사이클을 사용하게 되지만 함수형 컴포넌트에서는 라이프사이클을 사용할 수 없는데 이때 사용되는 함수가 useEffect() 함수입니다. 컴포넌트가 화면에 나타나거나, 사라질 때 또는 업데이트될 때에 렌더링을 해주는 함수입니다.(컴포넌트가 마운트 될 때 실행되는 함수입니다.) useEffect() 함수의 가장 기본적으로 사용될 때의 예시입니다. //렌더링이 완료될때마다 실행 useEffect(() => { }); //처음 렌더링이 완료된후 text값이 변경될때마다 실행 useEffect(() => { },[text]); //처음 렌더링이 완료된후에만..
Error command failed with exit code 1. Error 발생 React 프로젝트에서 yarn start 또는 npm start으로 서버를 시작할 때에 발생하는 에러입니다. 설치되어 있는 node의 문제가 아닌 yarn 또는 npm의 문제로 보여집니다. yarn을 다시 설치하여 확인을 해보는 것이 좋습니다. 또는 yarn을 다시 설치 후에 서버를 다시 기동 해보도록 합니다.