개발일지 22년 3월 24일 :: Next.js 프로젝트 시작

일지 2022/03/24

개발 항해를 하면서 머리 정리하러 기록해야겠다

 

카테고리 부자

또 새로운 카테고리를 추가했다 '개발일지'

카테고리 부자 되겠군

 

 

NextJS 항해 시작

누군가 NextJS가 CRA의 superset이라고도 하네 안해볼 이유 없지 하고 NextJS 항해중

그냥 읽는건 재미없으니 만들면서 배워야지

 

API 긁어와서 만드는게 재밌어서 긁어오는 프로젝트

만들기 시작한 것은 Affiliate 관련으로 여러 군데의 API를 사용하게 될 것 같다

우선 기본 틀을 마련하고 피드백을 받아보고 로그인, 보안 등 까지 이어질수도

 

그런데 지금 CORS 녀석에 이틀정도 막혔네

그 이유는 CRA랑 proxy 설정 법이 다른 거랑, 가져오는 데이터가 xml 인지 몰랐네 허허

 

참고링크 1, 2, 3으로 해결!

xml를 사용하기 편하게 JSON으로 변환

고맙고 편리한 xml2js 패키지를 설치해서 사용했다

2~3일을 프록시와 xml에 발목 잡힌거구나

 

기획이랑 디자인 레퍼런스 심사숙고 해봐야지

약간의 리서치 결과 다행스래 비슷한 사이트는 보이지 않는다

만드는데 고생좀 하겠지만 그만큼 성취감 있을 듯

 

피드백을 위해 Affiliate 커뮤니티, 공개적으로 개발하고 기록하자

 

 

바람이 바꼈다!

기획이랑 디자인 순식간에 끝내고

4월 2일까지 리액트 구현 능력에 집중해보자

 

리액트 구현을 잘 하기 위한 방법이 뭐가 있을까

우선 지금 생각나는 것은

1. 구현 그 자체 어떻게 구현할지

2. 훅들 이용한 렌더링 최소화

3. 코드 재사용

... 등

 

내일 여러 리소스 알아보고 아이디어 좀 얻어보고

당장 페이지 구현 들어가야겠네

 

 

참고 링크

1. Nextjs에서 proxy 사용

=> https://soulcactus.dev/react/set-next-proxy/

 

2. Nextjs Rewrites 프록시로 이용

=> https://nextjs.org/docs/api-reference/next.config.js/rewrites

 

3. xml2js 패키지

=> https://www.npmjs.com/package/xml2js

 

 

Voyage by Raimond Klavins @unsplash