Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[2주차] 이유라 학습 PR 제출합니다. #12

Open
wants to merge 6 commits into
base: main
Choose a base branch
from

Conversation

yuraup
Copy link
Contributor

@yuraup yuraup commented Oct 4, 2024

✅ 학습 내용 요약

React 동작 방식 JSX , state와 props

🤔 고민했던 부분

  • State 와 Props를 배우는 이유에 대해 생각했다.
  • 결론: 차이점에 주목하되, 둘의 실제 작동과 연관지어서 더 생각해보려고 노력했다.
  • 추가: 이 개념들의 응용 지식을 정리하면서 사용 시 주의해야 할 점들을 되짚어봤다.
    <실습>
  • 컴포넌트를 나누는 기준을 기능 단위로 생각하려고 노력했다.
  • 처음에 페이지 구성을 고려하지 않고 무작정 props를 전달하려다 보니, App.jsx에서 직접 자식 컴포넌트들에게 props를 일일이 전달해야 했다. 그래서 투두리스트 외에 일기장 등의 다른 기능이 추가될 경우를 대비해, 라우터를 사용해 Todo 관련 기능을 한 페이지에 모으고, 그 안에서 해당 페이지를 컴포넌트로 구성하도록 수정했다.
  • 함수형 컴포넌트에서 useState Hook을 사용해 상태 관리를 했고, 'TodoView' 컴포넌트와 'TodoWriting' 컴포넌트가 부모 컴포넌트인 'TodoList'에서 props를 통해 데이터를 전달받을 수 있도록 구현했다.

🔊 도움이 필요한 부분

setState가 useState 내부의 최신 값을 반영하기 위해 클로저라는 것을 사용하는데, 이 클로저에 대한 이해가 어려웠습니다.

Copy link
Member

@keemsebin keemsebin left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

js를 사용하는 프레임워크와 라이브러리가 다양한데, 왜 리액트를 공부하려는지에 대한 내용이 있으면 좋을 것 같아요.

리액트를 공부하기 전에 리액트의 어떤 장점 때문에 리액트를 많이 사용하는지, 그렇다면 리액트의 단점은 무엇인지, 해당 단점들을 어떻게 커버할 수 있을 지 생각해보면 좋을 것 같아요. 수고하셨습니다.

week02/이유라/[2주차]이유라.md Outdated Show resolved Hide resolved
week02/이유라/[2주차]이유라.md Outdated Show resolved Hide resolved
week02/이유라/[2주차]이유라.md Outdated Show resolved Hide resolved
week02/이유라/[2주차]이유라.md Outdated Show resolved Hide resolved
week02/이유라/[2주차]이유라.md Outdated Show resolved Hide resolved
week02/이유라/[2주차]이유라.md Outdated Show resolved Hide resolved
week02/이유라/[2주차]이유라.md Outdated Show resolved Hide resolved
week02/이유라/[2주차]이유라.md Outdated Show resolved Hide resolved
Copy link
Contributor

@swgvenghy swgvenghy left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

학습내용 확인 완료했습니다. 저희 리뷰 반영해주시고 답변 달아주세요!

week02/이유라/[2주차]이유라.md Outdated Show resolved Hide resolved
week02/이유라/[2주차]이유라.md Outdated Show resolved Hide resolved
week02/이유라/[2주차]이유라.md Outdated Show resolved Hide resolved
Copy link
Member

@keemsebin keemsebin left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

수고하셨습니다~!

Copy link
Contributor

@swgvenghy swgvenghy left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

고생하셨습니다!! 자바스크립트를 사용하면서도 타입을 챙기려는 것이 인상깊네요 고생하셨습니다!

@yuraup
Copy link
Contributor Author

yuraup commented Oct 11, 2024

수정사항들 반영했습니다.
추가로 또 반영해야 할 것들이 있다면 말씀해주세요!
감사합니다.

f25ddc5

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants