Dev Blog

CMS BLOG 생성배경기존에 유지하고 있는 블로그는 지금 EC2 + S3 + RDS등 AWS 서비스를 사용하고 있으며,매달 금액을 지불하고 있다.소규모 웹사이트 이기도 하고 별도의 런타임 되는 서버는 필요 없다고 생각되어 vercel과 Supabase로 변경하여 비용을 없애기로 하였다.또 React + Express로 구현되었기 때문에 SEO에 매우 취약하기도 하고 Next 캐싱을 이용해서트래픽을 최소화 하기 위한 목적으로 제작되었으며,이후 템플릿겸 판매를 위해서도 서버리스 환경에서 구동되는 것이 유리하다 판단하여 Next.js로 구현하기로 하였다.목적은 비주얼 적으로 화려함보다 아닌 기본 기능을 견고하게 구현하고자 하였고고정 콘텐츠 삽입이나 캐러셀의 순서 변경 등 일반적인 CMS 블로그들의 기능을 포함하여 구현해보고 싶었다.원래는 SSE나 Websoket을 통해서 알람 같은기능을 추가하고 싶었으나일반 Blog에서는 과한 것 같아 서버리스에 배포할 수 있는 기능만 반영하였다.기존

Drizzle ORM다루어본 두번째 ORM이며, typeORM과 다르게 설정도 간편하였고 소규모 어플리케이션에 적합할 것 같은 ORM이었다.typeORM은 nest.js의 코드 패러다임과 매우 어울리기에 사용 되었지만,drizzle의 경우는 함수형으로 짜여있으며 일반 sql문과 함수의 순이 비슷하여 러닝커브가 많이 낮았다.하지만 늘 그렇듯 설정 부분이 헷갈

8/20전체적인 개발 로직은 완료되었다. 디자인은 완료 진작에 완료되어 퍼블리싱만 남은 상태이다.전보다 TypeScript와 React 대한 숙련도가 올라 가서일까 Next.js를 처음 다루긴 하지만 생각보다 수월했다.NextAuth같은 벽이 하나 있긴했지만 그래도 무난한 편이었다.개발하다 인증에 대한 로직을 하나 생성해야했다. 애초에 내가 원하는 방향은

env.local을 사용하는데 이상하게 환경변수를 전혀 못읽어왔다.api는DB_HOST=localhost // env.local 이렇게 해도 잘읽어오는데Front로직에서는 이상하게 안되는 현상이 있었는데 Next.js에서는 "NEXT_PUBLIC_" 접두사를 반영하면 해결된다.FRONT`${process.env.NEXT_PUBLIC_THIS_URL}/api

8/3포트폴리오를 진행하는데 디자인이 또 문제다. 맘에 들지 않았다.항상 디자인을 한 이후에 퍼블리싱을 진행할 때 좀 더 명확하게 반영하고 싶은 느낌이 늘 드는데 이번에도 마찬가지 였다.그냥 맘에 안드는 것을 빌딩하는 것보다 예쁜 디자인을 가지고 디자인을 하고싶었기에 다시 디자인을 하기로했다.톤앤매너도 전부바꾸고 원래 좀 파스텔톤을 좋아하던터라 그라데이션을

7/27 오늘 게시물을 쓰다가 gif를 반영하였다. 근데..?엥? 난 파일용량을 이렇게 작게 해둔적이 없다.물론 검사를 한다 해도 5MB로 설정해두었는데 계속 서버는 뱉어내고 있었다.CORS??? 왜????난 분명 express에 cors() 허용해두었다. 근데 찾아보니 nginx는 기본으로 업로드 파일의 크기를 1MB로 제한한다고 한다그래서 간만에 EC2