next admin

.prettierrc

nextjs는 세미콜론 사용을 권장하지 않고, 작은 따옴표를 사용하기 때문에 아래와 같이 설정해주었다.

{ 
    "semi": false, 
    "trailingComma": "all", 
    "singleQuote": true 
}

app / ui

components와 ui 중 폴더 이름을 뭐로 할지 고민했지만 nextjs의 공식문서에 ui로 되어있기 때문에 ui로 하기로 했다.

마찬가지로 globals.css도 ui 폴더에 넣게 되었다.

 

CSS 파일 이름

따로 스타일링 라이브러리를 사용하지 않기 떄문에, class 중복을 막고 로컬에서만 사용하기 위해 module을 붙였다.

컴포넌트 : card.jsx

css : card.module.css

 

 

 

 

---

 

chart 연습을 위해 시작한 프로젝트. mongo atlas를 사용해 데이터를 받아오고, 그에 맞게 chart를 변경 시킬 예정이다.