Study/PJ log
Next.js Cors Error 처리 (feat. API Routes, TypeScript)
문제상황 요약 : next js에서 제공하는 커스텀 에러 페이지를 만들기 위해서는 rewirte의 sorce가 '/' 이면 안된다. (사실 rewirte를 사용하며 커스텀 에러페이지를 사용 할 수 있는 방법이 있을 것 같지만... (rewrite의 sorce의 depth를 바꾼다던가 등...) 내가 해결한 방향성과는 다르다. 그래도 해결 했으니까... 🥲) 1. 이전에 naver api를 사용하여 이미지를 불러오면 CORS 에러가 떠서, next js 에서 제공하는 rewrite 옵션을 추가하여 해결하였다. // next.config.json // some setting ... async rewrites() { return [ { destination: 'https://openapi.naver.com/:..
[PJ Log] React 프로젝트에 Next js 적용
기본적인 와꾸가 잡혀가는 내 개인 플래너 프로젝트... 대충이라도 빨리 만들어서 사용하고 싶다. 그러려면 빨리 Back-end와 Server를 돌려야 한다. 챗지피티에게 이것저것 물어보기도 하고 구글링도 하며 Next js를 사용해 express 서버에서 돌리기로 결정하였다. NEXT. JS 사용 전, 간단하게 NEXT JS가 뭔 대해 알아보자. The React Framework for the Web 사이트 들어가보니 가장 상단에 쓰여있는 카피. 말 그대로 React Framework라고 한다. NEXT 가 밀고 있는 장점들은 다음과 같다. Client and Server Rendering Nested Routing Data Fetching Built-in Optimizations TypeScript ..
[PJ Log] git rebase로 커밋 히스토리 정리하기
git branch를 병합하기 전 commit history를 정리하는 것을 깜빡하고 push까지 해버린 상황에 처했다. rebase 이럴때는 rebase를 이용하면 된다고 한다. 1. 현재 브랜치부터 수정하고 싶은 commit 위치까지 HEAD~ 에 적는다. //git rebase -i HEAD~(수정하고싶은 commit까지의 거리) git rebase -i HEAD~5 2. Rebase Vim에서 수정할 commit을 선택, 수정하고 싶은 커밋의 pick을 reword로 변경, 저장 후 나간다. //before pick (commint id) 'some commit message' //after reword (commint id) 'some commit message' 3. 그럼 경고 창이 뜰 텐데,..
[log.] 원티드 프리온보딩 인턴십 : 프론트엔드 숏 에세이
이번에 취준 중, 좋은 기회로 단기간 목표를 삼고 공부 할 기회가 생겼다. 합격할 수 있을지 없을지는 모르지만 숏 에세이를 제출할 겸 블로그를 써본다. 1. 지원하고 싶은 기업 나는 무형의 서비스가 메인인 회사가 가고 싶다. 그만큼 개발이 비즈니스에서 큰 파이를 가져가는 도메인을 가진 회사에서 일하고 싶다. 이런 관점과 더불어 나의 개인적인 경험으로 선정된 두 가지 정도의 회사를 적어보고자 한다. 스위치원 스위치원은 비대면 온라인 환전 서비스를 제공하는 회사이다. 21세기 DX 혁신이 추구된 이후 정말 영향을 많이 받은 산업이 있다면, 금융 산업이 아닐까 한다. 서비스 대부분이 전산화되어 제공되고 있고, 따라서 나도 깊은 관심이 있는 분야이다. 관련 데이터를 다뤄볼 수 있는 기회가 있으면 좋겠다고 생각하..
[Side Project] 일정 관리 어플 개발 (1) : 시작
✨동기 미루고 미루던, 구상만 하고 있던 사이드 프로젝트를 앞으로 주말에 취미처럼 시작해 보기로 했다. 주말에도 취준에 정처기에 알고리즘에.. 너무 이론 공부만 하면 개발에 흥미가 떨어질 수 있을것 같았기 때문. ✨목표 기존에 아이패드로 작성중인 30분 단위 플래너를 웹앱으로 구현한다. 기록된 내용들 ( 집중한 시간, 메모, 기상시간 등 )을 DB에 저장하여 시각화한다. 🔍기존 플래너 분석 위의 동기와 목표를 바탕으로 피그잼을 통해 간단하게 기존 내가 사용 중이던 플래너를 분석해 보았다. 기능 요소 메인테이블 부분 오늘 날짜 Plan - Do 영역 : am6 ~ am2 까지를 30분 단위로 쪼갠 블록들로 구성됨. 하루 목표, 다짐 적는 구역 Memo 구역 TO DO List 하루 요약 부분 목표 블록, ..