목록Project (22)
miinsun
프로젝트 사이트 : http://lehgo.site
Lehgo 👋 🏕🧳 사용자 취향 맞춤 여행지 및 여행코스 추천 서비스 🚃🚡 🔗 Go Lehgo 🏕 Introduce 반복되고 획일적인 여행 장소 추천에 만족하지 못하는, 본인만의 여행을 계획하고자 하는 사용자를 위해 나만의 코스를 짤 수 있는 여행 웹 서비스, Lehgo 🧳 Dev-Enviroment Os : Linux DBMS : Oracle 9g Server : Tomcat 6.0. Programming-Language AI : Python, Flask Back-End : Java Front-End : JavaScript, HTML5, CSS3/StyledComponent Framework Ai : PyTorch Back-End : SpringBoot Front-End : Vue.js 🚃 Main-F..
애플 개발자 아카데미를 준비하며 제대로 된 포트폴리오 사이트를 만들기로 결심했다. 마음같아선 직접 서버부터 웹 개발까지 맡고 싶었는데 15일동안 CV와 포트폴리오를 모두 준비하긴 무리일것같아 어쩔 수 없이 짧은 시간에 포트폴리오 페이지를 만들 수 있도록 여러 웹 서비스를 이용했다. 웹 호스팅의 경우는 gitHub Page 서비스를 이용했고, 포트폴리오 템플릿은 아래 ChemistryX님의 포트폴리오를 활용했다. 아래 프로젝트는 jekyll와 ruby로 만들어졌다. GitHub - ChemistryX/hyde: ☄️ Jekyll로 만들어진 개인 블로그 / 포트폴리오입니다. ☄️ Jekyll로 만들어진 개인 블로그 / 포트폴리오입니다. Contribute to ChemistryX/hyde developmen..
시스템 구조와 기능 정의를 모두 마치고 기능 구현하기 위한 마지막 단계로 DB구조를 설계했다. 먼저 ERWIN이라는 프로그램을 통해 데이터베이스의 논리적 설계를 마치고 MYSQL의 툴을 이용해 논리적 설계를 물리적 설계로 바꿨다. 이 과정에서 가장 주의했야 했던 것은 다대다 테이블을 구현하는 것이었다. 논리적 설계에서는 간단히 다대다 관계의 표현이 가능하지만, 물리적으로 다대다 관계를 표현하기 위해서는 연결 테이블이 추가로 필요하다. 아래 엔티티 관계도를 보면 coupon과 consumer_account를 매핑하기 위해 consumer_coupon을 생성했고, consumer_account와 store를 매핑하기 위해 receipt 테이블을 만들었다. 위의 엔티티 관계도를 기반으로 테이블 정의서를 작성해..
프론트 작업에 들어가기 전 먼저 화면 설계서를 작성했다. 우리 프로젝트의 경우, React로 웹 인터페이스를 만들기로 해서 화면 영역을 컴포넌트 별로 나눠 재활용이 보다 수월하도록 했다. 이번 게시글은 우리 팀이 어떤 식으로 화면을 설계했는지, 그 당시에 어떤 아이디어를 주고받았는지를 주요 화면들을 예시를 들어 작성해봤다. 가장 먼저 모든 화면의 기초가 될 메인 레이아웃을 설계한다. 앞으로의 대부분의 화면들은 메인 레이아웃을 기반으로 작성되었다. menu, nav, footer부분은 고정된 부분으로 스크롤에 영향을 받지 않고 사용자의 화면에 따라 다닌다. 고정되지 않은 검색 영역과 콘텐츠 영역은 web화면에 따라, 기능에 따라 유연하게 바뀔 수 있도록 구성했다. 소소한 할인 웹 사이트의 'HOME'페이지..
2차 보고서를 바탕으로 그동안의 프로젝트 설계 과정을 소개하고자 한다. 진행 과정은 시스템 구조와 같은 큰 단위에서 부터 유즈 케이스, 기능 처리도 같이 작은 부분까지 점차적으로 디테일하게 설계를 했다. 사실 프로젝트를 하는 6개월동안 설계에만 3개월정도의 시간을 쏟아 부었고 실질적인 구현에는 비교적 짧은 2개월 정도의 시간 소요한것 같다. 그만큼 시스템 설계에 신경을 많이 썻고, 최대한 수정하는 일이 없도록 설계 과정을 디테일하게 짜봤다. 가장 먼저 전체적인 시스템 구조를 설계하기 위해서 아키텍처 설계도를 만들었다. 클라우드 환경에서 소상공인이 Web의 상점 등록 서비스를 이용하면 api 서버를 통해 DB에 실시간으로 반영 되도록, 입점 된 상점을 사용자 앱을 통해서 이용할 수 있도록 애플리케이션을..
한이음 공모전 2차 접수를 하며 내가 만든 시연 영상이다. 따로 동영상 편집을 배운 적이 없어 동영상 편집 어플인 'vllo'를 이용했다. 프로젝트 개요 + 웹 시연 + 앱 시연을 1분이라는 짧은 시간에 소개해야돼서 영상의 속도가 상당히 빠르다. 공모전에서 1분으로 제한을 둬서 이 점은 감안을 하고 시청해줬으면 한다. 시연 영상을 만들고 아쉬운 부분이 많았다. 영상 퀄리티도 그렇고 내용도 그렇고,, 앞으로 영상 편집을 조금이라도 배워둬야 할 것 같다..
우리 프로젝트의 기술 스택과 개발 환경은 아래와 같다. 기술 스택 Back-End Spring, Mysql, Naver Cloud Server, Docker, Axios, Ajax 등 Front-End React, React-Native, bootstrap, react-bootstrap, native-base, redux 등 Tool Git, Trello 등 ETC 네이버 QR코드, 네이버 클로바 OCR , 구글 MAP, 네이버 APIGateWay 등 개발 환경 OS Window, ubuntu 개발 환경 (IDE) VisualStudioCode, Eclipse 개발 도구 리비전 제어 - Git, 빌드 도구 : Maven 개발 언어 java, javascript 기타 Cloud server - Naver ..