[himinji] 프론트엔드 1주차 미션 제출합니다. #7
Conversation
| <p>ㅤ<img src="img2.jpg" alt="Loading..." width="30%">ㅤ<img src="img1.jpg" alt="Loading..." width="30%">ㅤ<img | ||
| src="img3.jpg" alt="Loading..." width="30%"> </p> | ||
|
|
There was a problem hiding this comment.
alt 텍스트에 Loading...이라고 적힌게 의도하신건지는 모르겟지만 alt의 역할에 대해서 알아보시고 이용하면 더 좋을거 같습니다!
There was a problem hiding this comment.
이미지를 많이 이용하신게 인상깊네여 이렇게 이미지를 나열할 때는 Flex라는 CSS의 속성에 대해서 알아보시면 더욱 편하게 나열할수도 있습니당
|
|
||
| <p><<u>hi</u>minji.com> <b>;</b> hi stands for <b>H</b>ong<b>i</b>k University.</p> | ||
|
|
||
| <hr style="margin-top: 2.5rem; "> |
There was a problem hiding this comment.
따로 css 파일이 존재하고, 아래랑 중복되어 이용되고 있는 코드라 굳이 여기에서 스타일 작성 안하고 css 파일을 이용하는게 나은거 같네여
| const readline = require('readline'); | ||
|
|
||
| const rl = readline.createInterface({ | ||
| input: process.stdin, | ||
| output: process.stdout, | ||
| }); |
There was a problem hiding this comment.
인터페이스를 이용해서 코드를 짜셨군요..! 확실히 JS 내에서 바로 입력받고 출력하기 위해서는 인터페이스를 ㅣㅇ용하는 방식이 가장 대표적인가 봅니당
다만 다른 방식으로 하신 분들도 있으니 한번 살펴보시면 좋을거 같아용
| function calculate(input) { | ||
| const [operand1, operator, operand2] = input.split(' '); | ||
| const n1 = parseInt(operand1, 10); | ||
| const n2 = parseInt(operand2, 10); | ||
|
|
||
| if (operator === '+') { | ||
| return add(n1, n2); | ||
| } else if (operator === '-') { | ||
| return sub(n1, n2); | ||
| } else if (operator === '*') { | ||
| return mul(n1, n2); | ||
| } else if (operator === '/') { | ||
| return div(n1, n2); | ||
| } | ||
| } |
There was a problem hiding this comment.
calculate 함수도 따로 구분해서 작성하시니 코드를 알아보기 편하네여
다만 입력받을 때 물론 올바른 값만 들어온다고 가정하긴 햇지만 input.split()한 리스트의 결과가 3개가 아닌 경우 구조할당에서 문제가 발생될 수도 있으니 분리해서 작성하는게 장기적으로 좋을거 같아용 -> 물론 이런 유지보수 고려하는 미션은 아니라 상관업습니당
| const handleClick = () => { | ||
| alert('Hello!'); | ||
| }; |
There was a problem hiding this comment.
딱 제가 의도한 대로 작성해주셧네요! onClick에 들어갈 함수를 따로 빼내어 작성하고, 이를 전달하는 방식의 코드 형식은 React에서 흔히 볼 수 있는 형식입니당
출력 또한 alert로 하신게 좋네용
| return ( | ||
| <div className="App"> | ||
| <h1>React Project</h1> | ||
| <Button /> { } |
PR은 한 번 하면 다시 안 뜨나봐요 레포지토리를 삭제하고 다시 했다가 진땀 뺐어요 수동으로 하는 방법 찾아서 성공