React app 설치 시 문제

안녕하세요, 소플입니다. 며칠 전 리액트 19 정식 릴리즈로 인해 현재 create-react-app이 제대로 작동하지 않습니다.일단 아래 명령어를 참고해서 Yarn 설치하고, Yarn을 사용해서 리액트 앱을 생성하고 진행해주세요!npm install -g yarn yarn create react-app my-app 감사합니다.

React 18.3.1 버전에서는 ReactDom에서 render할 수 없습니다.

안녕하세요, 소플입니다. 말씀해주신대로 리액트 버전18부터는 createRoot()를 사용하는 형태로 바뀌었습니다.동영상 강의에는 반영이 되지 않은 부분들이 있기 때문에,아래 리액트 버전18 기준의 실습 코드를 참고하여 실습 진행해주시기 바랍니다!https://github.com/soaple/first-met-react-practice-v18 감사합니다.

index.js를 수정 후 npm start를 하면 계속 포트running이라고 뜹니다

안녕하세요, 소플입니다. 기존에 터미널에서 애플리케이션을 실행하셨다면,기존 터미널에서 애플리케이션이 계속 돌아가고 있기 때문에 또 다시 실행하실 필요가 없습니다.만약 기존 애플리케이션이 실행 중인 상태에서 또 새롭게 실행하려고 하면,포트가 사용 중이기 때문에 다른 포트로 실행이 되는 것입니다.참고로 애플리케이션을 종료하려면 기존 터미널에서 Ctrl + C 를 누르시면 됩니다. 감사합니다.

jsx 실습 관련 오류 npm start를 해도 강사 화면처럼 안떠요.

안녕하세요, 소플입니다. index.js 파일을 제대로 작성하셨는지 확인해보시기 바랍니다.그리고 npm start는 원래 프로젝트 폴더 내에서 실행해야 하는 명령어 입니다. 감사합니다.

terminal에서 npx 명령어 입력해도 안떠요..

안녕하세요, 소플입니다. Node.js와 npm을 정상적으로 설치하셨는지 먼저 확인해보시기 바랍니다.정상적으로 설치되었다면 터미널에서 아래 명령어를 실행했을 때 버전이 나와야 합니다.npm --versionnpm을 정상적으로 설치했는데도 제대로 실행이 안 된다면,AI 인턴이 제안해준대로 사용하시는 터미널의 권한을 한 번 살펴보셔야 할 것 같습니다. 감사합니다.

redux 상태와 관련하여 질문드립니다

안녕하세요, 소플입니다.처음 createStore() 함수를 사용해서 Store를 생성하는 과정에서,초기 state를 생성하기 위해서 파라미터로 받은 reducer가 한 번 호출 됩니다.그리고 처음 호출 될 때는 counter() 함수에 아무런 파라미터를 넣지 않은 상태로 호출하기 때문에,state가 undefined이 되고 결국 0이 리턴됩니다.이러한 과정을 통해 초깃 값이 0이 되는 것이라고 이해하시면 됩니다! 감사합니다.

render 함수에 관해 질문있습니다.

안녕하세요, 소플입니다. render() 함수 코드가 커질 경우 각 부분 별로 렌더링 함수를 적당히 분리하는 작업을 진행하게 됩니다.현재 실습하고 계신 부분은 리액트를 사용하지 않고 진행하고 있는데,리액트에서는 이렇게 분리된 각각의 render() 함수가 리액트 컴포넌트가 된다고 생각하시면 됩니다. 강의 후반부에서는 리액트를 사용해서 실습을 진행하기 때문에 아마 해당 실습을 진행하다보면 자연스럽게 이해가 되실 거라고 생각합니다.참고로 이렇게 컴포넌트 단위로 분리하게 되면 렌더링 측면에서도 효율적이고 재사용성도 올라가는 이점이 있습니다. 추가로 궁금하신 부분이 있다면 언제든지 질문 남겨주시기 바랍니다!감사합니다.

코드 오류시 참고하시면 될듯합니다.

안녕하세요, 소플입니다.해당 강의는 리액트 버전17을 기준으로 제작되었습니다.실습하실 때 아래 리액트 버전18 기준 코드를 참고하시면 좋을 것 같습니다!https://github.com/soaple/first-met-react-practice-v18 감사합니다.

섹션 4 npm start 하면 빈 화면만 나옵니다

안녕하세요, 소플입니다.제일 처음 첨부해주신 이미지에서 Book.jsx 파일과 Library.jsx 파일이 저장되지 않은 것으로 나오는데,혹시 파일을 제대로 저장하셨는지 먼저 확인해보시기 바랍니다! 감사합니다.

섹션 4 jsx 코드 실습 부분 index.js에서 자꾸 오류납니다

안녕하세요, 소플입니다.현재 어디까지 진행되신 상황인지 파악하기가 어려운데,Line 4:8: 'App' is defined but never used이 메시지는 App 컴포넌트를 정의하고 import 했지만 사용하지 않아서 뜨는 ESLint 경고문입니다. 감사합니다.