요약
- 동서남BOOK이라는 pdf 메모 웹사이트를 만들고 있다.
- 현재 기존에 있는 pdf를 불러와서 화면에 출력하고, 그 밖에 layout 을 디자인 하였다.
REACT에서 PDF를 출력하는 법
- react에서 pdf를 출력하는 npm 모듈
- 기본적으로 위의 모듈을 써서 pdf출력을 구현하였다. 하지만 pdf 텍스트에 하이라이트를 하고 페이지를 바꾸면 페이지가 reload되서 하이라이트 한 부분을 저장할 수 없다는 단점이 발견되었다.
- 그래서 오늘부터는 mozila에서 나온 pdfjs 를 사용해볼 생각이다.
- 이건 좀 다른 기능이지만 react-pdf라고 react에서 pdf 파일을 생성할 수 있게 해주는 모듈이 있다. 나중에 모든 메모들을 정리해서 각 pdf마다 메모를 정리된 pdf로 export 하는 기능도 만들려고 하고 있다. 그 때 이 모듈을 사용하면 좋을 것 같다.
Layout
- 언제나 제일 어려운건 디자인이다. 우선 가장 간단하고 심플하게 만들어 놨는데 색 조합에 대한 다른 사람의 의견을 더 들어봐야 할 것 같다.
- Layout은 프로젝트를 시작하기전에 카카오 oven으로 계획을 다 짜놓고 시작하였다.
- 이렇게 계획을 미리 짜고 시작하는게 좋은 것 같다. 프로그래밍 하는 도중에 디자인 때문에 고민하여 시간을 지체할 필요가 없기 때문이다. 다만 계획을 세우는 과정에 시간이 하루정도 걸린다는 것이 문제지만...잘 세운 계획 하나 열 삽질 안 부럽겠지 :)
Enjoy my coding