반응형 전체 글601 CSR과 SSR SSR vs CSR SSR(Server Side Rendering) : 웹 페이지를 서버에서 렌더링한다. 서버는 정해진 렌더링 준비가 완료된 페이지를 브라우저에 전송한다. 웹 페이지의 내용에 데이터베이스의 데이터가 필요한 경우, 서버는 데이터베이스의 데이터를 불러온 다음 웹 페이지를 완전히 렌더링 된 페이지로 변환한 후에 브라우저로 응답을 보낸다. 브라우저가 다른 경로로 이동할때마다 서버는 같은 작업을 반복한다. -> 서버 부하가 커진다. CSR(Client Side Rendering) : 클라이언트에서 페이지를 렌더링한다. 브라우저의 요청을 서버로 보내면 서버는 웹 페이지의 골격과 JS를 클라이언트에 보낸다. 웹 페이지와 함께 전달된 JS 파일은 브라우저에서 완전히 렌더링 된다. 웹 페이지에 데이터베이.. 2021. 9. 29. 코드스테이츠 소프트웨어 엔지니어링 부트캠프 +71 리덕스를 통한 상태관리의 장점 상태 예측 가능(순수함수 사용하기 때문) 유지보수 용이해짐(state를 store한 곳에서 관리하기 때문에 복잡도가 낮아진다.) action과 state log를 기록하면 디버깅에 유리하다. 테스트를 붙이기가 용이하다. 리덕스 3가지 원칙 Single Source of truth : state는 항상 같은 곳(Store)에서 가져온다. State is read-only : state는 직접 수정하면 안된다. state를 변경하는 절차는 다음과 같다. dispatch로 action을 reducer에 보낸다. reducer에서 action.type과 payload를 읽고 그에 맞는 새로운 state를 생성한다. Changes are made with pure functions .. 2021. 9. 27. 번역)Presentational and Container Components Presentational and Container Components Presentational Container 기능 어떻게 보여지는가 어떻게 동작하는가 Redux와 연관성 없음 있음 Read data Props에서 data를 읽는다 Redux의 State에 접근한다. (useSelector) Change data props에서 콜백을 호출 Redux Action 리액트에서 컴포넌트는 상태관리, DOM관리, 이벤트 관리 등 다양한 역할을 하는데, 컴포넌트가 규칙없이 배치되어 있다면 가독성이 떨어지고 관리가 어려워진다. 리액트에서 컴포넌트를 presentational, container 로 나누는 것은 재사용성과 유지보수성을 향상시킬 수 있다. https://medium.com/@dan_abramov/.. 2021. 9. 27. 코드스테이츠 소프트웨어 엔지니어링 부트캠프 +70 추석연휴의 마지막이다. 월요일날 페어한테 airline-server express 가르쳐주기로 약속했기 때문에 잘 설명할 수 있도록 열심히 봤다. 설명해주려고 보다보니 눈에 안보였던 코드 흐름도 알 수 있었다. 감으로 알고있던 querystring과 params를 정리하였다. https://wnsdufdl.tistory.com/126 QueryString과 Params Querystring GET /airport?code={query} /airport?code=ICN 아래 코드와 브라우저 주소창에 타이핑한 결과를 살펴보자 const express = require('express'); const router = express.Router(); //[GET] /airport?.. wnsdufdl.tist.. 2021. 9. 26. 이전 1 ··· 116 117 118 119 120 121 122 ··· 151 다음 반응형
