728x90 JavaScript/React & Next.js3 [React] React 실행하기 이전 내용 [React] React 코드 작성하기 & package.json이전 내용 [React] React 설치 및 시작하기이번에 개인 프로젝트를 진행하게 되면서 React 를 처음 써보게 되었다. 먼저 react에 대해 알아볼 수 있는 도움되는 사이트를 찾아봐야 한다.https://ko.legacy.reapuppy-foot-it.tistory.comReact 앱 실행하기리액트의 진입점은 App.js 이므로, 메인 화면 (필자의 경우 main.js)을 실행하려면 App.js를 수정해야 한다. 1. App.js 파일 수정 App.js 파일 수정 방법main.js 컴포넌트 임포트: App.js 파일의 상단에 main.js 컴포넌트를 임포트.App 컴포넌트 내에서 사용: App 컴포넌트의 반환값(retur.. 2025. 8. 9. [React] React 코드 작성하기 & package.json 이전 내용 [React] React 설치 및 시작하기이번에 개인 프로젝트를 진행하게 되면서 React 를 처음 써보게 되었다. 먼저 react에 대해 알아볼 수 있는 도움되는 사이트를 찾아봐야 한다.https://ko.legacy.reactjs.org/tutorial/tutorial.html 자습서: Reactpuppy-foot-it.tistory.comReact 코드 작성하기React 프로젝트의 코드는 일반적으로 src 폴더 내에 작성한다.create-react-app으로 프로젝트를 생성하면, 기본적인 파일 구조가 만들어지는데, src 폴더가 React 애플리케이션의 모든 소스 코드를 담는 곳이다. 기본적인 src 폴더 구조React 프로젝트를 생성했을 때 src 폴더 안에는 다음과 같은 파일들이 포함.. 2025. 8. 9. [React] React 설치 및 시작하기 이번에 개인 프로젝트를 진행하게 되면서 React 를 처음 써보게 되었다. 먼저 react에 대해 알아볼 수 있는 도움되는 사이트를 찾아봐야 한다.https://ko.legacy.reactjs.org/tutorial/tutorial.html 자습서: React 시작하기 – ReactA JavaScript library for building user interfacesko.legacy.reactjs.orgreact를 위한 IDE - vscode그리고 중요한 것!'react를 위한 IDE는 뭘 써야하나' 인데, 가능하다면 편의상 vscode 를 사용하고 싶다.다행스럽게도 react는 vscode에서 사용이 가능하다.Reac 환경 구축 및 실행: VS-Code [React] 환경 구축 및 실행 (Node.j.. 2025. 8. 9. 이전 1 다음 728x90
