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

어제 발생했던 에러는 기다려야 한다는 글을 보았긴 했는데 정말 기다리니 해결이 되어있었다. 하지만 아래와 같은 에러가 발생 하였다. 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 해주니 에러가 없어졌다. 아래와 같이 반응형을 적용해 주었다. 크롬화면을 줄여가면서 확인을 하였는데 휴대폰 사이즈 까지 줄어들진 않는..

오역자들 사이트의 반응형을 적용시켜 보았다. antd 를 사용했기 때문에 antd grid에 이미 다 적용이 되어 있는 상태여서 각 화면 크기마다 내가 얼마만큼의 그리드를 차지하게 해줄건지만 지정해 주면 되었다. 하지만 이것만 으로는 뭔가 많이 어색하였다. 화면 크기마다 각 보드의 크기도 조절을 해주어야 하고 body에 걸어둔 margin도 조절이 필요해 보였다. 최대한 자연스러워 보이도록 계속해서 수정해 나가야 겠다.

misinterpriter(오역자들) 웹페이지가 검색이 되도록 만들기 위한 방법을 찾다가 react-helmet 이라는 것을 알게 되었다. Helmet 은 문서 헤드에 대한 모든 변경사항을 관리할 수 있는 React component이다. 설치방법 //yarn 으로 할 경우 yarn add react-helmet //npm 으로 할 경우 npm install react-helmet 사용법 import React from 'react'; import { Helmet } from 'react-helmet'; const App = () => { Misinterpriter }; export default App; 테그로 감싸준 다음 title을 설정해 주면 된다. title 테그 이외에도 base, meta, ..

오역자들 프로젝트에 대한 회고를 작성하여 포트폴리오에 추가를 하였다. 일단 첫 배포는 끝이 났지만 에러가 나는 부분들과 새로운 기능들을 추가 중이다. 오늘은 구글 애널리스트를 추가를 하였다. 파이어베이스에 대해서 공부를 하는 중인데 firebase init 명령어를 통해서 설정을 해줘야 한다고 생각했는데 꼭 그런것 같지만은 않다. 이것 저것 실험을 해보아야 겠다.

리액트에서 애니메이션을 사용하는 다양한 방법에 대한 글을 번역 하였다. 애니메이션을 간단하게 구현 할 수 있는 방법들이 소개되어 있었다. 후에 한번 시용해 보는것이 좋을 것 같다. Css method React-transition-group : 이것은 기본 CSS 애니메이션과 트랜지션을 간단하게 실행시키기 위한 컴포넌트 부가 기능 이다. react-anmations : React-animations은 animate.css의 모든 애니메이션을 구현 React reveal : React 애니메이션 프레임워크이다. TweenOne : antd에 애니메이션에 사용하는 라이브러리