오역자들 사이트의 반응형을 적용시켜 보았다. 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에 애니메이션에 사용하는 라이브러리

피그마를 사용하여 새롭게 할 프로젝트의 프로토 타입을 만들었다. 비어 있는 부분들은 프로젝트를 진행하면서 생각해 보아야 하는 부분들이어서 비워 두었다.

파이어베이스를 사용하여 프로젝트를 시작하려고 한다. 파이어베이스는 호스팅 부터, Database, 사용자 인증, 그리고 Analistic 까지 매우 다양한 기능들이 제공된다. 초기 설정에서 fireStore를 설정하는 부분이 에러가 나는데 검색을 해보아도 잘 나오지 않는다. 좀 더 파이어베이스에 대해서 공부를 해보고 시작해야 할거 같다.