마우스 호버 시 정보

안녕하세요 keon lee님 이정환입니다.말씀 주신 것처럼, 강의 중에 제가 코드 위에 마우스를 올려서 타입 정보가 뜨는 기능은 VS Code가 기본으로 제공하는 TypeScript 언어 기능입니다. 그래서 자바스크립트에서는 잘 나오는데 타입스크립트에서만 안 나온다는 건, 보통 설정이나 프로젝트 인식 쪽에서 문제가 생겼을 가능성이 큽니다.질문에 첨부해주신 AI 인턴 답변에서 안내해준 내용들(내장 TypeScript 확장 기능 활성화, tsconfig.json 확인, VSCode 설정 초기화, TypeScript 버전 선택 등)을 한 번씩 확인해 보신 건지 궁금합니다. 혹시 아직이라면, 그 네 가지를 먼저 차례대로 한 번씩 점검해 보시는 걸 추천드려요. 만약 다 확인하셨음에도 문제가 있으시다면 답글로 알려주세요

51. (6.11) 회원가입시 프로필 정보 자동 생성하기

안녕하세요 호기쿤님 이정환입니다.우선 말씀하신대로 maybeSingle 메서드를 활용하시는 방법도 좋은 것 같습니다. 보다 직관적으로 느껴지는 부분도 확실히 있는것 같아요강의에서 에러 코드(PGRST116)를 확인하는 구조로 구현한 이유는, 단순히 프로필 생성 여부만 구분하려는 목적뿐 아니라 학습 과정에서 PostgREST의 응답 형태와 에러 코드를 이해하는 경험을 제공하고 싶었기 때문입니다. Supabase는 내부적으로 PostgREST를 기반으로 동작하는데, select 결과가 없을 때 116번 에러를 내려주는 구조를 알면 이후에 더 복잡한 API 응답을 다룰 때 도움이 됩니다. 그래서 실무에서 종종 쓰이는 방식 중 하나인 “에러 코드 기반 분기 처리”도 함께 보여드리고 싶었습니다.

실무에서는 어떤 React Router 패턴을 사용하나요?

안녕하세요 미야옹님 이정환입니다.글쎄요 ..! 실무라고 해서 라우팅의 방식이 크게 달라지는 것은 아니라서 프로젝트 스타일, 서버 연동 방식, 팀의 코드베이스에 따라 모두 달라집니다. 어느 한 쪽이 더 많다 적다에 대한 통계나 지표도 없는걸로 알고 있습니다 😀저는 보통 선언적 모드로만 활용합니다

vite으로 리액트 빌드하기를 업데이트해주세요.

안녕하세요 이정환입니다.네 현재 계획중에 있습니다. 26년 내로 완료될 수 있도록 노력하겠습니다!다만 CRA로 생성한 React App과 Vite로 생성한 React App의 TypeScript 적용 방법이 다르지 않기에 Vite로 프로젝트를 생성하신 다음 강의 커리큘럼과 동일하게 진행하셔도 됩니다 😀

18번 강의 듣는중에 문의드립니다.

안녕하세요 이정환입니다. 앗 다른 질문에서 확인하셨군요! 네 현재 한입 리액트 커리큘럼에는 서버 데이터 페칭 관련된 개념은 포함되어 있지 않습니다 🥲 향후 개정시에 추가하도록 하겠습니다!

Todo구현중 memo함수에 대해서

안녕하세요 최어진님 이정환입니다.체크박스를 클릭한 TodoItem에만 콘솔이 출력되어야 하는데 뭔가 문제가 있는 것 같습니다.질문 가이드라인으로 안내해드리고 있는 것 처럼 정확한 문제의 원인을 파악하기 위해서는 전체 프로젝트 코드를 GitHub 혹은 구글 드라이브 링크로 전달해주시면 직접 살펴보겠습니다

Tailwind CSS IntelliSense 작동이 안되요...

안녕하세요 이정환입니다.전체 프로젝트 코드를 깃허브 혹은 구글드라이브 링크로 전달해주시면 정확한 원인 파악이 가능할 것 같습니다. 확인 부탁드리겠습니다.

플러그인 질문

안녕하세요 이정환입니다.해당 플러그인은 Error Lens입니다

next.js 는 핸드북 없나요?

안녕하세요 dorasir님 이정환입니다.Next.js 강의에서는 핸드북이 제공되지 않습니다. 교안이 제공될 경우 제작 기간과 리소스 소요가 많아지기에 유사한 플레이타임의 평균가(10~20만원 수준)과 동일한 가격 책정이 불가피하다고 생각했습니다. 이에 가격을 합리적인 수준으로 낮추고 핸드북을 제공하지 않는 방향으로 강의를 제공중입니다 🥲대신! 한입 Next.js 도서를 교보문고와 Yes24에서 판매중입니다. https://product.kyobobook.co.kr/detail/S000217191723

크롬 콘솔창 관련 질문 드립니다

안녕하세요 bitt2580님 이정환입니다.올려주신 사진으로 보아 콘솔탭은 정상적으로 나타나는걸로 보이는데, 끄기-켜기 버튼을 눌렀을 때 OFF, ON 메세지가 잘 안나타난다는 말씀이실까요?그렇다면 아래의 사항을 점검해보셔야 할 것 같습니다.Bulb 컴포넌트에서 console.log(light)가 강의와 동일한 위치에 정상적으로 작성되어 있는지올려주신 console 탭에 "2개 숨김"이라는 표시가 나와있는데 혹시 특정 필터를 적용하신 상태는 아닌지 -> 새로운 크롬 계정 혹은 사파리나 엣지 등의 브라우저에서는 잘 동작한다면 특정 필터가 적용되어 있는 상태일 가능성이 높습니다.위 두 사항을 확인해보셨음에도 동일한 문제가 발생한다면 다시 답글 부탁드립니다. 그때에는 전체 프로젝트의 코드도 깃허브나 구글드라이브를 통해 링크 형태로 첨부 부탁드릴게요 😀