react
-
SSR vs CSR 구분 및 개발 방법을 알아보자!Web 2025. 4. 29. 14:17
✅ SSR (Server Side Rendering) vs CSR (Client Side Rendering)📌 SSR (서버사이드 렌더링) 개념: 서버에서 HTML을 완성해서 클라이언트에 전달 예시: Next.js, JSP, Thymeleaf 특징: 초기 로딩 속도 빠름, SEO 유리, 서버 부담 높음✔️ 개발 방법 (React - Next.js)// pages/index.tsxexport async function getServerSideProps() { const res = await fetch('https://api.example.com/data'); const data = await res.json(); return { props: { data } };}export default fu..
-
[TypeScript] tsconfig.json 알아보기Web 2022. 11. 23. 18:56
타입스크립트 형태로 프로젝트 생성을 하게 되면 root path 에 tsconfig.json 이라는 파일이 생성되어있을것이다. 이 파일의 목적은 타입스크립트 ts 파일들을 .js 파일로 변환할 때 어떻게 변환할 것인지 세부설정하기위한 설정파일이다. 기본적으로 생성되어있는 설정값으로 진행해도 되지만 어떠한 설정값이 있는지 알아볼것이다. 필자는 CRA(create-react-app) 을 통해서 타입스크립트용으로 프로젝트를 생성할때 tsconfig.json 기준으로을 시작을 한다. $ npx create-react-app ts_demo --template typescript 을 입력시 리액트 프로젝트가 생성된다. 위처럼 ts_demo 디렉토리를 가보면 tsconfig.json 가 생성되있을 것이다. // 기본..