데이터를 그리기 위한 Front_End : React & Next
1.데이터를 그리기 위한 Front_End 공부하기 : Next.js 학습 로드맵.
1-1. React 위에서 동작하는 프레임워크1-2. Zero-Config 철학2-1. CSR(Clinet Side Rendering)2-2. SSR(Sever Side Rendering)2-3. SSG(Static Site Generation)2-4. ISR(Incr
2.데이터를 그리기 위한 Front_End 언어 공부하기 : React 학습 로드맵.
📙 React는 왜 등장했는가? (MVC 한계와 컴포넌트 기반의 필요성)📙 Virtual DOM vs Real DOM📙 선언형 UI vs 명령형 UI📙 SPA와 CSR의 차이점📙 Node.js, npm/yarn 설치 및 관리📙 React 프로젝트 초기화 (V
3.데이터를 그리기 위한 Front_End 언어 공부하기 : React _ 01
[ FrontEnd ] 프론트엔드 언어 공부하기 : React 01 = React란 무엇인가?? ▽ React _ 01 = React란 무엇인가?? React. React란, 사용자가 인터페이스를 구축하기 위한 선언적이고 효율적이며 유연한 JS 라이브러리.
4.데이터를 그리기 위한 Front_End 공부하기 : React _ 02 == React.js vs Next.js [CSR vs SSR / SPA vs MPA / 리액트 라우터(React-Router)]
React.js는 JavaScript 라이브러리로, 주로 웹 애플리케이션의 인터랙티브한 사용자 인터페이스를 구축하는 데 사용됩니다. Next.js는 리액트 기반의 프레임워크로,Server-Side Rendering (SSR)과 Static Site Generation
5.데이터를 그리기 위한 Front_End 언어 공부하기 : React _ 03 == API에 대해서 이해해보기.
[ FrontEnd ] 프론트엔드 언어 공부하기 : React 03 == API에 대해서 이해해보기. ▽ React _ 03 == API에 대해서 이해해보기. 1. API 기본 개념 이해. 1.1 API 정의와 목적. API란 무엇인가? (Applicatio
6.데이터를 그리기 위한 Front_End 언어 공부하기 : JS _ 01 == 콜스택(CallStack)
[ FrontEnd ] 프론트엔드 언어 공부하기 : JS 01 == 콜스택(CallStack) ▽ JS _ 01 == 콜스택(CallStack) ★자바스크립트(JS) 자바스크립트는 '단일 - 스레드' 언어로, 한 번에 하나의 작업만 처리(단일 호출 스택)할 수
7.데이터를 그리기 위한 Front_End 언어 공부하기 : React 프로젝트의 폴더 구조 _ FSD(Feature-Sliced Design) 아키텍쳐.
Feature-Sliced Design(FSD) 은대규모 프론트엔드 애플리케이션(특히 React 기반)의 구조를 "기능 단위로 구조화"하는 아키텍처 패턴.!직역하면 "기능 분할 설계"입니다.간단히 말하면, 코드를 조직적으로 구성하기 위한 규칙과 관계의 모음.“기능(f