디테일 반응형을 마무리 하였다. 글을 좀 더 잘 보이도록 하기위해서 마크다운 하이라이트를 적용하여 좀 더 꾸며줘야겠다는 생각이 들었다. 내일 면접을 보기 때문에 기술면접 공부를 하였다. 기술면접은 언제 바도 어려운거 같다 ... 그래도 열심히 하자 .. !!

오역자들 디테일 페이지의 반응형 적용을 해주었다. severless, SEO에 친근한 React 블로그 만들기 란 글을 번역 하였다. 오역자들의 SEO를 위한 자료들을 찾다가 발견하였는데 Netlify, Prerender, react-helmet, butterCMS, react를 사용하는 방식이였다. 현재 작업중인 방법이 통하지 않는다면 적용을 해보아야 겠다.

반응형을 또 한번 더 수정을 하였다. 휴대폰 스크린에맞춰서 먼저 변경을 해주었다. 보드들의 크기를 줄여 주었다. 그리고 테블릿 크기를 맞추어 주었다. 테블릿 화면에서 너무 답답하게 보여졌다. 그래서 원래 랩탑에서 보다 height을 좀더 줄여 주고 원래 2줄 에서 3줄로 보이도록 만들어 주었다. 1024px 화면일때도 조금 답답한 것 같아 4줄로 늘려주고 height을 조절해 주었다. 반응형에 대해서 쉽게 생각하진 않았지만 이렇게 신경 쓸게 많을줄은 몰랐다. 1440px 1200px 1024px 768px 576px 425px 을 기준으로 만들었다. 원래는 antd 기준만으로 하려고 했는데 그러면 휴대폰 화면이 깨지게 되어 425px을 추가하였다. 추가로 1024px 스크린 화면도 생각을 하여 추가를 해..

오늘은 회사를 찾고 지원하는데 시간을 보냈다. 오역자들 페이지의 반응형을 다시 한번 확인하는데 뭔가 어색한 부분들이 보여 살짝 수정을 해주었다. 내일 마무리를 지어야 겠다.

어제 발생했던 에러는 기다려야 한다는 글을 보았긴 했는데 정말 기다리니 해결이 되어있었다. 하지만 아래와 같은 에러가 발생 하였다. npm Maximum call stack size exceeded 이 블로그를 보고 해결하였다. 캐시 문제였던것 같다. 다시 upstream에 있는 파일을 pull을 당겼는데 또 에러가 발생... Unexpected string in JSON at position ... pakage.json 파일에서 일어난 에러 같았다. rm package-lock.json 위의 명령어로 package-lock.json 을 삭제하고 다시 npm install 해주니 에러가 없어졌다. 아래와 같이 반응형을 적용해 주었다. 크롬화면을 줄여가면서 확인을 하였는데 휴대폰 사이즈 까지 줄어들진 않는..

엔트디의 break point는 아래와 같다. xs: 576px 이하 sm: 576px 이상 md 768px 이상 lg 992px 이상 xl 1200px 이상 xxl 1600px 이상 미디어 쿼리로 엔트 디자인과 같은 break point를 만들어 주어서 antd Row 컴포넌트가 적용되어 있지 않은 부분에 걸어줄것이다. 그리고 스크린 크기마다 좀 더 자연스럽게 보일 수 있는 모습으로 변경해 주려고 한다. 예를 들자면 헤더의 라우트 부분을 화면이 줄어들면 list 형식으로 만들거나 body의 margin을 줄여주어 좀 더 보기 좋은 화면을 만들 것이다. npm 429 라는 에러가 발생 하였다. 뭔가 많은 요청이 들어갈 경우 생기는 에러 인데 자세한 원인을 알 수가 없었다.