REACT
1.React_ 개발환경 구성(yarn create react-app)
* 🚨 React 개발환경을 구축하기전에 node.js가 먼저 설치되어있어야 합니다* 1️⃣ node.js 확인하기 터미널 에 아래의 명령어를 입력하세요** version 값이 나오면 React 개발환경구성을 시작하면 됩니다 만약 결과값이 출력되지 않을 경우 설치
2.React_기본개념
💡 리액트 기본 개념 📌 리액트란? 리액트(React)는 페이스북(현재 Meta)에서 개발한 JavaScript 라이브러리로, 주로 사용자 인터페이스(UI)를 구성하는 데 사용됩니다. 리액트의 주요 특징은 컴포넌트 기반 개발입니다. UI를 여러 개의 독립적인 컴포
3.React_프로젝트 생성과 기본 설정 자동화 가이드 🌟
React 파일 폴더를 생성하는 과정의 번거로움을 줄여주기 위해서 강사님이 React 패키지 자동설치 를 만드셔서 뿌려주셨댜 🥹 📌 패키지설치 1️⃣ 터미널 열기 원하는 디렉토리에서 터미널을 엽니다. 2️⃣ 패키지 설치 명령어 실행 권한 제한 오류 발생시 아래 명령어 실행 3️⃣ 프로젝트 생성 설치 완료 후, 아래의 명령어를 실행하여 프로젝트 ...
4.React_기본 개념 정리 (props, state, 이벤트 처리 및 날짜 처리)
🔎 props 여러 개의 변수를 하나의 객체로 묶어서 자식 컴포넌트에 전달하는 방식으로 여러데이터를 하나의 객체로 전달 부모 컴포넌트에서 자식 컴포넌트로 값을 전달할 때 {}를 사용하여 JavaScript 표현식을 전달 구조 분해 할당(destructuring)을 통
5.📚 최종 스프링 프로젝트: React와 연동하기
React와 Spring 프로젝트를 연결하는 과정을 단계별로 정리해 보았다👩🏻💻 1️⃣ Spring 컨트롤러 파일 생성 ✅ 컨트롤러 파일 생성 Spring 프로젝트에 React 뷰(화면)와 연결할 컨트롤러 파일을 만들어줍니다. 📂 src/main/java/com/example/controller에 컨트롤러 파일을 생성하세요. ✅ 파일 생성 후...
6.create-react-app 대신 Vite! React 프로젝트 만들기 🚀
👩🏻💻 리엑트 공부하면서 vite로 프로젝트 생성법을 알게되었다. 기존에 많이 사용되던 create-react-app은 더 이상 권장되지 않으며, 대신 Vite를 이용해 더 빠르고 효율적으로 프로젝트를 생성할 수 있다.🚀 1️⃣ 프로젝트 폴더 생성 & Vit