기능 요구사항은 '신고하기 버튼 클릭시 신고하는 폼으로 이동하기' 였는데, 이 최소 기능만을 구현하고 테스트해보니 사용자 입장에서 신고하는 폼에 필요한 양식들을 작성하기 위해서는 기존 페이지가 변경되지 않는 것이 사용자 경험에 더 좋을 것 같았습니다. 그래서 팀원들과 논의 후 신고하는 폼은 새 탭으로 열리게 하고, 기존 페이지는 이동없이 유지하도록하면서, 기존 기획/디자인에서 있었던 토스트는 삭제하는 방향으로 수정했습니다. 새 탭으로 열리게 하는 것은 다음 코드와 같이 자바스크립트 window 객체의 open 함수로 간단하게 구현할 수 있었습니다.'use client'export default function Page({ params: { userId, messageId },}: { params: {..

문제 상황 변경된 작업 내용을 push하려는데 husky 세팅의 pre-push 파일에 없는 exit 넘버와 함께 거절되었다.처음엔 뭐가 문제인지 몰랐는데, 백엔드분이 일부 파일의 세팅이 CRLF로 변경되어 있다는 걸 알려주셨다.  CRLF/LFCR, LF는 ‘Carriage Return, Line Feed’의 약자이고 고전 타자기에서 유래되었다고 한다. 종이를 고정하는 Carriage를 제자리로 미는 동작 (Carriage Return, \r) 과 종이를 올리고 줄을 바꾸기 위해 사용한 동작을 (Line Feed, \n) 나타낸다.  컴퓨터 OS별로 다른 줄바꿈 타입을 사용한다. Linux (유닉스 계열) : 리눅스에서의 줄바꿈은 LF가 기본값이다. (\n)Windows : Windows에서의 줄바꿈은..

도커 설치하려고 brew install docker 하니까 다음과 같은 오류 :: 그밑에도 쭈르륽.... 쟤가 알려준 2개 중에 core fetch 먼저 실행했는데 거의 7분? 넘게 가만히 있는거다 그래서 brew -v 로 버전 확인하니까 와brew -vHomebrew (....#...)Homebrew/homebrew-core (git revision #######; last commit 2020-02-25)Homebrew/homebrew-cask (git revision #######; last commit 2020-02-26) 20년 이후로 업데이트가 없어서;; 대박이다 다들 미리미리 해두시길 저거 첫번째 옵션 하나 실행하는데에만 15분 넘게 걸림 로딩바도 없고 걍 하얀 명령줄 그대로여서 컴퓨터 잘..

vercel 빌드 중에 svg를 찾을 수 없다는 에러 메세지가 나왔다. 찾아보니까 Nextjs에서 svg를 사용하려면 @svgr/webpack을 사용해야한다고? 그래서 일단 npm i -D @svgr/webpack command로 설치하고, 프로젝트 루트에 있는 next.config.mjs에 다음과 같이 설정을 추가했다./** @type {import('next').NextConfig} */const nextConfig = { reactStrictMode: true, webpack: (config) => { config.module.rules.push({ // 웹팩 설정에 로더 추가 test: /\.svg$/i, issuer: /\.[jt]sx?$/, use: ["@..

내가 작성했던 부분은 아니었는데, 리뷰받다 생각지 못했던 부분이라 기록해둔다.문제상황 ->우리가 구상한 회원 가입할 때의 이메일 인증방법은이메일로 인증하기 시도 -> 사용자의 이메일로 우리의 로고 이미지를 클릭하라는 메세지 -> 클릭시 우리의 페이지로 이동되면서 로그인 인증이 됨이 플로우였는데, 여기서 보안 이슈  이메일(외부) 에서 이미지를 클릭했을 때 우리의 api를 호출하는 방법 자체가 api endpoint를 탈취할 수 있기 때문에 문제가 된다api endpoint가 노출된다면 해커가 원하는 이메일로 토큰을 생성받아서 해당 이메일로 회원가입이 가능하다.  해결방법 ->이메일로 받은 인증 코드를 확인해서 사용자에게 인증 코드를 우리 사이트에 입력하라고 하면 된다. 외부에서 접근하는 게 문제

손에 땀났던 새벽... 문제 상황>로컬에만 있던 A브랜치에서 작업하던 걸 A브랜치에 push 했어야 하는데 원격에도 존재하는 B 브랜치에 push함그래서 github repo 어디에도 Push가 안되긴 했는데 문제는 A브랜치에서 다시 해보려니까 이딴 오류가. 생전 처음 보는 오류가 ... !!ㅜㅜ 그래서 B 브랜치가 잘못된 줄 알고 왔다갔다 식은땀 흘렸다.  해결 방법>1. A브랜치에만 존재하던 커밋, Push 내역을 git reset HEAD^로 지운다.2. 다시 add, commit 한다3. 다시 push 했는데 위의 오류 메세지가 다시 떴다. 그런데 읽어보면 통신 오류같아서 구글링하니까, 내 경우에는 이 레포를 http 프로토콜을 통해 git clone해왔기 때문에 http buffer 사이즈를 늘..

캘린더를 추가하기 전, 투두리스트만 있었을 때는 저장한 날짜(created_at)를 기준으로 태스크를 보여주고 있었는데, 캘린더를 추가하면서 저장 날짜 따로, 태스크 기준일 따로 나누게 되어서 다음과 같이 due_date 컬럼을 추가했습니다.ALTER TABLE tasksADD COLUMN due_date DATE; 이후 createTask하는 함수에 props로 due_date를 추가하고, 이외의 필요한 부분에 작성해서 Calendar 페이지에서 모달로 태스크를 작성할 수 있도록 수정했습니다. 그런데 DB를 확인하니 due_date가 -1일 되는 것처럼 보이는 것입니다.그래서 timestamptz로 타입을 바꾸고 시분초까지 보니까 -9시간이 되어있는 것을 보니 UTC 기준으로 날짜가 저장된 것을 확인할..

AWS Amplify 빌드 중에 다른 것도 아니고 뜬금없이 Module not found: Can't resolve '/...'2024-06-12T05:08:07.742Z [WARNING]: ./app/_components/layout/Sidebar.tsxModule not found: Can't resolve '@/_components/auth/signout/actions'https://nextjs.org/docs/messages/module-not-found./app/_components/layout/Sidebar.tsxModule not found: Can't resolve '@/public/icons/signouticon.png'https://nextjs.org/docs/messages/modul..