Project7 [Web & Mobile] 2021년 새해인사 페이지 스파르타 코딩 강의로 크리스마스 특집 카드 만들기를 완성했다. 정말 간단하지만 짧은 시간에 가족과 가까운 지인들에게 메시지 보내기에 좋았다. 개념부터 쉽게 이해할 수 있고 각 강의별로 필요한 소스는 복사할 수 있도록 되어있어서 기본 지식 없고 코딩 경험이 전무한 사람도 바로 시작하기 좋다. 배포 또한 html 파일을 업로드만 하면 바로 공유할 수 있도록 세팅되어있어 매우 편리했다. 배포하는 과정까지 직접 해보고 싶었지만 이건 조만간 어플 만드는 프로젝트 때 따로 할 예정 :D 웹과 모바일(iPhone X)일때 각각의 크기에 맞춰 중앙 정렬하고 패딩 값, 폰트 사이즈 값 정도만 약간 차이를 주었다. 🎇 폰트는 구글폰트, 아래 주소 참고하기 Google Fonts Making the web more beau.. 2021. 1. 2. [Web & Mobile] 관리자/고객 주문관련 서비스 Eclipse에 Gradle을 빌드하여 SpringBoot를 이용한 주문관리 웹 & 모바일 서비스 프로젝트를 진행한 내용 간략히 정리 OS : Windows Server 2012 Tool : Eclipse RDBMS : MySQL (version : mysql-installer-community-8.0.20.0) 우선 Maven 대신 Gradle을 빌드하여 대량 데이터를 다루기 훨씬 수월하도록 하였고 가상 서버는 MySQL을 활용, 매뉴얼을 작성하여 담당자가 쉽게 수정 및 관리할 수 있도록 하였다. 툴로 이클립스를 선택한 이유는 일반적으로 스프링 부트를 사용할 경우 툴은 STS로 관리한다고 하지만 개발하는 팀에게 있어 더욱 익숙하기 때문에 이클립스로 선택한 것이므로 별다른 의미는 없다. 주 언어는 JAV.. 2020. 8. 10. [Web] 자바(JAVA) 기반 웹 서비스 프로젝트 시연 Team : 코딩 램지(codingRamsay) DIFE 시연 형상관리 툴 : 깃허브(GitHub) 2020. 2. 22. [Web] basket, order, payment, orderList - 촬영용 드론 대여 및 고객과 파일럿을 연결해주는 통합 플랫폼 웹 서비스 - DIFE basket page 임의로 지정한 대여기간에 맞춰 모델번호, 상품명, 수량, 주문금액, 적립금이 제대로 나온다. 주문하기를 클릭하면 해당 페이지로 이동 - DIFE order page 결제 안내창 아래 동의하기 라디오버튼을 체크 후 결제하기를 클릭하면 KG 이니시스 API를 적용한 팝업창이 뜬다. - DIFE payment 실제로 결제되는 카카오페이는 테스트용이기때문에 당일 자정에 재입금되므로 안심! 시연할때도 QR코드 대신 카톡 메시지로 결제하였다. - DIFE order list 시연 전에 테스트했던 내역도 모두 DB에 저장되어있다. 해당 페이지는 로그인 시 우측 상단에 보여지는 마이페이지와 동일하다. 시간이 부족한 관계로 구현못한 개인정보수정 카테고리가 아쉬웠지만 Mapper에서 sq.. 2020. 2. 22. [Web] information, customerSupport, community - 촬영용 드론 대여 및 고객과 파일럿을 연결해주는 통합 플랫폼 웹 서비스 - DIFE information 메인 페이지와 같은 방식으로 언어는 파이썬, DB는 몽고, sql문은 NoSQL로 구현시키려 했으나 담당팀원이 추천 지역 위치와 그 지역의 정보 등을 크롤링하는것과 front단 구현이 예상보다 어려웠다고 한다. 그래도 지도, 길찾기 기능은 kakao API가 수월하게 연동되어 다행 랜딩 페이지는 새 창으로 볼 수 있다. - DIFE customerSupport 고객지원 페이지 UI는 한눈에 알아보기 쉽게 최대한 깔끔하게 구현시키려고 했다. - DIFE community 쿼리문을 동적으로 연동시키기위해 Mybatis를 사용, Mapper에서 작동되도록 설정 하지만 rownum이 잘못된건지 어디서 잘못된건지.. 확인 후 수정필요한 게시판 2020. 2. 22. [Web] product, productDetail - 촬영용 드론 대여 및 고객과 파일럿을 연결해주는 통합 플랫폼 웹 서비스 - DIFE drone page 검색조건은 모두 3가지 1. 모두 선택하지 않음 2. 시리즈명 / 가격 중 1가지만 선택 (대여일은 반드시 포함) 3. 모두 선택함 - DIFE drone list 사용자의 편의를 고려하여 페이징처리 대신 무한스크롤 적용 이때 비동기 방식을 사용하므로 Ajax로 처리했다. 상품 이미지위에 커서를 올렸을 때 해당 제품의 모델명, 간략한 설명, 가격을 미리 볼 수 있도록 설정 - DIFE drone detail 바로 전 페이지에서 선택한 모델의 상세 내용을 볼 수 있도록 넘겨준 페이지 해당 모델의 상세 내용과 바로 주문하기, 장바구니 담기, 쇼핑 계속하기 기능이 있다. - DIFE drone detail 모든 쇼핑몰에 꼭 기재되어있는 유의사항 - DIFE pilot list .. 2020. 2. 21. [Web] intro, main, login - 촬영용 드론 대여 및 고객과 파일럿을 연결해주는 통합 플랫폼 웹 서비스 스프링 부트를 이용한 반응형 웹 프로젝트 JAVA 기반 문법으로 객체지향적 특징을 활용 짧은 시간 내에 부족한 인원으로 완성도를 높이기에는 무리가 있었다. 코드 중간중간 오류가 발생하고 아무 문제없이 실행되다가 다음날 갑자기 White Label Error가 뜨기도 하고... 프로젝트 발표하는 날까지 다사다난했지만 결과물을 보니 뿌듯했다. :D 수정해야 될 부분이 다시 눈에 보이는데 시간 될 때마다 업데이트할 예정! DIFE intro page 우측 상단 로고를 클릭 시 메인 페이지로 이동 DIFE main page 방문자, 파일럿, 드론 수량과 날씨는 실시간 정보이므로 파이썬, 몽고 DB, NoSQL을 활용하여 수정할 예정 DIFE main page 1:1상담 가능한 챗봇은 메인 페이지와 상품페이지(드.. 2020. 2. 21. 이전 1 다음
