소개
무엇이든 쉽고 재미있게 설명할 방법이 있다고 믿는 사람입니다.
인사이트 "한 입 크기로 잘라먹는 리액트" 도서의 저자입니다.
주니어 개발자 혹은 개발자들을 희망하는 이들을 돕기 위해
지식 공유사이트 DEVSTU를 개발해 약 2년간 운영했고
리액트 개발자들을 위한 오픈채팅방을 운영하고 있습니다.
좋은 발성과 딕션 그리고 시각자료에 언제나 진심입니다.
강의
전체2수강평
게시글
질문&답변
2024.06.03
타입스크립트 강의 제네릭 인터페이스, 제네릭 타입 별칭 질문
안녕하세요 이정환입니다. 우선 해당 실습 예제의 goToSchool 함수의 매개변수 user의 타입은 User 로 정의되어 있습니다. 따라서 User 타입의 값은 이 매개변수에 할당될 수 없다! 라는 이야기입니다. 그러므로 해당 함수 내에서는 별도의 조건문을 통해 user 매개변수에 담긴 값의 타입이 User 타입이 맞는지 확인하는 작업을 거칠 필요가 없습니다. 이미 매개변수의 타입을 User 로 정의해 두었으니까요 요지는 제네릭을 사용하기 전에는 모두 User 라는 타입으로 통일하여 매개변수를 받아왔기 때문에 별도의 타입 좁히기가 필요했지만 제네릭을 활용하면 더 세분화된 타입으로 나누어 정의할 수 있기 때문에 더 이상의 타입 좁히기는 필요하지 않다는 의미입니다.
- 0
- 2
- 35
질문&답변
2024.06.03
map을 이용한 EmotionItem 렌더링 질문
안녕하세요 이정환입니다. 우선 이 내용은 "1-12. 함수 표현식과 화살표 함수" 에서 확인하실 수 있는 자바스크립트 문법입니다. 화살표 함수에서의 중괄호의 유뮤는 함수가 화살표 우측의 값을 곧바로 리턴하느냐, 아니느냐로 구분됩니다. 따라서 아래의 코드처럼 중괄호 없이 사용하면 화살표 우측의 값을 그대로 반환합니다. let funcA = () => 1; funcA(); // 1 출력 그러나 다음과 같이 중괄호를 사용하게 되면 일반 함수와 동일하게 동작하여 명시적으로 return을 사용하지 않으면 값을 반환하지 않게 됩니다. let funcB = () => { 1; } funcB(); // 아무것도 출력되지 않음 (반환값 없음) 따라서 질문주신 코드에서 () => {body} 형태로 사용하시면 아무런 값도 반환하지 않기 때문에 메서드가 정상적으로 동작하지 않습니다.
- 0
- 2
- 26
질문&답변
2024.06.03
영상 보고 응용 프로젝트 하는 중에 라우터 관련 질문이 있습니다.
안녕하세요 이정환입니다. 사랑니 발치 이후에 통증이 몰려와 몇일간 답변을 못 드렸습니다 🙇♂ AI 인턴이 답변해준대로 BrowserRouter 컴포넌트의 세팅에 문제가 있는듯 합니다. index.js 파일이나 main.js 파일에 BrowserRouter 컴포넌트 세팅을 진행해보세요!
- 0
- 2
- 44
질문&답변
2024.05.29
타입스크립트 리액트 세팅 관련 문의드립니다!
안녕하세요 이정환입니다. 네 맞습니다 현재는 vite로 React app을 생성하는게 더 권장되고 있습니다. 한입 TS 강의의 경우 한입 리액트 리뉴얼 버전 이전에 제작되었기에 CRA를 사용하고 있습니다.
- 0
- 1
- 31
질문&답변
2024.05.24
2.10 Date 객체와 날짜 강의에서 월이 하나씩 추가 됩니다.
안녕하세요 이정환입니다. 넵 JavaScript의 Date 객체는 월을 0부터 계산합니다 (왜 그런지는 .. 저도 잘 모르겠습니다 😢 ) 따라서 숫자로 월을 명시하실 경우 0 -> 1월, 1 -> 2월로 계산되게 됩니다. 이 부분은 헷갈릴 우려가 있기 때문에 보통 저는 Date 객체가 아닌 Moment 같은 라이브러리를 사용하거나 문자열로 통일하는 편입니다!
- 0
- 1
- 70