본문 바로가기

Framework/React

리액트 프로젝트 생성
Framework/React 2025. 1. 3. 리액트 프로젝트 생성 ** npm(node pakage manager) : Node.js 프로젝트에서 다양한 오픈 소스 라이브러리 설치** npx(Node Package eXecute) : 라이브러리가 아닌, 프로그램 형태로 동작하는 패키지의 가장 최신 버전을 찾아내 설치-> npm는 npm 5.2.0 버전부터 새로 추가된 패키지 실행 도구 리액트 프로젝트 만들기리액트 웹 애플리케이션은 CRA(create-react-app)라는 프로그램이름으로 Node.js 프로젝트를 생성해 제작한다.$npx create-react-app 프로젝트이름 --template typescript 리액트 프로젝트 구조 1. 프로젝트 루트 디렉토리- node_modules/ : 프로젝트의 모든 의존성 패키지가 저장되는 폴더- pakage.json :..
리액트 프레임워크 이해하기
Framework/React 2025. 1. 2. 리액트 프레임워크 이해하기 리액트(React)란?오픈소스 자바스크립트 프레임워크로,가상 DOM(Document object model)과 JSX(Javascript XML)라는 방식으로 동작한다. ** 프론트엔드 개발 : 웹 브라우저를 대상으로 사용자에게 보여지는 부분** 백엔드개발 : 프론트에서 요구하는 데이터를 제공(서버 등) 리액트 = 프론트엔드 JS 프레임워크 싱글 페이지 애플리케이션(SPA)이란?** 웹 서버 : 웹 브라우저가 HTTP 프로토콜을 통해 요청하는 다양한 유형의 자원을 제공** 랜더링(rendering) : 웹 서버에서 보내온 HTTP 응답 데이터를 사용자가 볼 수 있도록 웹 페이지 화면에 보여줌멀티 페이지 애플리케이션(MPA)웹 페이지는 처음 응답받은 자원을 랜더링한 뒤 사용자가 다시 다른 자원을 요청하면..

티스토리툴바