# 📎 프론트엔드 개발자를 위한 링크 모음

## 🎨 Styling

---

- [https://pyjun01.github.io/v/shadcn-ui/?utm_source=oneoneone](https://pyjun01.github.io/v/shadcn-ui/?utm_source=oneoneone)

- [https://xionwcfm.tistory.com/328](https://xionwcfm.tistory.com/328)

- [https://brunch.co.kr/@purpledev/50](https://brunch.co.kr/@purpledev/50)

## 📟 SSR frameworks

---

- [https://velog.io/@tap_kim/merging-remix-and-react-router](https://velog.io/@tap_kim/merging-remix-and-react-router)

- [https://mycodings.fly.dev/blog/2023-12-25-react-framework-debate-nextjs-vs-remix-by-kentcdodds-and-leerob](https://mycodings.fly.dev/blog/2023-12-25-react-framework-debate-nextjs-vs-remix-by-kentcdodds-and-leerob)

## 💽 Data fetching & State management

---

- [https://www.blog.kcd.co.kr/prefetchquery를-통한-프론트엔드-성능-개선-8c944f33b0df](https://www.blog.kcd.co.kr/prefetchquery%EB%A5%BC-%ED%86%B5%ED%95%9C-%ED%94%84%EB%A1%A0%ED%8A%B8%EC%97%94%EB%93%9C-%EC%84%B1%EB%8A%A5-%EA%B0%9C%EC%84%A0-8c944f33b0df)

## 🆃 Typescript

---

- [https://velog.io/@centraldogma99/HTMLAttributes-HTMLProp-을-쓰지-마세요](https://velog.io/@centraldogma99/HTMLAttributes-HTMLProp-%EC%9D%84-%EC%93%B0%EC%A7%80-%EB%A7%88%EC%84%B8%EC%9A%94)

## 🏎️ Performance

---

- [https://pyjun01.github.io/v/million-js/](https://pyjun01.github.io/v/million-js/)

- [https://toss.tech/article/28125](https://toss.tech/article/28125)

- [https://fe-developers.kakaoent.com/2024/240418-optimizing-nextjs-cache/](https://fe-developers.kakaoent.com/2024/240418-optimizing-nextjs-cache/)

- [크몽 프론트엔드 빌드개선 과정 Part 1 ](https://medium.com/@lakegreen635/%25ED%2581%25AC%25EB%25AA%25BD-%25ED%2594%2584%25EB%25A1%25A0%25ED%258A%25B8%25EC%2597%2594%25EB%2593%259C-%25EB%25B2%2588%25EB%2593%25A4%25EA%25B0%259C%25EC%2584%25A0-%25EA%25B3%25BC%25EC%25A0%2595-51419e75a442)rollup을 tsup으로 변경하여 빌드 성능 개선한 점이 흥미로움[](https://medium.com/@lakegreen635/%25ED%2581%25AC%25EB%25AA%25BD-%25ED%2594%2584%25EB%25A1%25A0%25ED%258A%25B8%25EC%2597%2594%25EB%2593%259C-%25EB%25B2%2588%25EB%2593%25A4%25EA%25B0%259C%25EC%2584%25A0-%25EA%25B3%25BC%25EC%25A0%2595-51419e75a442)

[https://medium.com/@lakegreen635/%ED%81%AC%EB%AA%BD-%ED%94%84%EB%A1%A0%ED%8A%B8%EC%97%94%EB%93%9C-%EB%B2%88%EB%93%A4%EA%B0%9C%EC%84%A0-%EA%B3%BC%EC%A0%95-51419e75a442](https://medium.com/@lakegreen635/%ED%81%AC%EB%AA%BD-%ED%94%84%EB%A1%A0%ED%8A%B8%EC%97%94%EB%93%9C-%EB%B2%88%EB%93%A4%EA%B0%9C%EC%84%A0-%EA%B3%BC%EC%A0%95-51419e75a442)

## ⚙️ Architecture

---

- [https://pyjun01.github.io/v/declarative-ui/](https://pyjun01.github.io/v/declarative-ui/)

- [https://toss.tech/article/restructuring](https://toss.tech/article/restructuring)

## 🎁 Library

---

- [https://toss.tech/article/framework-agnostic-library?utm_source=oneoneone](https://toss.tech/article/framework-agnostic-library?utm_source=oneoneone)

- [https://flowbite.com/](https://flowbite.com/) 테일윈드 기반으로 제작된 UI 라이브러리

## ⚙️ Infrastructure

---

- [https://medium.com/mildang/환경-변수-지옥에서-벗어나기-feat-dotenv-vault-bab9ed78958e](https://medium.com/mildang/%ED%99%98%EA%B2%BD-%EB%B3%80%EC%88%98-%EC%A7%80%EC%98%A5%EC%97%90%EC%84%9C-%EB%B2%97%EC%96%B4%EB%82%98%EA%B8%B0-feat-dotenv-vault-bab9ed78958e)

- [https://techblog.pet-friends.co.kr/aws-s3-object-lambda%EB%A1%9C-%EC%9D%B4%EB%AF%B8%EC%A7%80-%EB%A6%AC%EC%82%AC%EC%9D%B4%EC%A7%95-%EB%B9%84%EC%9A%A9-%ED%9A%A8%EC%9C%A8-%EB%86%92%EC%9D%B4%EA%B8%B0-4637ed7c2f6b](https://techblog.pet-friends.co.kr/aws-s3-object-lambda%25EB%25A1%259C-%25EC%259D%25B4%25EB%25AF%25B8%25EC%25A7%2580-%25EB%25A6%25AC%25EC%2582%25AC%25EC%259D%25B4%25EC%25A7%2595-%25EB%25B9%2584%25EC%259A%25A9-%25ED%259A%25A8%25EC%259C%25A8-%25EB%2586%2592%25EC%259D%25B4%25EA%25B8%25B0-4637ed7c2f6b) 

## 📎 유용한 링크

---

- [https://publint.dev/](https://publint.dev/) 라이브러리들의 package.json을 탐색할 수 있는 서비스

For the site tree, see the [root Markdown](https://slashpage.com/snax.md).