JS(2)
-
CSR과 SSR
CSR(Client Side Rendering) 클라이언트 상에서 렌더링 하는 기법으로 처음 렌더링 후 추가 변경사항이 있으면 데이터만 받아와 리렌더링한다. 장점 : 첫 로딩시 html파일과 static파일만 받으면 그 이후로는 동적으로 렌더링 하기 때문에 요청이 적어진다. 서버 부담이 덜하다. 단점 : 처음에 모든 파일이 불러질때까지 기다려야 하므로 초기 로딩 속도가 느리다. 검색엔진 최적화 문제 (SEO) 가 생길 수 있다. SSR(Server Side Rendering) 변경사항이 일어날때 마다 서버에 요청을 하는 방식이며 완전하게 만들어진 html파일을 들고온다. 장점 : 초기 로딩 속도가 빠르기 때문에 사용자가 이용하기 편리하다 검색엔진 최적화 (SEO)가 가능하다. 단점 : 매번 서버에 요청을..
2020.11.28 -
react의 라이프사이클 메소드
컴포넌트 생성 1. constructor : 생성자 메소드로 컴포넌트가 만들어 질 때 실행된다. 여기서 state를 정할 수 있다 2. componentWillMount : 컴포넌트가 DOM 위에 만들어지기 전 실행되는 메소드 3. render : 렌더링 담당 메서드 컴포넌트 생성 완료 4. componentDidMount : 렌더링을 다 마친후 실행되는 메소드로 프레임워크 연동, AJAX처리 등을 주로 넣는다. Prop변화 5. componentWillReceiveProps : prop을 새로 받았을 때 실행되는 메소드 업데이트 처리 6. shouldComponentUpdate : prop 혹은 state가 변경 되었을 때, 리렌더링 여부를 정하는 메소드 7. componentWillUpdate : 컴..
2020.11.28