Loading
# Tailwind CSS
백엔드 개발 준비 백엔드 관련 공부를 본격적으로 해본 적은 없었지만, 이전 팀 프로젝트에서 MongoDB Atlas를 활용해 간단한 API를 만든 경험이 있었습니다. 당시 부트캠프에서 제공된 API 외에 추가적인 기능을 구현하고 싶어서 MongoDB Atlas를 사용하여 진행했습니다. 이번 블로그 프로젝트에서는 직접 백엔드 작업을 하고 서버를 배포하기로 했습니다. 이를 위해 선택한 기술은 Prisma와 PostgreSQL입니다. 기술 스택 선택 이유 Prisma 코드 가독성**: Prisma는 Schema-first 방식으로 데이터 모델링을 직관적으로 작성할 수 있어서 생산성이 높습니다. 자동화된 데이터베이스 관리**: 마이그레이션을 효율적으로 관리할 수 있습니다. 강력한 툴링**: Prisma Studio를 활용해 데이터베이스를 시각적으로 확인하고 조작할 수 있습니다. PostgreSQL
2024년 11월 18일
·댓글 0
·2
블로그 페이지 제작 블로그 게시글 목록 블로그 페이지는 Velog의 디자인을 참고하여 제작하기로 했습니다. 먼저 블로그 게시글 목록 페이지를 제작하였습니다. 게시글 목록 디자인 우선 게시글 목록 페이지의 디자인을 임시로 제작하였습니다. 아래는 해당 디자인의 이미지입니다: 게시글 목록 디자인 이 디자인을 바탕으로 게시글 데이터를 어떻게 처리할지 계획하고, Post 모델의 목(mock) 데이터를 생성하기로 했습니다. 이 과정에서 ChatGPT를 활용하여 아래와 같은 형식으로 데이터를 구성했습니다: // data/db.json { "posts": [ { "id": 1, "coverImage": "/images/
2024년 11월 15일
·댓글 0
·1
작업 시작 프로젝트를 시작할 때 제일 먼저 환경 세팅을 했습니다. 프로젝트의 효율적인 개발 환경을 만들고 일관된 코드 스타일을 유지하기 위해 ESLint와 Prettier를 설정하고, 폰트와 Tailwind CSS를 추가한 다음, 간단한 메인 페이지를 만들어보았습니다. 이 사이트는 단순한 기술 블로그를 넘어 포트폴리오로 활용 가능한 공간을 목표로 했습니다. 또한, 프로젝트 과정에서의 기술적 성장과 배운 점을 기록하고 사용자 피드백을 통해 지속적으로 개선할 수 있는 플랫폼을 직접 운영해 보고자 했습니다. ESLint ESLint 설정 ESLint를 먼저 설정해준 이유는 코드를 작성할 때 바로 문제를 확인하고 수정할 수 있으며, 코드를 깔끔하게 유지할 수 있기 때문입니다. ESLint 설정 시 여러 블로그와 ChatGPT의 도움을 받아
2024년 11월 10일
·댓글 0
·2