새 프로젝트를 생성해서 Git에 추가해 보았는데 Git이 설치되어 있지 않아서 설치를 해보았습니다.
저는 git 사이트에 가서 다운받았습니다.
계속계속계속.. 본점으로 쓸거니까 여기 아래에서 확인중입니다.
나중에 창문을 사용할 것이기 때문에 바닥도 확인하겠습니다.
이 두가지는 잘모르겠지만 확인후 설치해보세요
git bash를 실행해서 전역적으로 등록을 해봤는데 제 깃허브 닉네임으로 등록이 되어 있습니다.
git config –global user.email을 입력하여 이메일도 등록되었는지 확인합니다.
cd: 파일 경로 입력 후
git init을 작성하면 파일 안에 .git 파일이 생성됩니다.
git add로 모두 추가 한 후.
git status로 상태를 확인하면 새 파일이 생성되었음을 알 수 있습니다.
git commit -m “react project init”는 Git에 커밋합니다.
Git의 저장소에 빌드한 내용을 Git Bash에 작성하기만 하면 되지만 필수 항목은 이전에 완료되었습니다.
git branch -M main 없이 2줄 아래
git remote add origin https://github.com/sangsanggoo/AWS_ReactStudy_20230324.git
git push -u origin main두줄 입력하면
github에서 업데이트했을 때 git에 추가된 것을 확인했습니다.
– 클론 –
복제하려는 폴더에서 git bash를 연 후
git colone -b 기본 git 주소
이렇게 하면 클론이 됩니다.
모듈 파일이 없어서 복제할 때
vscode 또는 git bash에서 경로를 지정하고 npm update를 입력하면
package.json 파일을 기반으로 모듈 파일을 생성합니다.
그런 다음 해당 폴더에서 작업할 때 github에 업로드할 수 있습니다.
– 리액트 자동완성 –
세금 이동 피
settings.json 입력 후
“emmet.syntaxProfiles”: { “자바스크립트”: “jsx” },
“emmet.includeLanguages”: { “자바스크립트”: “html” }
들어갈 때
자동 완성이 완료됩니다.
라우터
rmp add respond-router-dom을 입력하여 설치합니다.
그런 다음 index.js에서 브라우저 라우터가 자동 완성되는지 확인합니다.
React 공부에 필요한 확장 프로그램
0. vscode-styled-componets 이것은 단지 반응하는 경우에 필요합니다.
1. 자동으로 가져오기
자동으로 불러오는 프로그램
2. Reactjs 코드 조각
화살표 함수를 자동으로 생성해주는 확장 기능
3. 에스린트
문법을 자동으로 교정해주는 확장기능
4. 더 예쁘다 – 코드 포맷터
보기 좋게 만드는 확장 기능
라우터 사용
경로와 경로가 app.js에 작성되면 자동으로 가져와 사용할 준비가 됩니다.
app.js에서
경로 경로 지정 = “/t1/test” 및
구성 요소에
Test1 함수를 삽입하면
이 페이지와 같은 별도의 페이지에서 발생하는 것 같습니다.