Front-end/Review
-
Antd 사용 리뷰Front-end/Review 2023. 4. 8. 22:15
antd를 사용하여 프로젝트 하나를 진행하고 있습니다. 사용하면서 느낀 점들을 정리해보겠습니다. https://ant.design/ Ant Design - The world's second most popular React UI framework Ant Design 5.0 use CSS-in-JS technology to provide dynamic & mix theme ability. And which use component level CSS-in-JS solution get your application a better performance. ant.design https://github.com/ant-design/ant-design GitHub - ant-design/ant-design: An e..
-
AWS Amplify 사용 리뷰Front-end/Review 2023. 3. 29. 00:38
프론트엔드를 로컬에서 공부하고 작업할 때 잊어버리는 부분이 있습니다. 내가 만든 애플리케이션을 사용자가 보기위해서는 결국 "배포"라는 과정이 있어야합니다. 정적 웹페이지라면 그나마 간단할 수 있지만, SSR (server side rendering)과 같이 서버 부분이 필요한 배포가 있다면 프론트엔드만 공부해서는 어렵습니다. 그래서 deployment 업체들이 있습니다. 예를 들어 대표적인 SSR 프레인워크인 Next.js를 만든 Vercel은 deploy 서비스를 유료로 제공합니다. 그러나 그 비용은 생각보다 비쌉니다. Next.js를 open source를 사용하여 저렴한 비용으로 cloud에 depoly 할 수 도 있지만 권한관리등과 같은 문제가 엮이면 새로 공부를 해야합니다. 그래서 제가 선택한 ..
-
Nx React Standalone 사용 리뷰Front-end/Review 2023. 3. 29. 00:10
프로젝트가 커지면 어떻게 해야 효율적으로 관리할지가 항상 고민입니다. 현재 작업하고 있는 프로젝트가 여러개의 프로젝트로 분리될 수 있음에도 불구하고 하나의 repo에서 관리되고 있고, 오랜 시간 지나면서 코드가 뒤죽박죽 섞여버렸습니다. 그래서 재설계를 진행하면서 효율적인 관리 방법으로 monorepo를 사용하였습니다. Monorepo의 장점은 간단히 말해 같이 사용하거나, 비슷한 프로젝트를 관리하기 쉽다 입니다. 이에 대한 내용은 아래 링크에서 아주 잘 설명되어있습니다. 꼭 참고하시기 바랍니다. https://d2.naver.com/helloworld/0923884 Monorepo 도구로 Nx를 채택하였습니다. 그 중에서 React Standalone 방식을 사용하였습니다. 여러개의 프로젝트를 하나의 m..
-
Zustand 사용 리뷰Front-end/Review 2023. 2. 28. 01:39
예전에는 React 상태 관리 도구로 redux, mobx 정도가 유명하게 사용되었습니다. 요즘에는 더 많은 상태 관리 도구가 개발되었고, hook을 사용하는 등 function component에 친화적으로 개발되고 있습니다. 최근에 zustand를 사용하여 개발을 하고 있는데 그 리뷰를 남겨보려고 합니다. Zustand https://github.com/pmndrs/zustand GitHub - pmndrs/zustand: 🐻 Bear necessities for state management in React 🐻 Bear necessities for state management in React. Contribute to pmndrs/zustand development by creating an ac..
-
Remix vs Next.js 간단 사용 리뷰Front-end/Review 2023. 2. 27. 01:08
처음 블로그를 계획할 때 front-end 개발자라면 직접 만든 블로그 하나쯤은 있어야 한다고 생각했습니다. 그런데 생각을 해보니 글을 어떻게 저장하고 게시할지 막막했습니다. aws를 사용한다고 해도 익숙하지 않은 내 영역 밖의 기술 때문에 시간을 많이 뺏기고 싶지 않았습니다. 그래서 찾아본 방법이 notion 페이지를 웹에서 보여주는 것입니다. react-notion-x 라는 패키지를 사용하면 될 것처럼 보였습니다. https://github.com/NotionX/react-notion-x GitHub - NotionX/react-notion-x: Fast and accurate React renderer for Notion. TS batteries included. ⚡️ Fast and accurat..