일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- component
- 개발
- table
- 자바스크립트
- Intellij
- restapi
- springboot
- 리액트
- EXTJS
- 데이터베이스
- React
- crud
- 보안취약점
- JS
- 컴포넌트
- jdk
- 스프링
- reactjs
- sql
- 자바
- mssql
- 개발공부
- Spring
- javascript
- Vue
- java
- GIT
- 스프링부트
- DATABASE
- 쿼리
- Today
- Total
목록NPM (2)
준준의 기록일지
라이프사이클 : 어떤 객체가 생성부터 파괴되는 시점 사이에서 자동으로 호출되는 메서드들의 집합 컴포넌트 생성과 DOM에 마운트 - 컴포넌트가 생성되고, DOM에 마운트(추가)될 때 다음과 같은 순서로 메서드가 호출된다. 이러한 과정은 딱 한번만 반복된다 constructor(props) : 객체가 생성될 때 componentWillMount() : 컴포넌트가 DOM에 마운트되기 직전 render() : 컴포넌트가 렌더링될 때 componentDidMount() : 컴포넌트가 DOM에 마운트된 직후. 컴포넌트 업데이트 - 컴포넌트의 프로퍼티가 변경되면 다음과 같은 메서드가 호출된다. componentWillReceiveProps(nextProps) : 컴포넌트의 프로퍼티가 변경될 때, 새로운 속성을 받았을..
구조 src, public이 있는데, public 밑에 index.html이 있다. index.html에서 가장 중요한 부분은 앞으로 생성하는 컴포넌트는 해당 구문 안에 들어가게 되어 있다.(커스텀가능) src안에서 파일을 생성하고 커딩하고, index.js - docment.getElementById('root') 용량을 엄청 줄여준다. 실 서버 환경이 완성되는 것. 새로고침할때 - 강력한 새로고침, hard reload로 계속 새로고침 대기상태, 성능을 높이기 위해 뭔가를 다운받는데, 해당 기능은 캐쉬를 전부 없애버린다. npm : 다운로드 받아서 계속 사용 npx : 한번만 사용할때 사용. (최신으로 리액트에서 요즘에 권장?) - npx serve -s build : 한번만 사용할 서브를 만들어서 ..