소개
무엇이든 쉽고 재미있게 설명할 방법이 있다고 믿는 사람입니다.
인사이트 "한 입 크기로 잘라먹는 리액트" 도서의 저자입니다.
주니어 개발자 혹은 개발자들을 희망하는 이들을 돕기 위해
지식 공유사이트 DEVSTU를 개발해 약 2년간 운영했고
리액트 개발자들을 위한 오픈채팅방을 운영하고 있습니다.
좋은 발성과 딕션 그리고 시각자료에 언제나 진심입니다.
강의
전체2수강평
게시글
질문&답변
2024.04.25
8.5)Array.prototype.filter() 의 콜백함수에 대한 의문점이 있어요
안녕하세요 이정환입니다. 우선 이 내용은 "1-12. 함수 표현식과 화살표 함수" 에서 확인하실 수 있는 자바스크립트 문법입니다. 화살표 함수에서의 중괄호의 유뮤는 함수가 화살표 우측의 값을 곧바로 리턴하느냐, 아니느냐로 구분됩니다. 따라서 아래의 코드처럼 중괄호 없이 사용하면 화살표 우측의 값을 그대로 반환합니다. let funcA = () => 1; funcA(); // 1 출력 그러나 다음과 같이 중괄호를 사용하게 되면 일반 함수와 동일하게 동작하여 명시적으로 return을 사용하지 않으면 값을 반환하지 않게 됩니다. let funcB = () => { 1; } funcB(); // 아무것도 출력되지 않음 (반환값 없음) filter 메서드의 경우 콜백함수가 return하는 값이 true인 요소들만 포함하여 새로운 배열로 반환합니다. 그러므로 질문주신 코드에서 () => {body} 형태로 사용하시면 아무런 값도 반환하지 않기 때문에 filter 메서드가 정상적으로 동작하지 않습니다.
- 0
- 2
- 24
질문&답변
2024.04.24
새일기 작성시 브라우저 콘솔창 오류메시지
src/App.jsx의 App 컴포넌트를 확인해보시면 좋을 것 같습니다. 코드를 확인할 수 없기에 정확한 원인은 알 수 없지만 현재 새로운 일기가 생성될 때 기존에 존재하던 일기와 중복된 id를 갖도록 설정되어 있는 것 같습니다.
- 0
- 2
- 49
질문&답변
2024.04.21
map 함수에서 cannot read properties of undefined 에러 발생
안녕하세요 이정환입니다. todos 변수에 값이 정상적으로 담기지 않은 것 같아요! App 컴포넌트에서 Props로 제대로 잘 넘겨주었는지 확인이 필요한 상황입니다. React Developer Tools나 console을 이용해 직접 확인해보시고 그래도 잘 모르겠다면 전체 소스코드를 github를 통해 링크로 공유주시면 살펴보겠습니다.
- 0
- 1
- 50
질문&답변
2024.04.18
오픈그래프 태그
안녕하세요 이정환입니다. 질문 가이드라인에 명시해둔 대로 프로젝트 개발 진행 중 발생한 이슈는 제가 전체 코드를 확인해봐야 원인을 파악할 수 있습니다 🥲 따라서 깃허브 등을 통해 전체 코드를 전달해주시면 살펴보겠습니다.
- 0
- 3
- 106
질문&답변
2024.04.13
강의 자료 다운 로드 뜨면 에러가 떠용 XML 이랑 에러..!
안녕하세요 이정환입니다. 강의 자료 업로드는 정상적으로 진행되었는데 이상하네요 우선 급하신대로 구글 드라이브 다운로드 링크를 남겨드리겠습니다. 강의 자료(PDF) https://drive.google.com/file/d/125vcG284z_F0Wizaq9u5a_qvZEbttT1y/view?usp=sharing 12.6 폰트 및 이미지 파일 https://drive.google.com/file/d/1HMVekHgQ3AYbn9wtASMCqbJwFisRR4E_/view?usp=sharing 12.18 아이콘 및 썸네일 파일 https://drive.google.com/file/d/1OgMu5ZYxjB-saxLQlHFdv2VRpnFkg8cQ/view?usp=sharing
- 0
- 2
- 111