일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
- CSS
- FigJam
- express
- github
- Stack
- react
- HTML
- FIGMA
- EC2
- TypeScript
- hook
- Next.js
- TAILWIND
- 코딩테스트
- grid
- useCallback
- 프로그래머스
- Babel
- Taillwind
- SSR
- 피그마
- docker
- axios
- useMemo
- webpack
- git
- 자료구조
- 해시
- Javascript
- render
- Today
- Total
목록SSR (3)
나는 오늘도 멋있다
1. 모든행동에는 목표를 정하고, 근거가 있어야 한다. 2. 문제가 발생하면 해결이아닌 원인을 찾아야 한다. 3. 다른사람의 관점을 고려 해야한다. 학습목적 저번 글 에서는 AWS에서 EC2 인스턴스를 생성하여, 간단한 설정을 하고 접속까지 진행했다. 그렇다면 서버를 사용해야 하기 때문에 환경을 구축하고 간단한 파일들을 SFTP를 이용해 전송해보려고 한다. 환경 구축은 JSP를 사용할 예정이다. JSP란? JavaServerPages의 약자로 Java 기반의 웹프로그래밍 언어이다. HTML내에 자바 코드를 삽입하여 웹 서버에서 동적으로 웹페이지를 생성하여 웹 브라우저에 돌려주는 서버 사이드 스크립트 언어이다. JSP 환경구축 Server Update 인스턴스에 접속한 상태에서 현재 시스템에 설치된 버전들..
하루를 꼬박 작성한글이 날아갔다... 임시저장을 해뒀는데 다른글을 보고오니 날라가버렸다 .... ㅠㅠ 다시썻다. Next.js란?NextJS는 React 기반의 웹 프레임워크이다. React 애플리케이션을 더쉽게 구축하고 서버 측 렌더링(SSR), 정적 사이트 생성(SSG), API라우팅 등의 기능을 제공며, 여러 빌딩 블록을 제공한다. 페이지 시스템페이지 기반의 라우팅 시스템을 가지고 있다. pages 디렉토리에 있는 각 파일은 하나의 페이지를 나타낸다.(파일 경로 및 파일 이름)서버측 렌더링(SSR)기본적으로 서버측 렌더링을 제공하며, 페이지를 서버 측에서 사전렌더링 할 수 있다.정적 사이트 생성(SSG)빌드 시간에 페이지를 미리 생성하여 정적 파일로 제공할 수 있다.클라이언트 측 라우팅클라이언측 라..
[학습계기] NextJS를 학습하려다가 너무 돌아갔다가 지금 도착했다.. Webpack을 공부하고, module의 차이점을 비교하였다. 단순히 NextJs만 사용해서 SSR을 단순히 구현할 수 있지만 NextJS가 React의 프레임워크 인데 React로는 SSR을 구현할수 없을까? 라는 의문점과 NextJS 의 편의성을 좀더 직관적으로 느껴보고 싶어서 React로 SSR을 구현해보고 싶었다. 이것저것 고생도 했지만 해보길 잘한 것 같다. [클라이언트 설정] 1. react & typescript 패키지 설치 npm i react react-dom react-router-dom npm i -D typescript @types/react @types/react-dom 2. 기본파일구성 /* src/cli..