[Fri/31/12/2021] Today I Learned

1. React mini project

12월 2일부터 시작한 프로젝트를 마무리하고, Readme도 정리해서 올렸다.

그런데 올리는 과정에서 에러가 나서 이것을 고치느라 좀 진땀을 뺐다.

이전에 했던 커밋 기록이 100여 개가 넘는데 이것이 한 번에 다 날라갔었고, 다행히 구글링을 해서 복구할 수 있었다.

heroku로 배포를 하고 나서 생긴 .git 파일로 인해서 이게 좀 꼬여서 문제가 생겼던 것이었는데, 그래도 침착하게 잘 풀어나가서 해결해 낼 수 있었다.

내일은 이 프로젝트를 진행하면서 내가 배운 것들과 앞으로의 React 공부 방향성에 대한 글을 써 볼 예정이다.

폴더 구조를 개편하고, 파일 이름과 컴포넌트 이름을 바꿔서 좀 더 직관적으로 해당 컴포넌트가 하는 일을 알 수 있게 하려고 했다.

검색하는 페이지를 우선 완성은 했는데, 레이아웃이 그렇게 맘에 들진 않는다. Ant Design의 Row와 Col을 이용해서 사이사이에 적절한 gap을 주는 것이 생각보다 쉽지 않다.

CSS로 할 때는 좀 더 직관적으로 스타일을 바로 적용할 수 있는 반면, Ant Design에서는 이미 적용된 스타일이 있고 나름의 규칙이 있다 보니 내가 원하는 대로 디자인 해주기가 좀 까다롭다는 느낌이 많이 들었다.

Styled components 라이브러리도 사용해 보았다. 이것을 아예 다른 파일로 빼낼까 고민중이다.

2021년이 지나고 2022년이 왔다. TIL을 쓰면서 해가 바뀌었다.

내년에는 더 성장해서 개발자가 되어 있는 나를 꿈꿔본다.