간단 프로젝트 만들기.

SungHoon kim·2023년 1월 19일
0

작년이후로 국비교육과정 수료하고..

팀 프로젝트도 마무리 하고 바쁜 시간을 보냈습니다.

이번에는 개인 프로젝트 간단하게 만들어 볼라고 합니다.
회원관리와 주문관리 즉, 가게부 만들어 볼까요?

기존 팀 프로젝트의 과정을 복습하는 과정을 가질 예정입니다. #notion

멋진 형, 누님들 덕분에 notion 이라는 웹사이트를 이용하여 팀프로젝트 과정을 회의록으로 기록하고, 협업하였습니다. 신기방기.
https://www.notion.so/FINAL-PROJECT-1d3ee3821af74741be788835afe490cf

1. 프로젝트 주제의 데이터 처리에 대한 프로토타입 제작**

※ 요구사항을 이해하고 결정하기 위해 전체적인 기능을 간략한 형태로 구현

1) 입력으로 무엇이 포함되어야 하나?
	회원등록, 임의 회원정보관련 칼럼 등록, 판매내역 등록.
2) 출력으로 무엇이 포함되어야 하나?
	회원확인, 판매 기록 조회
3) 어떤 데이터를 저장해야 하나?
	회원정보, 판매내역
4) 어떤 연산을 수행해야 하나?(데이터 가공)
	기본 CRUD기능
5) 제공할 서비스는 무엇인지?
	관리자 페이지 안에서 회원정보, 판매 기록, 조회, 등록
6) 주제에 관한 관한 서비스를 어떻게 제공할 것인지?
	회원 관리, 판매 현황 조회
    

2. 테이블 시나리오 작성 및 ERD 생성.

1) 테이블 시나리오 작성해보기.
    현재 회원테이블, 판매현황 테이블 7개가 나옵니다.

2) ERD 생성하기.
     ERD란?(Entity Relationship Diagram) 밑에 주소를 한번 참고해보자.
칼럼과, 자료형을 입력하고 테이블간의 관계도를 만들어 봅시다.
https://velog.io/@kjhxxxx/DataBase-ERD란

정의서 작성 과정
(은 생략해보겠습니다.)

3) SQL문 작성 및 테이블 생성, 정보 입력
    위 사이트에서 erd를 생성하면 기본 sql문도 작성해 주지만,
그대로 사용하기에는 오류가 많아서, 수정 생성하였습니다.

그후 나중 테스트를 위한..
시나리오 정보 추가를 위한 sql문도 작성, 실행 하면 좋지만 이번에는 생략.. 안하고 만들어 볼게요.


3. UI 가이드맵 작성

1) 벤치마킹 사이트
공비서 : 고객 관리 사이트.
https://www.gongbiz.kr

유비플러스 : 고객 관리 사이트.
http://www.ubiplus.net/main/html.php?htmid=sub/introduce01.html

이곳에서 기본 회원정보에 칼럼을 임의로 추가해서 설정하는 기능을 추가해봅시다.

2) UI 가이드맵 작성

https://ovenapp.io
이전 프로젝트에서는 oven이라는 사이트를 이용하였습니다.
버튼클릭으로 화면전환까지 표현해줄수 있어서 좋았습니다.

https://miro.com/app/board/uXjVPx51m6s=/
이번에는 Miro 사이트를 이용해 봅시다.

만들기 눈이 아프고 처음 사용하여 시간이 오래 걸렸지만,
한눈에 경로를 알수 있었고, URL과 뷰단을 미리 정할수 있던점이 좋았습니다.


4. 프로젝트 생성 및 View단 만들기.

1) 프로젝트 생성.
수업에서 배운대로 Spring starter project 를 생성 하였습니다.

2) 의존성 추가하기.
    Pom.xml 로 가서 dependencies 태그안쪽에 추가합시다.

필요한 의존성을 maven사이트에서 찾아봅시다.
https://mvnrepository.com/artifact/org.apache.tomcat.embed/tomcat-embed-jasper


3) 작업폴더 생성 및 js파일 추가

     sql문을 담을 mapper 파일 위치에 맞게 생성 추가로 필요한 파일(js, css)을 담을 경로도 생성해 줍시다.

4) 환경설정.
    JSP-Mariadb연결 , jsp설정 view단 경로, 파일업로드 용량 설정, 등 작업전 미리 작업이 필요합니다.

application.properties 설정

GuemsanApplication.java 설정
bean을 생성해줍시다.

기본 파일 생성 mappers-> index.xml views -> index.jsp

기본준비 완료.??


5) GitHub 연동하기.

    팀프로젝트를 하게 되고, 매일 프로젝트를 최신화 하기 위해서는 GitHub 를 자연스럽게 사용한다고 합니다. 그날의 작업을 업데이트하고 하루를 끝내고, 다음날의 시작은 Project를 최신화 이후 작업을 하였습니다.

    작업 시작시 최신화 하지 않으면, 공동 작업이기 때문에 잦은 오류와 이전 프로젝트와의 충돌로 작동되지 않는 일이 빈번히 일어났었습니다. 또한.. pull request시 개인 작업이 잘 작동되는지, 다른 사람의 파일을 건드리지 않았는지 불철주야 꺼진불도 다시 보아야 했습니다. ( 나도 모르게 삭제하고 )

아직도 깃허브 너란친구.. 어렵다 ~

기존 생성된 프로젝트를 GitHub에 올리는 작업은 밑에 사이트를 참고하였습니다. 갑사합니다.
https://sowon-dev.github.io/2021/05/09/210510git-connectProject/

좀더 상세하게 알려주셨네요 이분에게도 감사합니다.
https://idiottech.tistory.com/12

profile
아직도 배가 고픕니다.

0개의 댓글