본문 바로가기

개발일지

[한국의 Goodreads 개발하기] Day 5. 책 정보 페이지 개발 오후 2시 35분 오늘은 할리스 카페에서 작업한다. 책 이미지를 누르거나 제목을 누르면 보이는 책 페이지를 개발하려고 한다. 알라딘에서 제공하는 api에서 모든 책은 itemId를 가지고 있고 이것을 식별키로 사용할 것이다. pages/book/[id].tsx 파일로 개발한다. 저 뒤 id에서는 클릭한 책 itemId를 보내줄 것이다. next 동적라우팅은 아래 블로그를 참고했다. https://juicyjusung.github.io/2019/09/03/javascript/next-dynamic-routing/ next.js 동적 라우팅 (next.js 9버전) · juicylog Word count: 659Reading time: 4 min  2019/09/03   Share      j.. 더보기
[한국의 Goodreads 개발하기] Day 4. 프리티어 적용 오후 9시 6분 본가에서 오늘 다시 자취방으로 왔다. 오늘은 좀 간단한 작업만 하려고 한다. 프리티어 적용 왜 오토 세이브가 안되지.. 오늘은 일단 짧게만 하고 내일은 책 정보를 볼 수 있는 메인 페이지를 만들 계획이다. 더보기
[한국의 Goodreads 개발하기] Day 3. redux-saga 와 react 연동 오후 12시 31분 시작 어제 메일 보냈는데 알라딘 측에서 오늘 오전에 바로 메일을 확인해주셔서 Key를 발급받는 법을 알았다. 내가 추가를 해야 거기서 그 키를 인증하는 것이였다. 여하튼 성공적으로 알라딘 api를 사용할 수 있게 되었다. 근데 이미지 사이즈가 심각하게 작다... 일단 오늘 api도 사용해볼겸 redux와 redux-saga를 적용해야겠다. 물론 모두 typescript로 할것이다. 오후 12시 48분 "react-redux": "^7.1.3", "redux": "^4.0.5", "redux-saga": "^1.1.3", "next-redux-wrapper": "^4.0.1", "@types/react-redux": "^7.1.7", 이렇게 설치해줌. react-redux 빼고는 자체적.. 더보기
[한국의 Goodreads 개발하기] Day 2. 메인 화면 개발 오후 3시 38분 정도부터 시작했는데 밥먹고 나왔다가 뭐 확인하려고 하다가 페이지를 나가버려서 다 날라가버렸다. 일단 오늘은 react-id-swiper를 사용해서 그 슥슥 넘어가는거 구현하려고 했는데 잘 안되고 있다. next, typescript 조합이 라이브러라 뭐 적용하기가 힘든거 같다. 좀 더 찾아보고 마무리 해봐야겠다. 오후 7시 11분 그냥 내가 CSS를 안넣어서 그런게 아닌지 강한 의심이 든다. next.config.js 파일을 아래와 같이 바꾸었다. const withSass = require("@zeit/next-sass"); const withCss = require("@zeit/next-css"); module.exports = withCss(withSass()); 문제는 param.. 더보기
[한국의 Goodreads 개발하기] Day 1. 프로젝트 세팅 및 개발 시작 이번 프로젝트는 아래 해커톤 광고가 있길래 시작하기로 하였다. 일단 참가비는 안내고 있다. 나중에 신청해도 될 것 같아서... 왠만하면 신청 할 생각이다. https://hackathon.nomadcoders.co/ Nomad Coders Hackathon 소정의 참가비를 내고, 참가신청서를 작성하면 됩니다. 이 후 참가자들이 참여할 수 있는 슬랙채널, 중간점검 모임(2월 22일) 및 데모데이(4월 4일) 세부 내용들을 이메일로 안내드립니다. 참가신청서 작성참가비 납부참가 확정 후 개별/팀별 안내 이메일 발송슬랙. 오프라인 모임. 데모데이 참여 hackathon.nomadcoders.co 클론 코딩할 사이트는 아래이다. https://www.goodreads.com/ Goodreads Discover a.. 더보기

티스토리툴바