메인 페이지 구성

오늘 한 내용

• 박스 생성
• 박스 삭제
• 박스 색상 변경
• 화면 좌우 분할
• 실시간 수정 반영

오늘 배운 내용

• 화면 분할 flex-basis를 이용해 화면을 좌,우로 분할할 수 있다.
• box를 줄바꿈 속성을 이용하면 원하는 갯수 이상 출력시 다음 줄로 바꿔서 출력할 수 있다.
• getElementById 혹은 useRef를 이용해 요소를 선택할 수 있다. React에서는 useRef를 더 선호하는데 id는 자체가 중복될 가능성이 높아서 그렇다고 한다.
• select를 재사용할 일이 많고 option이 많을 경우 미리 정의해놓고 map으로 할당하는 것이 깔끔하다.

캡쳐

 

 

 

소감

그동안 다른 일을 처리 하느라 제대로 개발을 하지 못했다. 하루에 2~3시간밖에 코딩을 하지 못해 진도가 느리게 나갔고, 노트 정리하는 것에 소홀하고 말았다. 이제서야 다시 해왔던 것을 정리하려고 해봐도 기억이 나지 않아 적을 수가 없게 되었다. 모든 것에는 기록이 중요한데 그것을 잊고 개발을 했다. 앞으로는 꾸준히 기록해가면서 진행하도록 해야겠다.

오류 일지

datePicker을 사용할 때 클릭하면 달력이 뜨는데 모양이 이상하게 나온다.