전체 글
-
🌸 Next.js와 Python으로 만든 광주시 벚꽃 명소 지도 프로젝트사이드 프로젝트 기록 2025. 3. 27. 00:51
안녕하세요! 오늘은 Python과 Next.js를 활용하여 광주시의 벚꽃 명소를 소개하는 웹 애플리케이션을 개발한 경험을 공유합니다. 특히 화면정의서, 기능정의서 작성부터 시작해 데이터 수집과 웹 서비스 구현까지의 풀스택 개발 과정에서 마주한 다양한 도전과 오류 해결 과정을 자세히 소개하겠습니다. 📍 프로젝트 소개본 프로젝트는 크게 다음과 같은 흐름으로 진행되었습니다.기획 단계화면정의서 및 기능정의서 작성데이터 수집 및 가공 (Python)웹 인터페이스 구현 (Next.js) 📑 화면정의서 작성하기화면정의서는 서비스의 화면 구성과 사용자 경험(UX)을 미리 정의하는 단계입니다. 저는 다음과 같은 방식으로 화면정의서를 작성했습니다. 주요 화면 구성 요소네이버 지도 영역장소별 커스텀 마커 디자인마커 클릭..
-
Mac에서 Homebrew와 nvm을 활용한 Node.js 설치 및 프로젝트별 관리 가이드환경설정, 세팅 2025. 2. 7. 17:35
Mac에서 Homebrew와 nvm을 활용한 Node.js 설치 및 프로젝트별 관리 가이드🛠️ Mac에서 Node.js를 설치하는 가장 좋은 방법은?웹 개발을 시작하려면 필수적으로 Node.js를 설치해야 합니다.하지만 "어떤 버전을 설치해야 할까?", "업데이트는 어떻게 하지?", "프로젝트마다 다른 버전을 사용하고 싶다면?" 같은 고민이 생길 수 있죠.이럴 때 nvm(Node Version Manager) 을 사용하면 쉽고 깔끔하게 해결할 수 있습니다!이 글에서는 Homebrew를 사용해 nvm을 설치하고, Node.js를 설치 및 관리하는 방법을 초보자도 이해할 수 있도록 자세히 설명하겠습니다. 🚀1️⃣ Homebrew란?🏗️ Homebrew란 무엇인가?Homebrew는 Mac에서 소프트웨어를..
-
02. 고객 관리 기능 구현사이드 프로젝트 기록/배달 관리 2024. 11. 21. 14:46
현재 만들어진 화면1. 개발 순서프로젝트 초기 설정Next.js 프로젝트 생성FastAPI 프로젝트 구조 설정MySQL 데이터베이스 설정기본 UI 구성네비게이션 메뉴 구현레이아웃 구성기본 컴포넌트 설정핵심 기능 구현고객 관리 기능Excel 파일 업로드데이터 필터링페이지네이션2. 주요 기능 정의 및 구현 방법2.1 고객 관리 기능고객 목록 조회고객 정보 추가/수정/삭제Excel 파일을 통한 대량 데이터 업로드검색 및 필터링 기능// 고객 데이터 타입 정의interface Customer { seq: number; orderNo: number; addressName: string; unit: string; address: string; name: string; deliveryDays: strin..
-
01. 프로젝트 배경과 개요사이드 프로젝트 기록/배달 관리 2024. 11. 21. 14:26
1. 배경취미로 운동삼아, 부업삼아 월 수 금 밤에 우유 배달을 하고 있는데 고객리스트 및 배달 주소지 관리할 겸 만들었다. 배포하거나 공유하는건 아니고 필요할 때만 혼자 로컬에서 쓰는 용도로 가볍게 만들어보는 프로젝트.사실 엑셀로 해도 되긴하는데 안 써본 기술들 사용해보고 싶어서 만들어보게 됐다.아래 내용들은 GPT와 대화하면서 정리한 것들. 이제 이대로 개발 시작 2. 프로젝트 개요우유 배달 관리 시스템은 우유 배달 업무를 효율적으로 관리하기 위한 웹 기반 관리자 시스템입니다. 고객 정보 관리, 배달 일정 관리, 배달 이력 관리 등의 기능을 제공하여 업무 효율성을 높이는 것을 목표로 합니다. 3. 개발 스택FrontendNext.js 14 (React Framework)TypeScriptTailwi..
-
비공개 리포지토리 만들기/전환환경설정, 세팅/Git 2022. 7. 23. 14:22
비공개 리포지토리 만들기/전환 1. 비공개 리포지토리 만들기 1. 초록색 New 버튼 클릭 2. Private 선택한 다음 내용 작성후에 Create repository 클릭 2. 비공개/공개 리포지토리 전환 1. 리포지토리 메뉴의 'Settings' 클릭 2. 맨 아래 Danger Zone 에서 'Change visibility' 클릭 3. public / private 선택후에 아래 빈칸에 username/리포지토리 name 입력해서 완료
-
#03 nested exception is org.apache.ibatis.reflection.ReflectionException: There is no getter for property named사이드 프로젝트 기록/Java 2021. 8. 5. 10:24
2021.08.05.목 환경 JDK : 1.8 데이터베이스 : MySql Spring 4 MyBatis 2.1.4 오류내용 sql join 사용시 mapper.xml 파일 수정 후 실행 시 오류 발생 nested exception is org.apache.ibatis.reflection.ReflectionException: There is no getter for property named 'Admin' in '~ vo' vo 파일에 Admin 이 없다? 해결 방법 의외로 단순한 문제였다 분명 user vo파일에 admin 추가했는데 계속 오류가 나길래 어제 오후를 다 버렸음.. mapper.xml 파일에 Admin resultMap 생성 후에 User resultMap 에 ..
-
#02 Cause: java.lang.ClassNotFoundException: Cannot find class사이드 프로젝트 기록/Java 2021. 7. 28. 16:09
2021.07.28.수 환경 JDK : 1.8 데이터베이스 : MySql Spring 4 MyBatis 2.1.4 오류내용 프로젝트 구조를 바꾸고 실행 했을 때 에러 발생 Cause: java.lang.ClassNotFoundException: Cannot find class 말 그대로 클래스를 찾지 못하는 중 해결방법 프로젝트 구조를 바꾸고 파일들을 옮기면 이클립스에서 자동으로 패키지 경로를 바꿔준다 mapper.xml 파일의 namespace, resultMap type 경로 확인 이번 에러의 경우에는 insert 메서드의 parameterType의 경로를 안바꿔줘서 문제가 생겼었다 -> mapper.xml 파일의 parameterType, resultTpye 등 꼼꼼히 확인할 것 그외로 jsp 파일..
-
#01 Git의 동작 원리카테고리 없음 2021. 7. 28. 13:41
Git의 동작 원리 Git 프로젝트의 구성 요소 Working Directory : 작업할 파일이 있는 디렉토리 Staging Area : 커밋(Commit)을 수행할 파일들이 올라가는 영역 Git Directory : Git 프로젝트의 메타 데이터와 데이터 정보가 저장되는 디렉토리 Git 명령어 git add [파일명] / git add . -> Working Directory 에서 Staging Area 로 [파일]을 추가 한다. add 뒤에 . 을 사용하면 모든 파일이 추가 된다. git commit [파일명] / git commit -a / git commit -am "커밋 내용" -> Stagigng Area 에서 Repository로 커밋 한다. git push -> 로컬저장소에서 github..