미리보기

프로젝트 명 : 화면구현 프로젝트

기간 : 2024년 09월 ~ 2024년 09 (2주)

스택 : HTML, CSS, JavaScript, Jquery

개발환경 : Visual Studio Code

목적

• HTML, CSS 를 활용하여 뷰와 UI에 집중된 쇼핑몰 홈페이지의 디자인 설계

• 코드를 작성하고 개발을 진행하는 것에 대한 지식이 전무했지만 일단 보여지는 무언가를 만들어 보겠다는 생각으로

  무작정 시작한 프로젝트

• JavaScript 함수를 통한 웹페이지 동적 조작 구성

문제점

• 반응형 웹 디자인이 적용되지 않아 브라우저의 크기에 따라 레이아웃이 깨지는 현상이 발생

• 화면에만 치중되어 있어 회원가입과 같은 다른 기능들이 전무함

• 적절한 그룹화가 되어있지 않아 UI 통일성이 떨어짐

• 파일을 나누고 구성하는 개념조차 잡혀있지 않았던 시기라 610줄에 달하는 모든 코드들을 한파일에 우겨넣어 가독성이 매우 좋지않음 → 유지보수 효율성이 떨어짐

프로젝트 명 : 회원관리 CRUD

기간 : 2024년 12월 ~ 2025년 1월 (1개월)

스택 : Java, JavaScript, Spring Boot, Ajax, Jquery, MySQL, Bootstrap, AWS

개발환경 : IntelliJ

목적

• Spring Boot 기반 서버 API 개발

• 회원 관리 기능과 주문 관리 기능을 분리하여 개발

• Ajax를 통한 JSON 데이터 사용

• AWS를 통한 클라우드 환경 배포

• CRUD

  • 새로운 회원 데이터베이스에 추가할 수 있는 폼 제공.

  • 기존 회원 정보를 수정하거나 업데이트 가능

  • 더 이상 필요하지 않은 멤버 정보를 데이터베이스에서 삭제 가능

  • 머스테치(Mustache)를 활용한 템플릿 엔진으로 멤버 정보를 시각화하여 표시

• 각각의 회원과 연결된 주문 목록 확인 가능(회원 ID를 외래 키로 활용)

• 주문 목록은 회원 뷰의 하위 테이블로 표시되어 각 멤버의 주문 정보를 직관적으로 파악 할 수 있다.