react (2) 썸네일형 리스트형 React 프로젝트에 Redux 적용하기 : Redux란?? 다음 Redux는 React.Hook 타입을 기본으로 적용하였습니다. 리액트에는 데이터를 전달하는 요소들이 다음 표와 같이 있습니다. 구분 설명 프로퍼티 상위 컴포넌트에서 하위 컴포넌트로 전달되는 읽기 전용 데이터입니다. state 컴포넌트의 state를 저장하고 변경할 수 있는 데이터입니다. 컨텍스트 부모 컴포넌트에서 생성하여 모든 자식 컴포너넌트에 전달하는 데이터입니다. 리덕스 서버에서 받은 데이터를 앱 전체에 전달하거나 관리합니다. 컨텍스트와 리덕스가 서로 비슷해 보일수 도 있다. 최상위 컨텍스트에서 서버에서 요청하고 데이터를 핸들링하는 로직을 넣으면 리덕스이기 때문이다. 하지만 리덕스는 라이브러리를 제공하면서 편리한 기능들을 제공한다. 리덕스는 어떻게 동작할까? - 컴포넌트는 dispatch() .. 렌더링의 변화과정 렌더링변화과정 렌더링은 인터넷이 만들어지는 시대에서부터 지금까지 여러 변화를 거치면서 지금의 웹 사이트 형태가 만들어졌습니다. 오늘은 웹 생태계가 어떠한 변화 과정을 바뀌어왔는지 알아보겠습니다. Static Sites 가장 기본적인 사이트 정적 사이트입니다. 정적 사이트란 어미 그대로 URI 요청시 HTML 문서자체를 브라우저에 주는 페이지입니다. 모든 페이지 메뉴들을 HTML하나로 만들어야하는 단점도 존재하지만 HTML,CSS,JavaScript, 이미지 등의 정적 파일만 CDN 등을 통해서 배포하면 별도의 서버를 운영할 필요도 없고 서버에 과부하도 동적페이지에 비해서 적습니다. 페이지내에서 다른 링크를 클릭하면 서버내에서 다른 Document 파일(html)을 가져와야합니다. Iframe 이러한 정적.. 이전 1 다음
