미리보기

TA-50 중앙동체 0134 COJI 부품 조립

아트월, 아트플로어 디자인 패턴 제작

포토샵, 일러스트레이터, 캐드 활용 디자인 및 가공파일 제작

석재 가공 신제품 개발

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

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

• 스택 : HTML, CSS, JavaScript, Jquery

• 개발환경 : Visual Studio Code

• 목적

  • 뷰와 UI에 집중된 쇼핑몰 홈페이지의 디자인

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

    무작정 시작한 프로젝트

• 문제점

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

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

  • 적절한 그룹화가 되어있지 않아 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를 외래 키로 활용)

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