winterlood
@winterlood
受講生
39,359
受講レビュー
2,990
講義評価
4.9
웹 프론트엔드 한 입 크기로 잘라먹어 볼까요?!
안녕하세요 🙇♂
저는 무엇이든 쉽고 재미있게 설명할 방법이 있다고 믿는 사람이자
세상에서 가장 따뜻한 개발자 커뮤니티를 만들고자 하는 사람입니다.
📚 도서
📹 강의
한 입 크기로 잘라먹는 Next.js
한 입 크기로 잘라먹는 타입스크립트
한 입 크기로 잘라먹는 리액트
講義
受講レビュー
- 一口サイズでかじり取るReact.js:基礎から実践まで
- 一口リアクト実践ライブラリキット - Zustand, Tanstack Query, TailwindCSS
- 一口サイズで切って食べるReact.js実践プロジェクト - SNS編
- 一口サイズでかじり取るNext.js
投稿
Q&A
(5.12) 캐시 정규화 하기 1 질문
안녕하세요 김수로님 이정환입니다.네 말씀하신대로 리스트 페이지에서의 데이터와 상세 페이지에서의 데이터가 구조가 다르다면 강의에서 소개해 드린 방식대로 정규화 하는 것은 다소 효율적이지는 않을 것 같습니다.일단 정규화 한 뒤 상세 페이지에서 추가로 몇개의 필드를 불러왔을때 수동으로 저장된 캐시에 추가해주는 방법도 가능은 하나, 이러면 오히려 캐시 관리가 너무 복잡해져 다른 이슈가 발생할 수 있습니다. ㅠㅠ
- 0
- 2
- 22
Q&A
outDir 옵션 추가 후 컴파일 오류 질문
안녕하세요 서회정님 이정환입니다.아이고 지난달 즈음 출시된 Typescript 6.0 버전에서 이런 변경점이 생긴 것 같습니다. 말씀하신대로 rootDir 설정이 필수로 자리잡게 되어서 rootDir을 "./src" 등으로 설정하시면 문제가 해결됩니다.참고로 dist 폴더는 TypeScript 컴파일러가 변환된 JavaScript 파일을 출력하는 용도로만 사용되기 때문에, 내부 경로 구조가 달라지더라도 실행에는 영향이 없습니다. 크게 신경 쓰지 않으셔도 괜찮습니다.변경된 사항을 강의에 빠르게 반영해두겠습니다 제보 감사합니다!
- 0
- 1
- 36
Q&A
섹션3 Shadcn/ui 생성 시
안녕하세요 ggomsso 님 이정환입니다!아이고 제보 정말 감사드립니다. 동일한 문제를 겪으실 수강생 분들을 위해 아래와 같이 자동 메세지로 추가해 두었습니다. 향후 영상 업데이트도 진행하도록 하겠습니다 🙇♂(사진)
- 0
- 1
- 77
Q&A
6.8 zustand 세션 질문입니다.
안녕하세요 kin412님 이정환입니다.강의 소스코드로 확인해본 결과 다음과 같이 setSession 이후의 변경된 State가 잘 출력되어야 하는데, Redux Devtools의 버그로 보입니다 ... 🥲버그의 원인과 해결책을 정확히 알기 어렵기에 이처럼 확인이 잘 안되시는 경우 console.log를 이용하시는 편이 좋을 것 같습니다.(토큰 노출의 위험이 있어 누추하게 가린 점 죄송합니다)(사진)
- 0
- 2
- 62
Q&A
섹션2 tailwindcss 퀴즈에 대해서
안녕하세요 ggomsso님 이정환입니다.우선 제보 감사합니다. 그러나 이 퀴즈의 경우 제가 생성하는게 아닌 인프런 AI가 자동으로 생성하는 기능으로 제가 제거하거나 수정할수가 없습니다 🥲 인프런측에 문의 남겨보도록 하겠습니다.
- 0
- 2
- 45
Q&A
데이터 로딩중 화면만 계속 나와요!!
안녕하세요 정우경님 이정환입니다.코드상 그리 특별한 부분은 보이지 않는데, 아마 로컬스토리지 내 데이터가 잘못된 양식으로 저장되어 있을 수 있으니 체크해보시면 좋을 것 같습니다. diary 이름으로 저장해둔 데이터를 아예 제거하신다음 새로고침하시면 문제 없이 작동할 것으로 예상됩니다.추가로 이런 부분까지 방지하고 싶으시다면 App 컴포넌트의 useEffect내에 try-catch 문을 배치하여 데이터 로딩 과정에서 오류가 발생해도 setIsLoading(false)가 무조건 실행되도록 처리해 주시면 좋습니다!
- 0
- 2
- 45
Q&A
next.js 강의에서도 리액트 라이브러리들을 다뤄주시나요?
안녕하세요 jungo님 이정환입니다.결론부터 말씀드리면 Next.js 강의에서는 Zustand나 Tanstack Query에 대해 다루지 않습니다.대신 Next.js에서 제공하는 핵심 기능(데이터캐시, 풀 라우트 캐시, 리퀘스트 메모이제이션, 서버 컴포넌트 등)들을 다루는데에 더 집중하고 있습니다.
- 0
- 2
- 51
Q&A
퍼블리셔일경우 어느정도 수준까지 강의를 들어야할까요
안녕하세요 ukekeke님 이정환입니다.우선 저는 프론트엔드 개발자로 퍼블리셔의 생태에 대해서는 잘 모릅니다 ㅠㅠ 따라서 회사에서 퍼블리셔분들께 정확히 어느 정도의 수준을 요구하는지 잘 모르겠습니다.다만 추천드리고 싶은 부분은 최근 많은 퍼블리셔 분들께서 경쟁력 강화를 위해 프론트엔드 개발도 함께 병행하시는 경우가 있다고 들었습니다. 이에 강의를 수강하고 계신김에 전체를 다 학습해보시는 건 어떨까 제안드립니다!
- 0
- 2
- 65
Q&A
shadcn에서 radix ui와 base ui 차이는 뭔가요?
안녕하세요 jungo님 이정환입니다.Base UI는 Radix UI 보다 더 작은 수준의 컴포넌트들을 제공합니다. 따라서 커스터마이징을 더 자유롭게 하시길 원한다면 Base UI를 더 많이 선택하시곤 합니다. 그러나 기본적으로 제공되는 기능이 Radix UI에 비해서는 부족하기에 저는 가급적 Radix UI를 추천드리고 있습니다 😃
- 0
- 2
- 185
Q&A
updateTodo 함수 생성시 화살표 함수 사용 안하는 이유
안녕하세요 이민진님 이정환입니다.네 단순한 스타일 차이일 뿐 큰 의미는 없습니다 😀
- 0
- 2
- 59




