문제 상황 변경된 작업 내용을 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에서의 줄바꿈은..

이전에 공부했던 Next.js의 기능인 parallel routes, intercepting routes를 이용한 모달 페이지 구현 하기.중간에 프로젝트가 흐지부지되어서 그 이상의 진행은 하지 못했는데, 이때 공부했던 것을 바탕으로 다음 프로젝트에 적용해보았다.  각 파일별 기능은 위에 첨부한 글에서 모두 설명했기 때문에 이 프로젝트에서 적용한 방법에 대해서만 작성해둔다. 페이지의 UI는 다음과 같았다. 이런 모달이 신고하기/숨기기/숨김해제 로 3가지가 필요했다 병렬 라우팅으로 생성하고 경로 가로채기를 통해 모달을 상위에 띄우는 이 방법은 이동한 페이지 내부에서 모달을 생성해서 렌더하는 것이 아니라, 경로를 가로채서 모달 자체를 띄우는 것이니 사용자 경험이 좋아지게 될 수 있다 구현폴더 구조는 다음과 같..

PR 리뷰로 받았던 피드백 중 이 질문을 받고 작성해보는 글이다. 먼저 나는 경로를 가로채서 모달 자체를 띄우는 intercepting routes & parallel routes로 모달을 띄웠다. 그리고 이 질문이 달린 파일은 다음 (.)hide/ page.tsx 이었다. 'use client'import { Button } from '@/shared/components/Button'import { useRouter } from 'next/navigation'import { useCallback } from 'react'export default function Page({ params: { userId, messageId },}: { params: { userId: string; messageId..

포맷팅해야하는 양식은 위와 같았고, js의 DateTimeFormat을 사용해 KST로 바꾸면서 옵션을 DateTimeFormatOptions로 주었다. /** * 주어진 날짜와 일자를 "YYYY.MM.DD. 오전(혹은 오후)HH:MM" 형식으로 반환합니다. */const dateFormat = (e: Date) => { const options: Intl.DateTimeFormatOptions = { year: 'numeric', month: '2-digit', day: '2-digit', hour: 'numeric', minute: '2-digit', hour12: true, } const formatter = new Intl.DateTimeFormat('ko-K..