전체 글 210

리액트>JSX 문법 1. html에 class 넣을 땐 className

JSX 문법 1. html에 class 넣을 땐 className 잘보면 평소에 짜던 html/css와 다른 부분이 있습니다.스타일을 주기 위한 class명을 넣을 때 class=" " 가 아니라 className=" " 이렇게 쓰는 부분이 좀 다른데 왜냐면 실은 App.js에 짜고 있는건 html이 아니라 JSX라고 부르는 이상한 언어라서 그렇습니다.   원래 리액트환경에서 하나 만들고 싶으면 자바스크립트로React.createElement('div', null) 이딴 식으로 어렵게 코드짜야합니다. 근데 그러면 유저들 다 도망가기 때문에 JSX라는 언어를 대신 사용합니다.JSX는 html과 사용방식은 비슷합니다.  근데 JSX는 일종의 자바스크립트라서 자바스크립트에서 사용하는 예약어인 class라는 키..

리액트 2024.07.11

리액트 다른 경로 설치에러 해결

방법 1: 시작 메뉴에서 관리자 권한으로 PowerShell 실행Windows 시작 메뉴를 엽니다."PowerShell"을 검색합니다.검색 결과에서 "Windows PowerShell"을 마우스 오른쪽 버튼으로 클릭합니다."관리자 권한으로 실행"을 선택합니다.방법 2: 파일 탐색기에서 PowerShell을 실행한 후 관리자 권한으로 승격파일 탐색기를 엽니다.D:\취학사\apple\리액트 폴더로 이동합니다.탐색기 상단 주소 표시줄에 powershell을 입력하고 Enter를 눌러 PowerShell을 엽니다.열린 PowerShell 창에서 다음 명령어를 입력하여 PowerShell을 관리자 권한으로 다시 실행합니다:sh코드 복사Start-Process powershell -Verb runAs이 명령어를 실..

리액트 2024.07.11

리액트>설치와 개발환경 셋팅

개발환경 셋팅 1. 구글에 Nodejs 검색해서 LTS라고 써있는 버전을 설치합시다. - 남자답게 숫자 높은 최신버전 써도 되는데 그로 인한 버그와 배포시 에러는 알아서 감수해야함- 설치 경로는 C드라이브 어쩌구 되어있는거 바꾸지말고 그대로 쓰는게 좋습니다.- 설치 중 chocolatey 어쩌구는 설치 안하셔도 됩니다. 2. Visual Studio Code 에디터도 구글에 검색해서 설치합니다.(기존 에디터 쓰셔도 되지만 터미널을 기존에 안다뤄본 분들은 필수) Q. 맥북은 다른가요? A. 다른거 없음    리액트 프로젝트 생성은    1. 작업용 폴더를 하나 만들어줍니다찾기좋게 바탕화면에 만드는게 어떨까요.     2. 폴더에 shift + 우클릭해서 여기서 powershell 열기를 누릅니다.맥북은 손..

리액트 2024.07.11