개인공부/기술면접대비3 Redux -상태관리 라이브러리이다. -컴포넌트들이 props없이 state 공유가능. store에 모든 state들을 모두 저장해두고 필요한곳에서 가져다가 빼서 쓰는 개념이다. 그래서 컴포넌트간 state공유가 편해진다. -리액트의 데이터 흐름은 단방향이기 때문에 부모 컴포넌트 레이아웃 안에 존재하는 자식 컴포넌트들은 부모 컴포넌트의 상태를 props로 전달받게 됩니다. (부모 자식 관계의 컴포넌트가 계속 깊어질수록 state관리가 어렵고 가독성이 떨어질것입니다. 즉 과도한 props drilling이 발생할것입니다) 컴포넌트들의 데이터 교류의 복잡성 등을 해결하기 위해 효율적으로 관리하는 방법이 필요하고 그래서 리덕스를 사용하게 됩니다. -주요 개념으로는 action, reducer, store, dispatc.. 2023. 11. 28. Rest API API ( Application Programming Interface ) -구글 맵 API, 카카오 비전 API 등 기존에 있는 응용 프로그램을 통해서 데이터를 제공받거나 기능을 사용하고자 할 때 사용하는 인터페이스 및 규격 을 말한다. -client와 server 사이에도 데이터와 리소스를 요청하고, 요청에 따른 응답을 전달하기 위한 메뉴판이 필요합니다. 이 메뉴판을 보고 client는 식당에서 식사를 주문하듯 server에 요청하고, 이에 대한 응답을 메뉴판에 있는 사진이나 음식에 대한 설명처럼 다시 server에서 client로 전송하게 됩니다. HTTP 프로토콜을 기반으로 요청과 응답에 따라 리소스를 주고받기 위해서는 알아보기 쉽고 잘 작성된 메뉴판이 필요한데, 이 역할을 API가 수행해야 한다.. 2023. 11. 23. SSR와 CSR Rendering 렌더링 -요청받은 내용을 브라우저 화면에 표시하는 작업. SSR ( server side rendering ) - 간단히 말하자면 제공하고자 하는 웹 서비스의 화면을 서버 측에서 그리는 방법을 통칭하는 용어이다. -서버로부터 완전하게 만들어진 html파일을 받아와 페이지 전체를 렌더링하는 방식 -서버에 페이지에 대한 요청을 하고 서버로부터 html, css, js파일 및 데이터를 전달받아 렌더링하는 방식입니다. => 서버에서 렌더링을 수행하는 방식 먼저 클라이언트가 초기 화면을 로드하기 위해 서버에 요청을 보냅니다. 그럼 서버는 화면에 표시하는데 필요한 데이터를 얻어와 모두 삽입하고 css까지 모두 적용해서 렌더링 준비를 마친 html과 js코드를 브라우저에 응답으로 전달합니다. 브라우.. 2023. 11. 23. 이전 1 다음
