코딩 이야기

쿠팡을 모델로 한 의료용품 공급 사이트 프로젝트를 약 한달간 만들었습니다. 2023.05.26~2023.06.27 개발 툴 : Eclipse 개발 환경 : Java, Spring Framework, jQuery, jsp, js, css, mysql 개발 도구 : Maven, MyBatis 프로젝트 구성 메인페이지, 로그인, 회원가입, 카테고리, 장바구니, 배송지, 회원가입수정, 구매 리스트, 결제하기, 관리자 테이블, 물품등록 일단 프로젝트를 실행하면 메인 페이지 화면이 로딩 되어 나타난다 슬라이드 기능을 넣어 쇼핑몰의 목록들이 표시된다. 여기서 보여지는 기능은 헤더부분의 카테고리nav바와 마이페이지,장바구니,로그인,회원가입 이동이 가능하다. 사이트의 물건 구매를 하려면 로그인을 해야 가능하도록 구현하였..

날씨 정보를 활용한 일기 예보 사이트를 만들어 볼려고 공공데이터 사이트에서 실시간 단기 예보 정보를 받아와서 웹페이지에 뿌려주는 코드를 작성해보았다. Java Script로 기상청 api 활용하여 날씨 정보 받아오기 Weather Information Get Weather 필요한 정보가 있다면 더 추가 하면 되는데 쿼리 파람에 추가하면 된다. 정보형식은 기상청 api 문서를 참조해야 한다. 다음 프로젝트에 짤막하게 날씨 정보라도 넣어 볼까 하여 일단 정리해서 올려놓았다. 혹시 제 티스토리를 보시는 분이 계신다면 요새 낮아진 설명 퀄리티에 죄송하단말을 드리겠습니다.

내가 만든 포토폴리오를 깃 허브 서버에 호스팅해보고 싶어서 시도하는김에 블로그에 정리하면서 하고자한다. 일단 깃 허브에 왔으니 레포지토리를 먼저 만들어주자. 깃 허브를 해봤다면 다알겠지만 처음하는 사람도 있을테니 사진을 첨부해가며 정리하겠습니다. 사진에 나온 순서대로 설정해주며 레포지토리생성을 완료한다. 생성된 레포지토리에 파일을 추가한다. 커밋으로 올려도 된다. 파일을 올린 후 설정 탭을 누르고 페이지 항목을 클릭합니다. 그다음 메인 브런치를 선택하고 save를 누르면 도메인 주소가 생성되며 그 도메인주소로 접속시 프로젝트파일이 열린다. 딜레이가 걸릴 수 있으니 안되면 기다려보자 -끝-

우여곡절끝에 첫 번째 프로젝트가 끝나고 2번째 프로젝트를 시작할 시간이 되었고, 이번 프로젝트에서는 실시간 대시보드를 만들게 되었다. 생체데이터를 실시간으로 view로 전달해서 그래프형식으로 나타내기 하였으나 실시간 생체데이터를 받아올 곳은 없으니 우리가 실시간으로 측정 후 데이터를 받아와서 뿌려주기로 하였다. 처음에는 애플워치를 이용한 심박수 데이터를 가져오려고 하였으나 어플리케이션 개발은 해보질않아서 난항을 겪어 라즈베리 파이를 이용한 데이터를 가져오기로 하였다. 위 사진과 같이 기온,고도,기압을 측정후 서버로 전달 후 서버에서 자바스크립트로 불러와서 데이터를 가져오는식으로 대시보드를 완성했다. from flask.json import jsonify import mysql.connector impor..

자 이제 어플리케이션 설정이 끝났으니 설계를 먼저 해야겠지요? 정보를 담을 DB 설계를 하도록 합시다. 필자의 경우에는 mysql을 사용하였습니다. 앞에 테이블은 서비스 자체의 회원가입을 담는 테이블이고 뒤에는 sns 테이블입니다. sns 에서 이메일은 겹칠 수 있는 구조이기 때문에 분리 시키는게 맞다고 생각했지만 더 좋은 구조가 있다면 알려주세요. (사실 귀차니즘이...) 또롱 하고 대충 템플릿으로 로그인과 회원가입창을 구현해보았고 각 sns 버튼을 클릭하여 로그인 하는 구조로 해봤습니다. 우리가 하려는건 sns 로그인이지만 기존 로그인도 되면 좋겟죠? 기존 로그인도 구현하였습니다. MVC 구조 대로 컨트롤러->서비스 추상 -> 서비스 구현 -> 매퍼 -> xml 구조작성했습니다. 여기서는 서비스 로그..