無제

🔶 Create React App(CRA) 🔶React 애플리케이션을 빠르게 시작할 수 있도록 개발 환경을 자동으로 구성해주는 공식 툴체인. ◼️ 필요 이유eact 프로젝트를 처음 만들 때는 Babel, Webpack, ESLint 등 다양한 개발 도구를 직접 설치하고 설정해야 한다.CRA는 이러한 복잡한 설정을 미리 제공하기 때문에, 개발자는 환경 설정 대신 React 개발에 바로 집중할 수 있다. ◼️ 주요 특징빠른 프로젝트 생성: 명령어 하나로 React 개발 환경을 구성한다.설정 자동화: Babel, Webpack, ESLint 등이 기본 설정되어 있다.개발에 집중: 복잡한 환경 설정 없이 바로 코딩 시작 가능하다. ◼️ 설치 방법방법 1️⃣ : 현재 디렉토리에 생성 (추천)이미 프로젝트 폴더..

1️⃣ VS Code 세팅하기 1-1. React 프로젝트 디렉터리프로젝트를 생성할 작업 폴더를 미리 만들어 둔다.C:\Users\사용자명\Downloads\react-app 사용자명은 자신의 Windows 계정명으로 변경하면 된다. 🔗 my directory setting 🔗https://yo-u-loo.tistory.com/151 my directory setting개발을 시작하기 전에 프로젝트와 프로그램을 저장할 디렉터리를 미리 정리해 두면 관리가 훨씬 편리하다.에디터, 데이터베이스(DB), 프로젝트, 서버, 라이브러리 등을 일정한 위치에 저장하면yo-u-loo.tistory.com 1-2. VS Code 실행 1-3. 작업 폴더 열기VS Code에서 생성한 작업 폴더를 연다.상단 메뉴 Fi..

🔶 Node.js 🔶JavaScript를 웹 브라우저 환경이 아닌 곳에서도 실행할 수 있도록 해주는 실행 환경(Runtime Environment).기존에는 JavaScript가 주로 웹 브라우저 내부에서 동작하며, 웹 페이지의 동적인 기능을 구현하는 용도로 사용되었다.하지만 Node.js의 등장으로 JavaScript는 브라우저 밖에서도 실행이 가능해졌고, 이를 활용해 웹 서버를 구축하거나 다양한 애플리케이션을 개발할 수 있게 되었다.즉, Node.js는 JavaScript의 활용 범위를 넓혀 하나의 언어로 프론트엔드와 백엔드 개발을 모두 할 수 있는 환경을 제공하는 기술이다. ◼️ 주요 특징비동기 이벤트 기반 처리: 비동기 이벤트 기반 방식을 사용하여 여러 요청을 동시에 효율적으로 처리할 수 있다..

개발을 시작하기 전에 프로젝트와 프로그램을 저장할 디렉터리를 미리 정리해 두면 관리가 훨씬 편리하다.에디터, 데이터베이스(DB), 프로젝트, 서버, 라이브러리 등을 일정한 위치에 저장하면 프로젝트를 관리하기 쉽고 작업 효율도 높아진다. 🟡 Backend 프로젝트1️⃣ 작업용 폴더 생성먼저 C:\ 드라이브 아래에 작업용 폴더를 생성한다.C:\mynamemyname은 자신의 이름이나 원하는 폴더명으로 변경하면 된다.자주 사용하는 폴더이므로 즐겨찾기(빠른 실행)에 추가해 두는 것을 추천. 2️⃣ 프로젝트 폴더 생성프로젝트를 저장할 폴더를 생성한다.C:\myname\workspace이 폴더에는 앞으로 진행할 프로젝트들을 저장한다. 3️⃣ 데이터베이스 폴더 생성데이터베이스 관련 파일을 저장할 폴더를 생성한다.C..

🔶 React 🔶 사용자 인터페이스(UI)를 구축하기 위한 JavaScript 라이브러리. Meta(구 Facebook)에서 개발했으며, 컴포넌트(Component) 기반으로 UI를 효율적으로 구성하고 관리할 수 있도록 설계되었다. ◼️ 주요 특징높은 성능: Virtual DOM을 활용하여 변경된 부분만 효율적으로 렌더링하므로 빠른 사용자 경험(UX)을 제공한다.불필요한 화면 갱신을 줄여 애플리케이션의 성능을 향상시킨다.재사용성: 컴포넌트(Component) 기반 구조를 사용하여 동일한 UI 요소를 여러 곳에서 재사용할 수 있다.코드의 중복을 줄이고 유지보수를 쉽게 할 수 있다.커뮤니티 지원: 전 세계적으로 많은 개발자가 사용하고 있어 다양한 오픈소스 라이브러리와 참고 자료를 쉽게 찾을 수 있다.문..