강원대 FE_조중현_1주차 과제 #77
Open
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
lazy-sky
approved these changes
Jun 30, 2024
|
|
||
| ### 질문 3. React에서 상태 변화가 생겼을 때 어떻게 변화를 알아챌 수 있나요? | ||
|
|
||
| userState같은 훅을 사용하여 상태를 정의하고 이것의 상태 업데이트 함수가 호출되면 리액트는 해당 컴포넌트의 상태가 변경되었음을 인식 및 재 렌더링 합니다. 그에 따라 변경된 상태를 사용하여 UI를 업데이트합니다. |
There was a problem hiding this comment.
조금 더 근본적으로 리액트가 상태 변화를 감지하는 과정에 대해서 이해하려면 '리액트는 state를 immutable한다.'는 사실을 이해해야 하는데, 여유가 되실 때 이 개념에 대해 학습하시는 것을 추천드립니다.
| argTypes: { | ||
| theme: { | ||
| control: 'select', | ||
| options: ['kakao', 'outline', 'black', 'lightGray', 'darkGray'], |
There was a problem hiding this comment.
options에 들어올 수 있는 값들도 타입으로 정의하면 type safety, 자동 완성 등의 측면에서 이점을 얻을 수 있습니다.
| import styled from '@emotion/styled'; | ||
|
|
||
| type Theme = 'kakao' | 'outline' | 'black' | 'lightGray' | 'darkGray'; | ||
| type Size = 'large' | 'small' | 'responsive'; |
There was a problem hiding this comment.
아 여기서 타입 선언하신 걸 뒤늦게 봤네요. 그렇다면 export 하여 스토리북 파일에서 재사용하면 좋을 거 같습니다.
| 'react/require-default-props': 'off', | ||
| 'no-unused-vars': 'warn', | ||
| 'import/no-unresolved': 'off', // 임시로 경고 무시 | ||
| 'import/extensions': 'off', // 임시로 경고 무시 |
There was a problem hiding this comment.
확장자 명 관련 오류랑 컴파일할 때 eslint가 import 경로관련 에러를 자꾸 출력해서 관련규칙을 이것저것 꺼보느라 남겨두었던 주석을 그대로 남겨둔 것 같습니다😅
| border: 1px solid #ccc; | ||
| border-radius: 4px; | ||
| ${({ size }) => size && sizeStyles[size]} | ||
| ${({ disabled }) => |
|
base 브랜치를 변경해주세요! |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
첫 프로젝트 세팅 시 미처 커밋을 제대로 수행하지 못하였습니다.. 앞으론 상세히 커밋할 수 있도록 하겠습니다..!