본문 바로가기

전체 글400

[TIL] 오늘의 개발일지 오늘 오전엔 팀원들과 다같이 코드리뷰도 하고, 그동안 정리하지 못했던 불필요한 주석처리 , 페이지 컨밴션을 정리하는 작업을 하였다 주말동안 내가 짜놓은 부분을 ts 리팩토링 했었는데 덕분에 오늘은 비교적 여유있게 자잘자잘한 작업들을 했었다 오늘 저녁에 튜터님이 오셔서 우리 프로젝트 코드를 쫙 한번씩 봐주셨는데 회원가입 하는 시간이 좀 느린것 같다는 유저 피드백을 받은 부분이 있었는데 회원가입을 할때 우리가 로직을 3개를 실행을 시켜줘서 (회원가입만 시키는게 아니라 유저 컬랙션을 생성해서 거기 유저 정보도 넣어주고 유저 프로필 업데이트도 해주는 로직) 그런 것 같다는 생각이 들었다 파베를 쓰다보니 근본적인 속도를 빠르게 해줄 수 있는 방법이 당장은 없으니 유저가 기다리는동안에 "회원가입중"이라는 상태를 보.. 2023. 3. 6.
[TIL] 끝날때까지 끝난게 아닌 오늘의 개발일지 끝나지 않는 오늘의 개발일지.... 오전에는 비교적 여유있게 사용자 피드백 받을 구글 설문폼도 작성하고, 팀원분들과 같이 화면공유하면서 자잘자잘하게 수정할 부분들 수정하고 배포 브랜치에 업뎃하고 .... 바셀에...배포하면......끝날줄 알았지.......... 팀원 한분께서 바셀로 배포된 링크에 들어가보시더니 "어, 500에러가 뜨는데 저만 그럴까요?" 그 질문을 시점으로 오후 내내 미췬듯이 그 에러를 해결하기 위해 매달렸다. (아래 오류일지가 바로 그 에러) https://warn-code.tistory.com/318 500: INTERNAL_SERVER_ERROR / 미들웨어에서 파이어베이스 getDoc하는데 났던 에러 / 바셀에서 배포할때 겪 yarn build를 하고 yarn start로 실행.. 2023. 3. 3.
500: INTERNAL_SERVER_ERROR / 미들웨어에서 파이어베이스 getDoc하는데 났던 에러 / 바셀에서 배포할때 겪은 현상 yarn build를 하고 yarn start로 실행을 했을때도 잘만 작동되었던 부분이 바셀에 배포한 후에, 미들웨어에 설정해주었던 페이지에서 아래와 같은 에러를 만났다. 진짜 몇시간동안 구글링하고 공식문서도 뒤져보고 이것저것 코드 수정을 해보았는데 도저히 안되서 .... 튜터님한테도 여쭤봤었는데, 아무래도 파이어베이스 getDoc을 미들웨어에서 사용하면 안되는 건지 근본적인 원인을 찾지는 못했지만, 미들웨어에서 구현했던 로직을 해당 페이지의 getServerSideProps에서 실행시켜버리는 방법으로 대체를 시켰다. 넥스트 미들웨어에게 의문의 1패를 한 기분.....매우 지치고 아련터지지만 내일 체력보충해서 , 또 더 레벨업해서 다시 보면 언젠간 해결할 수 있다고 믿는당 아래는 튜터님과 함께 해결한 다.. 2023. 3. 3.
Add --log-level=[info|debug] or export SENTRY_LOG_LEVEL=[info|debug] to see more output / yarn build할때 sentry 에러난 부분 잡기 sentry를 설치하고 다시 바셀에 릴리즈 version1.1을 배포하기 위해 yarn build를 하려고 하니 에러가 발생했다. [에러메세지] Add --log-level=[info|debug] or export SENTRY_LOG_LEVEL=[info|debug] to see more output. next.confing.js 파일은 웹팩 설정 파일인데 센트리를 깔고나서 이 설정을 withSentryConfig로 감싸주어야 한다고 한다. yarn build할때 저 withSentryConfig가 적용이 되고 빌드한 파일이 센트리에 업로드가 되는 거라고 한다. https://docs.sentry.io/platforms/javascript/guides/nextjs/manual-setup/ Manual S.. 2023. 3. 3.
next.js의 미들웨어 / 삭제된 페이지인경우 페이지 띄워주기 import { NextResponse } from "next/server"; import type { NextRequest } from "next/server"; import { doc, getDoc } from "firebase/firestore"; import { dbService } from "./config/firebase"; // This function can be marked `async` if using `await` inside export async function middleware(request: NextRequest) { console.log("request.nextUrl.pathname:", request.nextUrl.pathname); const nextURL = reque.. 2023. 3. 2.
[TIL] 오늘의 개발일지 드디어 고지가 보여~~!! 이번주 했던일은....4주차 사전 기술 노트에 작성한 것 그대로 복붙하깅^^ 텍스트에디터 기능이 작동이 안되었던 부분을 수정하였고, 댓글을 컴포넌트화하는 작업을 진행하였습니다. 커뮤니티 상세페이지에서 게시글, 댓글의 작성자, 프로필 사진이 실시간으로 변경되도록 로직을 수정하였습니다. 커뮤니티 댓글 작성시 공백일 때 댓글 저장이 되지 않도록 변경하였고 댓글이 “작성 시간”을 기준으로 정렬되도록 로직을 수정하였습니다. 기존의 alert로 알림을 띄우던 부분을 toast 라이브러리를 사용하여 수정하였습니다. 유저의 id를 인자로 넣으면 유저의 닉네임과 프로필 url을 리턴하는 커스텀훅을 구현하였습니다. 404에러가 발생했을때 클라이언트에게 보여질 404페이지를 추가하였습니다. 오늘 .. 2023. 3. 2.