Build your component library - shadcn/ui
A set of beautifully-designed, accessible components and a code distribution platform. Works with your favorite frameworks. Open Source. Open Code.
ui.shadcn.com
프론트엔드 컴포넌트 라이브러리
--
웹폰트 사용
npm install pretendard
import localFont from "next/font/local";
const pretendard = localFont({
src: "./../../node_modules/pretendard/dist/web/variable/woff2/PretendardVariable.woff2",
display: "swap",
weight: "45 920",
variable: "--font-pretendard",
});넥스트에서는 tailwind가 깔려있어서 위 코드를 최상위 레이아웃에 추가 후
HTML 태그 classname에 pretendart.variable을 추가,
body 태그의 classname에 pretendard.classname을 추가하면 적용됨
--
https://docs.fontawesome.com/web/use-with/react
Set Up with React
docs.fontawesome.com
페이지 내에서 이모티콘 사용
여기서 설치법대로 설치 후
https://fontawesome.com/search
Font Awesome
The internet's icon library + toolkit. Used by millions of designers, devs, & content creators. Open-source. Always free. Always awesome.
fontawesome.com
여기서 아이콘을 찾아 사용하면 된다. 무료 유료 구분이 있으니 주의
--
ERDCloud
Draw ERD with your team members. All states are shared in real time. And it's FREE. Database modeling tool.
www.erdcloud.com
erd 만드는 쉬운 것
Flowchart Maker & Online Diagram Software
Flowchart Maker and Online Diagram Software draw.io is free online diagram software. You can use it as a flowchart maker, network diagram software, to create UML online, as an ER diagram tool, to design database schema, to build BPMN online, as a circuit d
app.diagrams.net
erd 작성 다른
깃 컨벤션
https://github.com/codestates-seb/seb45_main_024/wiki/%EA%B9%83%EC%BB%A8%EB%B2%A4%EC%85%98
깃컨벤션
나와 잘 맞는 팀원을 만나기 위한 사이드 프로젝트 플랫폼, 스무디. Contribute to codestates-seb/seb45_main_024 development by creating an account on GitHub.
github.com
'TIL' 카테고리의 다른 글
| 250327 목 TIL (0) | 2025.03.27 |
|---|---|
| 250319 수 TIL (0) | 2025.03.19 |
| 250218 화 TIL (0) | 2025.02.18 |
| 250217 월 TIL (1) | 2025.02.17 |
| 250214 금 TIL (0) | 2025.02.16 |