코딩 배우는 중/React 7

CRA 중단? recoil 중단?

2월 13일 자로 기존에 구상하던 프로젝트를 진행하기로 하였다 프론트 부분 개발을 맡아 팀원들과 소통하며 만드는 첫 번째 프로젝트다그런데 처음 시작부터 고민할 게 한가득이다 기존에 내가 알고 있는 리액트 프로젝트 생성 방식은 create-react-app이다내가 알고있는 방법은 그것뿐이기에 CRA로 프로젝트를 생성하고 테일윈드 프레임워크를 적용하려고 하니 처음 보는 에러와 마주쳤다. 찾아보니 테일윈드 버전 4와 CRA 버전 5는 호환이 안 되는 것 같다고 한다 너무 최신 업데이트라 호환이 안되는건가라고 생각했는데CRA 지원이 중단되었다는 걸 보았다 이젠 next로 리액트 앱을 생성하거나 Vite를 사용하라고 하는데 난생 초면이다 next는 리액트의 프레임워크라고 들었는데 난 리액트도 못하는데 next를 ..

Netlify로 리액트 프로젝트 배포하기

npm run build build 파일 생성하기       2. 깃허브에 repository 생성 후 업로드 3. netlify 회원가입 화면에 보이는 Add new site 클릭    import an existing project       깃허브 선택후 연동하기 전체 연동을 선택하면 내 레파지토리가 전부 뜨는데 여기서 배포하고자 하는 파일 선택 설정하는 창이 뜨는데 다른 것 수정할 필요 없이 맨 하단에 있는   버튼만 누르면 된다그럼 이런 창이 상단에 뜨는데 조금 기다리면 오른쪽 처럼 링크가 생성된다링크로 접속하면 내가 만든 화면이 뜬다 사이드바에 있는 Site details에서 사이트이름도 수정가능하다   깃과 연동이 되어있기 때문에 깃에 push를 하면 자동으로 수정도 됨!

VScode에서 npm start 를 하자마자 발생해버린 오류

npm : 이 시스템에서 스크립트를 실행할 수 없으므로 C:\Program Files\nodejs\npm.ps1 파일을 로드할 수 없습니다. 자세한 내용은 about_Execution_Policies(https://go.microsoft.com/fwlink/?LinkID=135170)를 참조하십시오. 위치 줄:1 문자:1 + npm start + ~~~ + CategoryInfo : 보안 오류: (:) [], PSSecurityException + FullyQualifiedErrorId : UnauthorizedAccess 해당 경로에 가서 파일을 삭제하면 정상적으로 실행된다 .ps1이 안보인다면보기 탭에 있는 파일 확장명을 체크하면 된다 근본적인 해결론 파워셸을 관리자 권한으로 실행하여 실행 정책을 변..

create react app으로 리액트 프로젝트 생성하기

리액트 앱을 생성하는 방법1.  create react app2. next.js 렌더링 방식에서 차이가 있고 장단점이 조금 나뉘긴 하나 요즘에는 번갈아 사용하기도 한다고 함일단 create react app으로 생성하는 방법을 학습 후 next.js로 넘어간다! 가장 먼저 할일은 컴퓨터에 node.js 설치하기설치 후 cmd에서 버전 확인c드라이브에 폴더 생성 후 'npx create react app 프로젝트 이름'으로 프로젝트 생성!생성된 폴더로 들어가서 npm start를 했을 때 제대로 작동되는 사이트를 확인할 수 있다!뭔가 영어가 잔뜩 올라오지만 정상적으로 실행되니까 1차시 무사히 완료..!

'react-scripts'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는배치 파일이 아닙니다. / yarn : 이 시스템에서 스크립트를 실행할 수 없으므로 C:\Users\MSI\AppData\Roaming\npm\yarn.ps1 파일을 로드할 수 없습니다. 자세한 내용은 about_Execution_Poli cies(https://go.microsoft.com/fwlink/?LinkID=135170)를 참조하십시오.

npm install -save react-scriptsnpm start 시 실행됨 # 참고 사이트https://programmerplum.tistory.com/161