소개
무엇이든 쉽고 재미있게 설명할 방법이 있다고 믿는 사람입니다.
인사이트 "한 입 크기로 잘라먹는 리액트" 도서의 저자입니다.
주니어 개발자 혹은 개발자들을 희망하는 이들을 돕기 위해
지식 공유사이트 DEVSTU를 개발해 약 2년간 운영했고
리액트 개발자들을 위한 오픈채팅방을 운영하고 있습니다.
좋은 발성과 딕션 그리고 시각자료에 언제나 진심입니다.
강의
전체2수강평
- 리액트에 대해 어느정도 알고 있었지만 보다 깊은 이해를 할 수 있게 됐습니다.
whgksqls9999
2024.05.17
0
- 너무 쉽게 잘 알려주셔서 좋아요!!
Jay E
2024.05.11
0
게시글
질문&답변
2024.05.19
섹션3-3강 ts-node src/index.ts 에러 나요
안녕하세요 이정환입니다. 다음 챕터를 참고해주시면 감사하겠습니다!! (사진)
- 0
- 1
- 17
질문&답변
2024.05.18
상위에서 Props로 받은 함수를 왜 한번 더 함수로 감싸줘야 하나요?
안녕하세요 이정환입니다. 아래 답변 내용은 우리 강의의 "5.5 이벤트 처리하기 - 3분 25초" 즈음 확인하실 수 있습니다. React에서의(엄밀히 말하자면 JSX에서의) onClick 이벤트 핸들러는 클릭이 발생했을 때 Props 형식으로 전달된 함수를 실행합니다. 따라서 다음과 같이 onClick 이벤트 핸들러를 전달하게 되면 onClick={onDelete(id)} onDelete 함수를 실행하고 인수로 id 값을 전달하는게 아니라, onDelete(id)의 결과값을 함수로써 생각해 호출하게 됩니다. 그러나 onDelete함수의 호출 결과는 함수가 아니죠? void 이거나 일반적인 값일 겁니다. 따라서 이럴 경우 정상적으로 동작하지 않습니다. 따라서 위 방식보다 아래처럼 전달해야 정상적으로 이벤트 핸들러가 실행됩니다. onClick={()=>onDelete(id)} 이 방식은 클릭이 발생했을때 전달한 화살표 함수를 실행합니다. 그럼 화살표 함수가 실행되어 onDelete 함수를 실행하게 될 테고 결과적으로 잘 동작하게 될 겁니다.
- 0
- 2
- 32
질문&답변
2024.05.15
css 관련 질문드립니다.
안녕하세요 이정환입니다. flex 속성과 text-align 속성 모두 하위 요소를 원하는 위치에 정렬할 수 있지만 둘은 엄밀히 다른 상황에 사용됩니다. flex 속성은 블록 요소(div, table, section ...)를 정렬하는데에 사용됩니다. text-align 속성은 인라인 요소(span, p, img ...)를 정렬하는데에 사용됩니다. 따라서 정렬하시려는 요소가 블록 요소라면 flex를 인라인 요소라면 text-align을 사용하시는게 좋을 것 같습니다 😃
- 0
- 2
- 49
질문&답변
2024.05.15
태그 옵션 { } 사용
안녕하세요 이정환입니다. Props로 문자열을 전달하는 상황에서는 굳이 중괄호를 안 붙여주셔도 됩니다. TMI. 저는 습관이 되어서 문자열 Props에도 중괄호를 붙이곤 합니다.
- 0
- 1
- 36
질문&답변
2024.05.14
마지막 배포하기에서 npm install -g vercel을 한 뒤에도 인식을 못하는 분들 이거 확인해보세요!
안녕하세요 이정환입니다. 아이고 이런 이슈가 있었군요 ... 😢 제보해주셔서 진심으로 감사드립니다. 다른 분들께는 이런 일이 발생하지 않도록 강의 노트에 작성해두었습니다! 다시한번 제보 정말 감사합니다.
- 0
- 1
- 47