[Thurs/23/12/2021] Today I Learned

 

React

오늘은 어제 계획했던 대로 React에 올인을 했다. 

Modal 안에 Form을 구현하는 것이었는데, 다 처음 하는 것이었지만 워낙 Ant Design의 홈페이지에 예시가 잘 나와 있어서 가져다가 좀 응용해서 쓰면 구현이 되었다. 

Ant Design을 많이 활용해서 영화 생성 기능을 구현했고, 정규 표현식도 추가해 주었다. 

사실 정규 표현식도 내가 짤 필요 없이 Ant Design에서 제공해 주는 Form에 쓸 수 있는 rules라는 속성을 활용하면 되어서 편리했다.

rules를 사용해서 편리하게 정규 표현식 구현

또한 유저가 이미지를 올리지 않았을 때 기본 이미지가 보일 수 있도록 삼항 연산자를 활용해 수정해주었다. 

영화를 수정할 수 있는 기능도 구현했다. 영화를 받아와서 폼 안에 채워준 후, 수정이 반영될 수 있게 axios의 patch 메서드를 사용해서 구현했다. 

수정 폼 구현 완료 - rating 부분은 수정이 필요하다.

또 이곳저곳 엉성했던 레이아웃도 좀 손을 봐 주었다. 이것 역시 Ant Design의 Row, Col을 활용했다. 

아직 보완해야 하는 점들이 많다. 그래도 조금씩 완성을 향해 가고 있다. 

12월 31일까지 완성을 하는 게 목표라서 힘내서 해봐야겠다. 

---

내일의 계획

• 수정 폼을 다 구현하긴 했는데, 좀 더 체계적으로 어떤 방식으로 구현했는지를 정리해 본다.
• 영화 데이터에 타임스탬프를 추가해서 새롭게 추가한 영화가 맨 앞에 렌더링 되도록 수정해본다.
• 별점을 5점 만점으로 해서 데이터를 수정하는 것으로 할지 아니면 10점 만점으로 해서 데이터는 수정하지 않고 코드를 수정해 보는 것으로 할지 결정해본다.
• Mountain project setup