개발 노트

next.js 프로젝트 시작하기 npx create-next-app@latest yarn create next-app pnpm create next-app bunx create-next-app 원하는 조건에 맞춰서 세팅할 수 있습니다 What is your project named? my-app Would you like to use TypeScript? No / Yes Would you like to use ESLint? No / Yes Would you like to use Tailwind CSS? No / Yes Would you like to use `src/` directory? No / Yes Would you like to use App Router? (recommended) No / Yes..

세팅 후 프로젝트 시작시 파싱에러 발생 루트 경로 에 .bablerc 파일생성 // .bablerc { "presets": ["next/babel"], "plugins": [] } .eslintrc.json파일 수정 { "extends": "next/core-web-vitals" } ↓ 다음과 같이 수정 { "extends": ["next/babel","next/core-web-vitals"] } 에러가 해제된것을 확인할 수 있습니다

차트마다 chartId가 필요하다 삼항연산자를 사용해 상황별 chartId를 구분해주면 잘 나온다.

useLocation( ) Hook 중 하나이다. location 객체를 반환 pathname: 현재 주소의 경로(쿼리스트링 제외) search: 맨 앞의 ? 문자를 포함한 쿼리스트링 값 hash: 주소의 # 문자열 뒤의 값 state: 페이지로 이동할 때 임의로 넣을 수 있는 상태 값 key: location 객체의 고유값, 초기에는 default이며 페이지가 변경될 때마다 고유의 값이 생성 ex) 주소 http://localhost:3000/about/?detail=true&mode=1 const location = useLocation(); console.log(location); // 출력 // { // pathname: '/about/', // search: '?detail=true&mode=1..

ant design에 Modal을 사용하면 기본적으로 아래와 같은 버튼이 나온다 원하는 디자인으로 커스텀하려면 // 확인버튼 okButtonProps={{ style: { } }} // 취소버튼 cancelButtonProps={{style: { } }}

Radio와 Radio.Group 역할구분해서 사용 Report6Show.jsx 192~204라인 참고