웹 프론트엔드 한 입 크기로 잘라먹어 볼까요?!
안녕하세요 🙇♂
저는 무엇이든 쉽고 재미있게 설명할 방법이 있다고 믿는 사람이자
세상에서 가장 따뜻한 개발자 커뮤니티를 만들고자 하는 사람입니다.
📚 도서
📹 강의
한 입 크기로 잘라먹는 Next.js
한 입 크기로 잘라먹는 타입스크립트
한 입 크기로 잘라먹는 리액트
강의
로드맵
전체 1수강평
- 한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
- 한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
- 한 입 크기로 잘라먹는 타입스크립트(TypeScript)
게시글
질문&답변
생성한 newTodo 객체를 setTodos 를 이용해 추가하는 부분에서 질문 있습니다
안녕하세요 이정환입니다.말씀하신대로 이렇게 작업해야 나중에 등록된 새로운 Todo 아이템(newTodo)가 배열의 맨 앞에 배치되어, UI상 가장 위에 배치되기 때문입니다. 동작 시간의 경우 todos 배열의 길이가 길어질수록 그에 비례해 길어진다는 단점이 있지만, 이는 향후 백엔드 서버에서 전체 데이터를 관리하고 프론트엔드에서는 현재 화면에 나타나는 일부 데이터만 관리하는 방식으로 전환하여 해결할 수 있습니다.
- 0
- 2
- 14
질문&답변
Components 와 Profiler 탭이 나오지 않습니다.
안녕하세요 이정환입니다.리액트 개발자 도구의 적용에 뭔가 문제가 있었나보네요 🥲아무래도 오픈소스로 개발되는 프로그램인지라 일부 버전에서 살짝 버그가 있을 수 있습니다.혹시 또 유사한 문제가 발생하시면 다시 질문 주세요 :)
- 0
- 3
- 26
질문&답변
global-error에서는 window.location.refresh()를 쓰면될까요
안녕하세요 이정환입니다.앗! Footer 컴포넌트에서 페칭하는 데이터의 캐시가 소멸되어 문제가 발생하는 걸로 보입니다. 강의에서는 Footer의 캐시를 소멸하지 않고 그대로 진행했기에 문제가되지 않았는데요, 만약 모종의 이유로 캐시가 사라질 경우 이러한 문제가 발생하게 될 수 있습니다.이에 해당 챕터의 실습을 위해 잠깐 Footer 컴포넌트를 렌더링 하지 않도록 처리하고 실습하시는걸 추천드립니다!
- 0
- 1
- 17
질문&답변
함수는 함수타입? 객체타입??
안녕하세요 이정환입니다.function은 호출 가능한 형태의 object 라고 이해하시면 됩니다. 위에 첨부해주신 그림에도 obejct 타입이 function의 슈퍼타입(부모 집합)으로 표시되어 있는 것 처럼, function(함수)는 object(객체)에 포함되는 개념입니다. number 타입 아래에 10, 20 과 같은 number 리터럴 타입이 존재하는것과 비슷한 느낌이라고 이해하시면 되겠습니다 !_!
- 1
- 2
- 21
질문&답변
use client때문인지???? zustand때문인지?
안녕하세요 shoncg님 이정환입니다.엇.. 본 강의에서는 zustand를 사용하지 않는데 혹시 질문을 잘못 올리신게 아닌지 다시 한번 확인 부탁드립니다. 만약 개인 프로젝트에 관련된 질문이라면 현재 말씀해주신 내용 만으로는 정확한 원인 파악이 어렵습니다 ㅠㅠ 워낙 여러가지 원인이 있을 수 있어서요 조금 더 구체적인 문제 상황을 공유해주시면 감사하겠습니다.
- 0
- 2
- 29
질문&답변
오픈채팅 비번
안녕하세요 아이디어 프로도님 이정환입니다.오픈채팅방 비밀번호는 아래 그림 처럼 1.2 챕터에서 확인하실 수 있습니다.(사진)
- 0
- 2
- 20
질문&답변
npx prisma studio 오류
안녕하세요 hinpuo 이정환입니다.질문으로 올려주신 메세지를 살펴보니 npx prisma studio Need to install the following packages: prisma@6.17.1 Ok to proceed? (y) 라는 물음에 y라고 답을 하지 않으셔서 타임아웃 오류가 발생한 것 같습니다!명령어를 다시 실행하셔서 질문에 y 라고 답변하시면 필요한 패키지 설치 이후에 정상 가동 될 겁니다 😀
- 0
- 2
- 26
질문&답변
forEach에서 continue, break 동작안하는 문제
안녕하세요 이정환입니다.네 맞습니다. continue나 break를 사용하시려면 for문 또는 for of문을 사용하셔야 합니다.forEach 등의 배열 메서드에서는 동작하지 않습니다.
- 0
- 1
- 19
질문&답변
react도 포멧팅 스타일이 따로 있나요?
안녕하세요 이정환입니다.코드 포맷팅 스타일을 말씀하시는 거라면 대부분 강의에서 안내드리고 있는 Prettier 도구를 사용하여 적절한 포맷을 유지합니다.그러나 대표적으로 획일화 된 포맷팅 스타일이 따로 있지는 않고 보통 팀별로, 또는 개인별로 포맷팅 스타일을 커스텀하여 사용합니다.
- 0
- 2
- 17
질문&답변
12.13 new 페이지 구현하기 1.UI 부분에서 마지막 설명부분이 이해가 가지 않습니다
안녕하세요 이정환입니다.flex-container는 기본적으로 width와 height를 고정적으로 설정하지 않을 경우모든 item을 포함할 수 있도록 유동적으로 그 크기가 늘어나게 됩니다.따라서 body 태그에 flex 속성을 적용하게 될 경우 세로로 늘어나는 아이템들도 다 포함하기 위해body 태그 자체의 크기가 늘어나게됩니다.
- 0
- 2
- 20