-
Notifications
You must be signed in to change notification settings - Fork 7
[5주차] 강태이/로그인 및 회원가입 UI 구현 #67
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
base: 강태이/main
Are you sure you want to change the base?
The head ref may contain hidden characters: "\uAC15\uD0DC\uC774/5\uC8FC\uCC28"
Conversation
yezzan9
left a comment
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
5주차 과제도 수고하셨습니다!
전체적으로 잘 구현해주셨네요🙌 다만, prettier 설정이 계속 안 되어있는 것 같아 해당 부분만 확인해주시면 좋을 것 같아요!
| const AddTodo = ({ onAddTodo }) => { | ||
| const [inputValue, setInputValue] = useState(""); | ||
|
|
||
| const handleInputChange = (e) => { | ||
| setInputValue(e.target.value); | ||
| }; | ||
|
|
||
| const handleAddClick = () => { | ||
| onAddTodo(inputValue); | ||
| setInputValue(""); | ||
| }; | ||
|
|
||
| return( | ||
| <AddTodoContainer> | ||
| <StyledText>What needs to be done?</StyledText> | ||
| <StyledInput type="text" placeholder="Add a task" /> | ||
| <StyledButton>Add</StyledButton> | ||
| <StyledInput | ||
| type="text" | ||
| placeholder="Add a task" | ||
| value={inputValue} | ||
| onChange={handleInputChange} | ||
| /> | ||
| <StyledButton onClick={handleAddClick}>Add</StyledButton> | ||
| </AddTodoContainer> | ||
| ) |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
이 부분 들여쓰기 2칸으로 수정해주세요 !
| const styles = { | ||
| container: { | ||
| backgroundColor: "#f0f0f0", | ||
| height: "100vh", | ||
| display: "flex", | ||
| flexDirection: "column", | ||
| justifyContent: "center", | ||
| alignItems: "center", | ||
| fontFamily: "sans-serif", | ||
| }, |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
styled component가 아니라 이런 식으로 구현하신 이유가 궁금해용 !!
|
그리고 base branch가 |
1. 무엇을?
2. 스크린샷