🤍 전 강의 25% 할인 중 🤍

2024년 상반기를 돌아보고 하반기에도 함께 성장해요!
인프런이 준비한 25% 할인 받으러 가기 >>

  • 카테고리

    질문 & 답변
  • 세부 분야

    프론트엔드

  • 해결 여부

    해결됨

리액트기초 yarn 설치 질문

23.07.17 22:08 작성 23.07.19 21:54 수정 조회수 400

0

*우분투안쓰고 윈도우로 이용중입니다. 

 

 

질문1.

강의자료 보면서 따라하는 중인데요.

강의자료에 나온 화면과 다르게 저는 style.thirteen도 없고 삭제부분을 삭제하면

오류가 많습니다.2.PNG

 

마찬가지로 첫번째 div인 container가 저는 애초에 존재하지않고 <>형식으로 되어있는데
따로 타이핑해서 만들어줘야하나요?1.PNG

 질문2:

3.PNG

버전:

4.PNG

 

강의자료에 나온것 외에도 전부 no하는게 맞나요?
잘따라가고 있는지 모르겠습니다 ㅠ

 

질문3:

2.PNG

저는 yarn dev를 해서 페이지에 접속하니 컴파일 실패가 뜨네요..

 

질문4:
3.PNG

혹시나 powershell로 설치한게 문제인건가 싶어서 폴더를 다 삭제하고 재생성후

gitBash를 사용해봤는데 yarn설치 명령어가 안먹히네요

1.PNG

그리고 powershell에선 먹히던 기본 명령어들이 Gitbash에선 안먹힙니다


어디서 부터 잘못된건지 막혀서 진도를 못나가고 있습니다. 도와주십쇼..

+ 실무에서 설치할때는 이런일이 발생하지 않으려면 신경써야 하는 것들이
어떤게 있을까요?


답변 2

·

답변을 작성해보세요.

0

안녕하세요! 현욱님!

nextjs 설치 버전이 업그레이드가 되면서, 설치가이드가 달라졌습니다!
아래 링크를 확인하여 설치를 완료해 주세요!

https://dingco.notion.site/Nodejs-npm-yarn-ad79400ecd1c4a4b989dcc0bd3666231

다음으로, 입력하신 Gitbash 명령어에 띄어쓰기가 들어가야 할 것 같아요!

cd ..    // cd와 ..사이에 한 칸 띄워주세요!

마지막으로 실무에서 설치할 때는, 개별적으로 설치하는 것이 아닌 팀의 가이드에 따라서 설치하게 되므로 걱정하지 않으셔도 됩니다!^^

0

인프런 AI 인턴님의 프로필

인프런 AI 인턴

2023.07.19

안녕하세요, 인프런 AI 인턴이에요.
제가 여러 질문들에 대해서 하나씩 답변해드릴게요.

  1. style.thirteen과 삭제부분: 저는 이 부분에 대한 자세한 내용을 알 수 없기 때문에 정확한 답변을 드리기 어렵습니다. 강의 자료와 환경 설정이 일치하지 않는 경우, 버전이 다른 경우에도 오류가 발생할 수 있습니다. 이 경우, 강의와 동일한 버전을 사용하는 것이 좋습니다. 어떤 오류 메시지가 나타나는지 확인하고, 해당 오류에 대해서 구글링하여 해결 방법을 찾아보세요.

  2. 버전: 강의 자료와 완전히 일치하지 않아도 괜찮을 수도 있습니다. 다만, 강의와 버전이 맞지 않는 경우에는 차이가 있을 수 있으므로 주의해야 합니다. 버전 간의 차이로 인해 일부 패키지, 구문 등이 변경될 수 있기 때문입니다.

  3. yarn dev 컴파일 실패: 컴파일 실패의 원인은 다양할 수 있습니다. 오류 메시지를 확인하여 어떤 부분에서 오류가 발생하는지 파악해야 합니다. 가능한 원인은 오타, 라이브러리 버전, 의존성 문제, 파일 경로 등이 있습니다. 오류 메시지를 자세히 읽어보고 구글링을 통해 해결 방법을 찾아보세요. 또한, 컴파일 실패와 관련하여 환경 설정에 유의해야 합니다.

  4. PowerShell과 Gitbash: PowerShell과 Gitbash는 각각 다른 셸 환경을 제공하기 때문에 명령어가 호환되지 않을 수 있습니다. PowerShell에서는 동작했던 기본 명령어가 Gitbash에서는 동작하지 않을 수 있습니다. 강의에서는 우분투를 사용하고 계셨는데, 윈도우에서는 Gitbash를 사용하시는 것이 좋습니다.

프로그래밍 환경은 매우 다양하고 개발 환경마다 차이가 있을 수 있습니다. 강의에서 사용하는 환경과 실무에서 사용하는 환경이 다를 수 있으므로 실무에서는 개발 환경을 설정하는 데에 더 신경써야 합니다. 실무에서는 기존에 작성된 코드나 라이브러리와의 호환성, 버전 관리 등을 고려하여 개발 환경을 설정해야 합니다.

더 자세한 내용이나 오류 메시지가 있으면 공유해주시면 더 정확한 답변을 드릴 수 있을 것 같아요. 도움이 되셨길 바랍니다. 좋은 결과 얻으시길 기도하겠습니다.

전현욱님의 프로필

전현욱

질문자

2023.07.19

그렇다면 yarn설치부터 emotion~Anxios까지 설치하는 모든 부분이 vscode에 설치한

Gitbash 로 해야하는 건가요? 하지만 저는 vscode의 Gitbash가 cd나 sudo같은 기본적인 명령어조차 작동을 하고있지 않은 상황입니다. vscode의 powershell은 명령어가 정상 작동하고있어요..ㅠ

채널톡 아이콘