소개
이인제(소플)
개발을 사랑하는 개발자이자 1인 스타트업의 창업자입니다.
오래 전부터 소프트웨어 교육에 관심을 가지고 꾸준히 활동하고 있습니다 😀
소플이 만든 프론트엔드 지식 포털
슬라이드 모음
홈페이지
강의 콘텐츠
저서
강의
전체4수강평
- 이해가잘안가요
tjdwo1030
2024.05.31
0
- 리액트에 대해 기본 구조를 잘 알게 된 듯 합니다.
tolh2
2024.05.21
1
- 넘 설명을 잘 해주세요~!! 쵝오입니당~!!
moonni99
2024.05.20
1
게시글
질문&답변
2024.05.30
이벤트 실행순서에 대해 질문드려요
안녕하세요, 소플입니다. 우선 리액트 컴포넌트에서 state 의 업데이트는 조금 복잡한 과정을 거치게 됩니다. 일반적으로 리액트는 state 업데이트를 처리하기 전에 이벤트 핸들러의 모든 코드가 실행될 때까지 기다립니다. 그렇기 때문에 지금 겪으신 것처럼 작성한 코드의 순서대로 실행되지 않는 경우가 많습니다. 그리고 이러한 특징 때문에 state 를 업데이트 할 때, 하나의 set함수 를 하나의 이벤트 핸들러에서 동시에 호출하는 형태로는 코드를 작성하지 않는게 좋습니다. 추가로 아래 공식문서를 살펴보시면 조금 더 자세하게 이해하실 수 있을겁니다 😀 https://react.dev/learn/state-as-a-snapshot https://react.dev/learn/queueing-a-series-of-state-updates 감사합니다.
- 1
- 2
- 43
질문&답변
2024.05.21
LifeCycle 문의
안녕하세요, 소플입니다. 해당 부분은 AI가 답변해준 것처럼 StrictMode때문에 발생하는 것입니다. 아래 링크의 답변을 참고하시면 도움이 될 것입니다! https://www.inflearn.com/questions/619705/notificationlist-jsx-%EC%B1%95%ED%84%B0-6%EC%9E%A5-%EC%8B%A4%EC%8A%B5-%EB%82%B4%EC%9A%A9-%EC%A7%88%EB%AC%B8-%EB%8F%99%EC%8B%9C%EC%97%90-2%EA%B0%9C%EC%94%A9-%EB%82%98%EC%98%B4 추가로 정확한 동작 확인을 위해서 componentWillUnmount() 에서도 로그를 출력해보세요~ 감사합니다.
- 0
- 2
- 94
질문&답변
2024.05.20
chapter6 실습 그대로 했는데 오류가 납니다.
안녕하세요, 소플입니다. 혹시 작성하신 NotificationList 파일을 저장하셨을까요? 지금 제가 보기에는 NotificationList 에 redner 함수가 없어서 발생하는 에러 같은데, 해당 부분 다시 한 번 확인 부탁드립니다! 감사합니다.
- 1
- 2
- 96
질문&답변
2024.05.19
npm start출력 시 미출력됩니다.
안녕하세요, 소플입니다. 우선 업로드 해주신 화면상으로 index.js 파일이 저장되지 않은 것으로 나오는데, 먼저 파일을 저장해주시기 바랍니다. 그리고 npm start 명령은 package.json 파일이 있는 프로젝트의 최상위 경로에서 실행하셔야 합니다. 애초에 npm start 라는 명령어가 package.json 파일의 scripts 항목에 있는 start 스크립트를 실행하는 일종의 단축 명령어이기 때문입니다. 감사합니다.
- 1
- 3
- 114
질문&답변
2024.05.17
JSX인지 어떻게 알 수 있나요?
안녕하세요, 소플입니다. 코드가 JavaScript와 XML/HTML을 섞어서 사용하는 형태라면 JSX라고 보시면 됩니다. 일반적인 JavaScript 환경에서 JSX 형태로 사용하게 되면 Syntax 에러가 발생하지만, 리액트 개발 환경에서는 JSX가 JS로 변환되기 때문에 사용할 수 있는 것입니다. 그리고 추가로 파일의 확장자를 .jsx , .tsx 등으로 해서 일반 JavaScript, TypeScript 파일과 구분하기도 합니다. 감사합니다.
- 0
- 1
- 79