useEffect와 lifecycle문의

안녕하세요 공부하는이님 이정환입니다.1) 어떤 값이든 다 넣을 수 있습니다.2) 마운트란 엄밀히 말하자면 React.js 컴포넌트가 화면에 등장한 시점을 뜻합니다. 말씀하신대로 JavaScript 코드가 실행이 완료되어 HTML로 화면에 렌더링이 된 상태와 같은 의미로 볼 수 있겠습니다.3) 네 백엔드 서버로부터 데이터를 불러오거나 Console이 아닌 기타 로거 서비스를 이용해 특정 상황에서 로그를 기록해야 할 일이 있을때 사용합니다.

Next.js 사전렌더링 이해하기 부분

안녕하세요 kaeuhy님 이정환입니다.1.2 챕터에서의 서버는 React.js 웹 서버를 말합니다. 좀 더 구체적으로는 JavaScript로 작성해 둔 React.js 관련 파일들을 localhost:5173 혹은 localhost:3000번 주소로 제공하는 서버를 뜻 합니다.이에 대해서는 선수 강의인 한입 리액트에서 더 자세히 다루고 있으니 참고해보시면 좋을 것 같습니다 😀

프론트엔드 학습 수준 문의

안녕하세요 @V님 이정환입니다.우선 취업시장에서 요구하는 역량은 회사마다 매우 격차가 큽니다 🥲 따라서 회바회 일 수 있다는 점 미리 말씀드립니다.개인적인 제 생각으로는 강의에서 알려드리는 내용 이상의 학습과 프로젝트를 경험하셔야 경쟁력이 있을 것으로 예상됩니다. 제 React, TS 강의는 어디까지나 기초 핵심 개념을 위주로 다루고 있을 뿐 실전 상황에서 발생할 수 있는 다양한 케이스 까지는 소개해 드리고 있지 않습니다. 따라서 강의를 통해 기본기를 충분히 다지신 이후 해당 기본기를 이용하여 실제 유저가 사용 할 수 있는 상용 서비스를 만들어 꼭 운영까지 해 보시길 권장드립니다. 이런 실전의 경험에서 실제 프로덕트를 운용하고 유지보수하는 지식들을 알게 됩니다. 더불어 프론트엔드 지식 뿐만 아니라 백엔드, 인프라, DB, 디자인 등의 다양한 분야의 지식도 함께 섭렵하시길 권장드립니다. 물론 프론트엔드 지식 수준 만큼은 당연히 어렵겠지만 AI를 활용해 함께 프로젝트를 진행하고 꾸려나갈 만큼의 지식 수준은 꼭 필요하다고 생각합니다.

useMutation 적용 후 새로운 글 등록시 content가 안보여요

안녕하세요 powerwmj님 이정환입니다.정확한 원인 파악을 위해서는 전체 프로젝트의 코드가 필요할 것 같습니다. GitHub에 업로드하신 다음 링크로 공유해주시면 직접 살펴보겠습니다!

적절한 타입 찾기 React.ChangeEvent<HTMLInputElemen>

안녕하세요 kindjin12님 이정환입니다.네 말씀하신대로 처음부터 return 내부가 아닌 컴포넌트 안에 함수를 선언하실 경우 매개변수의 타입이 추론되지 않습니다. 이럴 때에는 return 문 내의 onChange 이벤트 핸들러에 (e)=>{} 처럼 빈 화살표 함수를 작성하신 다음 추론되는 e 매개변수의 타입을 먼저 확인하고 작업하시면 됩니다.

모달 관련 질문

안녕하세요 현석님 이정환입니다앗 .next 폴더가 꼬였나보네요 잘 해결되셨다니 다행입니다!!

리액트 챕터별 코드에서 eslint 설정파일이 없어요

안녕하세요 공부하는이님 이정환입니다.ESLint 옵션이나 포맷 관련 설정은 버전 업데이트에 따라 조금씩 변경될 수 있어서, 아래 그림처럼 강의 하단에 별도 안내 자료로 정리해 두고 있습니다.(사진) 또한 ESLint는 코드의 동작 자체에는 영향을 주지 않고 코드 스타일과 문법 검사 역할만 하기 때문에, 챕터별 코드에 설정파일이 없더라도 실행 결과나 학습에는 전혀 문제가 없습니다.

(5.12) 캐시 정규화 하기 1 질문

안녕하세요 김수로님 이정환입니다.네 말씀하신대로 리스트 페이지에서의 데이터와 상세 페이지에서의 데이터가 구조가 다르다면 강의에서 소개해 드린 방식대로 정규화 하는 것은 다소 효율적이지는 않을 것 같습니다.일단 정규화 한 뒤 상세 페이지에서 추가로 몇개의 필드를 불러왔을때 수동으로 저장된 캐시에 추가해주는 방법도 가능은 하나, 이러면 오히려 캐시 관리가 너무 복잡해져 다른 이슈가 발생할 수 있습니다. ㅠㅠ

outDir 옵션 추가 후 컴파일 오류 질문

안녕하세요 서회정님 이정환입니다.아이고 지난달 즈음 출시된 Typescript 6.0 버전에서 이런 변경점이 생긴 것 같습니다. 말씀하신대로 rootDir 설정이 필수로 자리잡게 되어서 rootDir을 "./src" 등으로 설정하시면 문제가 해결됩니다.참고로 dist 폴더는 TypeScript 컴파일러가 변환된 JavaScript 파일을 출력하는 용도로만 사용되기 때문에, 내부 경로 구조가 달라지더라도 실행에는 영향이 없습니다. 크게 신경 쓰지 않으셔도 괜찮습니다.변경된 사항을 강의에 빠르게 반영해두겠습니다 제보 감사합니다!

섹션3 Shadcn/ui 생성 시

안녕하세요 ggomsso 님 이정환입니다!아이고 제보 정말 감사드립니다. 동일한 문제를 겪으실 수강생 분들을 위해 아래와 같이 자동 메세지로 추가해 두었습니다. 향후 영상 업데이트도 진행하도록 하겠습니다 🙇‍♂(사진)