NodeBird 복습

NodeBird 복습/React

react nodeBird 1-1(antd 이용하기)

AntDesign 기본적인 디자인을 사용하기 위해 오픈소스인 ant design을 이용합니다. https://ant.design/ Ant Design - The world's second most popular React UI framework ant.design 설치방법은 터미널에 npm i antd를 통해 설치할 수 있습니다. antd를 통해 그리드 시스템도 설정할 수 있습니다. 모바일, 태블릿, 데스크탑 환경은 모두 다 각자 다르기 때문에 각 플랫폼 화면에 맞게 웹페이지를 나타낼 수 있는 기능을 지원합니다. 1. 구성할 때에는 크기가 작은것부터 시작해서 큰것 순으로 작업을 해야합니다. 이유는 데스크탑 환경부터 시작하면 브레이크포인트 설정이 힘들 수 있기 때문입니다. 2. 가로(Row)를 먼저 나눈뒤..

NodeBird 복습/React

Next.JS

1. Next.JS란 ? 리액트의 SSR(Server Side Rendering)을 쉽게 구현할 수 있게 도와주는 프레임워크. 과거 웹사이들도 SSR을 지원했기에 페이지가 여러개로 구성된 Multi Page Form방식을 사용했습니다. 하지만 스마트폰의 등장으로 인해 웹페이지들의 최적화에 대한 문제점이 나타나기 시작했습니다. 그래서, Angular, Vue, React 같은 프레임워크들이 생겨나기 시작했고, CSR(Client Server Rendering)이 가능한 SPA(Single Page Application)이 등장했습니다. 터미널에 아래 명령어를 통해 설치할 수 있습니다. npm i next 2. 핵심기능 1) 코드스플리팅 일반적인 리액트에서는 초기 렌더링 때 모든 컴포넌트들을 내려받습니다. ..

맑쇼
'NodeBird 복습' 카테고리의 글 목록 (4 Page)