[Wed/29/12/2021] Today I Learned

React mini project

(1) Responsive layout

모바일에서도 제대로 보일 수 있도록 레이아웃을 변경해 주었다.

뒤늦게 변경하면서 느낀 교훈은, 애초에 처음 앱을 설계할 때부터 모바일을 꼭 고려하고 만들어야 한다는 것이다.

물론 지금은 React를 배우면서 만드는 것이니 뒤늦게 해도 그러려니 하지만, 다음 프로젝트부터는 꼭 처음부터 고려를 해서 만들어 나가야겠다는 생각이 든다.

Mobile first라는 말이 있는 만큼, 모바일 버전을 고려해서 만드는 게 중요해 보인다.

특히 전반적인 패딩을 어떻게 줘야할 지 많이 헤맸다. Ant Design의 Space를 써야 할지, 아니면 그냥 CSS로 패딩을 준 후 media query를 이용할지.

Space의 경우 여러 Row와 Col이 적용되어 있을 때 내가 원하는 대로 적용되지 않았다.

나는 사이트 전반에 공간을 주고 싶은 것인데, Ant Design의 Space는 요소 간의 간격을 줄 때 쓰는 것이었다.

그래서 결국 media query를 썼다.

(2) 검색 결과가 없을 때 알려주는 모달 추가

검색 결과가 없을 때 알려주는 것이 필요하다는 피드백을 받아, 추가해 보았다.

이 경우 Cancel 버튼은 쓸 일이 없어서 disabled 처리를 해 주었다.

이거 외에는 랜딩 페이지 라우팅을 하고, 자잘한 것들을 수정했다.

오늘 블로그에 나름 새단장을 해 주었다.

블로그의 이름은 깃허브 아이디와 동일한 Jaypedia로 변경했고,

닉네임은 앞으로 코드스쿼드에서 사용할 닉네임으로 바꿨다.

또 블로그의 메인 이미지도 바꾸고, 명언도 바꿔 주었다.

네이버 검색 유입이 아예 안 되고 있어서 구글 서치 콘솔에 등록한 것처럼 이것도 역시 해 주었다.

블로그의 주인인 나 아니면 알아볼 수 없을 만한 사소한 변화이지만, 앞으로 블로그를 좀 더 신경쓰고 관리하기 위해서 손을 봐 줬다.

코드스쿼드 마스터즈 코스가 오늘을 제외하고 단 4일 남았다.

조만간 합격 후기도 간단하게 적어볼까 한다.

코드스쿼드를 위한 카테고리도 따로 만들어 주었다. 앞으로 진행하는 커리큘럼은 그 카테고리에 올릴 예정이다.