Latte

2022-07-14

J6 Combine

2022-08-12

모닥불

2022-07-13

BonFire

교육기간 : 2021-01-28 ~ 2021-03-02 ( 월,화,수,목,금 ) URL :   여행 관련 커뮤니티              

2021-12-10

Pearly Glow

교육기간 : 2020-12-14 ~ 2020-12-28 ( 월,화,수,목,금 ) URL :   주얼리 쇼핑몰                  

2021-12-10

JHTA Twitch

교육기간 : 2020-05-04 ~ 2020-06-04 ( 월,화,수,목,금 ) URL :   트위치 따라잡기                    

2021-12-10

Travelista

교육기간 : 2020-04-27 ~ 2020-06-05 ( 월,화,수,목,금 ) URL :   위치기반 여행정보 제공 사이트                              

2021-12-10

1박N2일

기간 : 2019-07-22 ~ 2019-08-14 ( 월,화,수,목,금 ) URL :   캠핑장 정보공유 커뮤니티  

2021-12-10

네이버 밴드

기간 : 2019-07-29 ~ 2019-08-16 ( 월,화,수,목,금 ) URL :   네이버 밴드   Project 네이버 포털사이트 벤치마킹 개발환경 OS Windows10 DBMS Oracle Expression edition 11g 사용기술 Java, JSP, Javascript, El, JSTL, jQuery, Ajax, HTML, CSS, Bootstrap, SQL, mybatis, spring, smartEditer 웹서버 Apach Tomcat 9 개발툴 Database Sqldeveloper, QueryBox 화면구현 툴 Brackets Editor Eclipse(sts) ERD ER Master 개발인원 개발기간 6 인 2018.07.29 - 2018.08.16 (19일) 상세 업무 (담당 업무) 네이버 밴드 담당   밴드 메인화면 - 가입한 밴드와 생성한 밴드를 보여줍니다. - 가입하지 않은 밴드를 추천해서 보여줍니다. - 인기글을 보여줍니다.   2. 밴드 생성 - 밴드명, 밴드사진, 밴드옵션등을 설정 후 생성을 도와줍니다.   3. 밴드 홈 - 밴드가입 여부를 판단합니다. - 밴드의 정보를 표시합니다. - 밴드에 새글(글, 그림, 투표, 할 일, n빵, 계획 등)을 SmartEditor를 사용해서 작성합니다. (새글 작성은 모달을 사용해서 띄웁니다. ) - 작성한 새글을 보여줍니다. - 밴드에 올린 사진을 추출해 따로 사진첩으로 저장합니다. - 밴드에 밴드에 가입한 멤버들을 보여줍니다.   세부기능 요약 및 설명 메인화면> <밴드 생성>     <밴드 홈페이지> <글쓰기>     <새글 – 투표 생성> <새글 – Todo (할일)>     <새글 – 참가 신청서> <새글 – N빵 (더치페이 기능)>     <새글 – N빵 인원선택> <새글 – N빵 계산화면>     <글쓰기시 자동 태그 추가> <글 게시완료>     <글 상세페이지> <밴드 사진첩>     <글 상세페이지> <밴드 Data Base>        

2021-12-10

민지컬리

기간 : 2019-05-27 ~ 2019-06-11 URL :   식료품 쇼핑몰   Semi Project Portfoli 민지컬리(식료품 쇼핑몰)   개발환경 OS Windows 7 DBMS Oracle Expression edition 11g Language Apache Tomcat 9.0.19 개발툴 Database Sql Developer, Query Box Design Brackets, bootstrap IDE Eclipse ERD ER Master 개발인원 개발기간 7명 2019. 5. 27 ~ 2019. 6. 11 (2주) 담당업무 사용기술 장바구니 및 주문 JAVA, HTML, CSS, JavaScript, Ajax, JQuery, JSON, Bootstrap, JSP, EL, JSTL, SQL, ibatis, model2 DATABASE 구조도     프로젝트 포트폴리오 세부내용 Portfolio detailed contents <상세페이지 장바구니> 양해림 구현     장바구니에 상품을 담을 수 있으며 성공 시 모달창으로 안내   동일한 상품이 장바구니에 있 는 경우 모달창으로 안내   로그아웃 상태일 때 상품을 담 을 수 없으며, 모달창으로 안내   ● 자바스크립트 사용 ● DB변경 (장바구니 update) <장바구니> 양해림 구현     1. 상품 수량을 1이하로 선택할 수 없음   장바구니에 담은 후 품절된 상품은 안내 문구와 함께 배경색이 변경되며, 선택할 수 없음   선택상품삭제ㆍ품절상품삭제ㆍ 전체상품삭제 가능   상품가격ㆍ할인가격ㆍ총구매가격ㆍ선택상품갯수 선택에 따라 실시간으로 변경   선택상품이 없을 시 클릭 불가       ● 자바스크립트 사용 多 ● DB변경 (장바구니Delete, 주문서update) ● Ajax (변경사항 실시간적용)    프로젝트 포트폴리오 세부내용 Portfolio detailed contents <주문서> 양해림 구현      장바구니에서 선택한 상품의 상세정보 확인 가능 (참고1) 선택에 따라 최근 배송정보를 불러오거나, 새로운 배송지 입력창 생성 (참고2)   적립금 이상의 금액을 입력할 수 없으며, 금액 입력 시 실시간으로 최종결제금액 변경   약관 미동의시 클릭 불가               ● 자바스크립트 사용 多 ● 다음 주소 API사용   참고1. 상세보기 클릭 시 상품 상세정보   참고2. 새로운 배송지 선택 시 주소 입력창     프로젝트 포트폴리오 세부내용 Portfolio detailed contents <상세페이지 장바구니> 양해림 구현         최종 결제상품 확인 가능   상품재고ㆍ포인트정보ㆍ배송지정보ㆍ주문정보 변경                         ● DB변경 (상품재고, 포인트, 배송지정보, 주문정보 update)  

2021-12-10

카카오 프렌즈샵

기간 : 2019-05-27 ~ 2019-06-11 ( 월,화,수,목,금 ) URL :   카카오 프렌즈샵   Semi Project 프로젝트명 카카오 프렌즈샵 개발환경 Windows 10 Oracle Database 11g Express Edition apache-tomcat-9.0.19 개발툴 eclipse, sqldeveloper, Brackets, ER Master 사용기술 Java, HTML, CSS, JavaScript, jQuery, Ajax, Bootstrap, JSP, EL, JSTL, ibatis, SQL, Model2 담당업무 메인페이지, 상세페이지, 검색페이지 프로젝트 기간 참여인원 19.05.27 ~ 19.06.11 (2주) 6명 포트폴리오     메인페이지1   1. 검색아이콘 클릭하여 검색 입력창 표시 2. 슬라이드배너 클릭하여 해당상품으로 이동 3. 신상품순으로 상품표시 4. 라이언 카테고리 상품표시 상세화면 기능설명     메인페이지2   1. 어피치 카테고리 상품표시 2. 좋아요 순으로 상품표시 3. 장바구니에 상품담기   상세페이지   1. 상품이미지를 슬라이드배너로 구현 2. 쿠키에 저장된 정보를 적용시켜 최근 본 상품을 출력 3. 현재 상품과 같은 카테고리 상품을 추천상품으로 출력 4. 찜하기와 장바구니 추가 5. 수량과 가격 구매하기 페이지로 이동     검색페이지   1. 검색을 통해 해당 키워드에 맞는 상품 노출 2. 총 몇건이 조회 되었는지 표시 3. 신상품, 최저가, 최고가 옵션별로 상품정렬 4. 해당 키워드 상품정보 및 해외배송 여부, 장바구니 저장 5. 페이징처리 및 이전 다음 페이지 버튼 구현    

2021-12-10

GOGO

기간 : 2019-04-03 ~ 2019-04-16 ( 월,화,수,목,금 ) URL :   고양이 용품 쇼핑몰   세미 프로젝트 GOGO(고양이 용품 쇼핑몰) OS Windows 7 DBMS Oracle 11g WAS Tomcat 8.5 Language JAVA 8.0 (Servlet & JSP) HTML / CSS / Javascript Database Oracle SQL Developer Design Bootstrap Editor Eclipse 기간 14일 인원 4명     프로젝트 개요 고양이 용품을 판매하는 온라인 쇼핑몰 담당업무 - 전체적인 디자인 - 회원가입 유효성검사 - 상품목록 페이지 - 문의게시판, 후기게시판 - 장바구니, 주문 및 결제 기능 - 마이페이지 주문내역, 관심상품, 나의문의, 나의후기 기능 - 관리자페이지 상품 등록, 문의, 리뷰 관리 기능   ◉ 기능 요약 및 설명     문의게시판 장바구니 - 글 작성시 등록한 비밀번호 입력 → 글 조회 - 관리자는 비밀번호 입력 없이 모든 글을 조회할 수 있으며, 답글 달기 가능 - 카테고리를 선택하거나 제목이나 내용 입력 → 글 목록 조회, 검색 - 장바구니에 담은 상품 정보와 합계금액 출력 - 각 상품의 수량을 수정하거나 관심상품 추가, 장바구니에서 삭제 가능 - checkbox를 선택하여 선택상품 삭제, 주문 가능         후기작성 후기글 조회 - 구매한 상품 목록을 select 형식으로 선택 - JavaScript를 활용한 별점 기능 - 이미지를 등록하면 MultipartRequest 객체로 처리 - 작성된 글 내용 조회 - 좋아요 아이콘 클릭 → Ajax 방식으로 데이터 처리       주문 내역 상품등록 - 주문 내역을 테이블에 출력 - 날짜를 입력하여 기간별로 조회 가능 - 후기를 작성하지 않은 상품은 ‘구매후기’ 버튼을 클릭하여 후기 작성 가능 - 상위 카테고리를 선택하면 AJAX 방식으로 하위 카테고리 출력 - JavaScript HTML DOM을 이용해서 상품 옵션 입력란을 원하는 만큼 추가 가능  

2021-12-10

Inssagram

기간 : 2019-03-25 ~ 2019-06-25 ( 월,화,수,목,금 ) URL :   SNS 사이트   Final Project 프로젝트명 Inssagram 개발환경 운영체제 Windows 7 Home Premium K 사용언어 Java8, Spring, MyBatis, JavaScript, jQuery, HTML, JSP, CSS, JSTL, SQL 데이터베이스 Oracle Database 11g Express Edition 서버 Tomcat 8.5 개발툴 코드작성 툴 Eclipse CodeMix 3 CI 2019.2.14 쿼리 테스트 QueryBox 3.3.1.1 프로젝트 기간 참여인원 2019. 03. 25 ~ 2019. 04. 26 (5주간) 개인 프로젝트 프로젝트 내용 웹페이지를 기반으로 Spring을 이용한 Social Network Service 제작 담당업무 요약 및 설명 기존 인스타그램 페이지의 디자인 최대한 비슷하게 복사 사진이나 영상을 첨부한 게시물 작성 회원 사이의 팔로우 등록, 해제 본인 정보, 팔로우 정보를 연계하여 회원들의 게시물들 조회 게시물의 댓글, 좋아요, 북마크, 댓글의 좋아요 게시물, 좋아요, 북마크, 댓글, 댓글 좋아요, 회원 정보를 종합한 뷰페이지 조회 뷰페이지에서 사진 이동, 이전글, 다음글로 이동 접속한 회원들 간의 채팅     회원의 정보페이지 Session의 로그인 아이디로 구분 본인일시 프로필 편집으로 이동 버튼 표시 타인일시 팔로우 등록 해제 버튼 표시 회원의 닉네임, 이름, 소개, 웹페이지 조회 게시물, 팔로워 팔로우 수 조회 회원의 게시물 리스트 조회 세부 내용   메인페이지에서 볼 수 있는 게시물 본인과 팔로우들의 글을 기간제한으로 조회 좋아요, 북마크, 댓글 등록 가능 회원 프로필 클릭시 회원 정보페이지로 이동 역시 JSTL FMT를 이용해 날짜 표시   회원의 게시물 리스트 마우스 올리면 사진과 영상 구분지어 다른 정보 표시 사진, 영상 구분지어 우측 상단에 아이콘 표시 클릭시 뷰페이지로 이동   게시물 리스트에서 선택시 볼 수 있는 조회창 Post 형태로 데이터 전송 작성 회원 정보와 댓글 조회 가능 게시물 좋아요, 북마크, 댓글, 댓글에 좋아요 JSTL FMT를 이용해 현재날짜와 등록일의 차이를 구해 분, 시간, 일, 그 외로 구분지어 표시 세부 내용   게시물 조회창에서 새로고침 혹은 링크 직접 입력시 표시되는 조회창 Get타입일 시 현재 페이지가 조회되도록 작업   게시물 입력 페이지 사진, 영상 선택하여 등록 파일 추가시 새로 추가 할 수 있는 영역 추가 동영상의 경우 올리고 미리보기 가능 동영상 올릴시 썸네일 추출     SockJS를 이용해 웹소켓 연결로 채팅 구현 Handshake-lnterceptor를 이용해 Session Data 추출 본인인지 여부 확인해 다른 메시지 표시  

2021-12-10

JMTGR

교육기간 : 2019-02-11 ~ 2019-02-22 ( 월,화,수,목,금 ) URL :   맛집 사이트   Semi Project JMTGR 프로젝트 소개 맛집 사이트 개발 기간 2019. 02. 11 ~ 2018. 02. 22 (12일) 개발 인원 6인 개발 환경 OS Windows 7 DBMS Oracle DBMS 11g XE WAS Tomcat 8.0 Languages Java, Servlet, Jsp, HTML, Javascript, jQuery, ajax 개발 툴 Database Eclipse Java EE for WEB Developers Design Bootstrap, CSS Editor Eclipse Europa DB구조도     담당업무 퍼블리싱, 설계, 평점, 후기(댓글)   메인페이지     음식점 서비스에 대한 웹사이트를 고려하던 중 맛집에 대한 맛집 위치, 후기를 볼 수 있는 사이트를 개발해보고자 개발을 진행   Ajax에 load를 이용하여 페이지들이 노출되게 설계되었습니다.     상세 페이지             맛집 리스트를 선택하고 로그인 후 댓글을 입력할 수 있음.   - 별점은 클릭을 하면 자동으로 별점 계산과 별의 색이 채워짐.       로그인을 하지 않으면 후기를 작성할 수 없음. 상세 페이지             입력한 댓글들의 평점이 평균으로 계산되어 별점으로 노출되고, 후기 역시 하단에 첨부한 이미지와 함께 노출된다.                       로그인되어있을 때 자신이 작성한 댓글에만 수정 삭제 버튼이 노출됨     수정 버튼을 누르면 저장 취소 버튼이 노출되고 내용을 수정하고 저장 버튼을 누르면 alert창이 노출되어 수정 확인 후 수정     취소 버튼을 누르면 이전에 작성한 내용 유지   삭제 버튼을 누르면 삭제 확인 alert 창이 노출되어 삭제 확인 후 삭제      

2021-12-10

EPL 커뮤니티 프로그램

교육기간 : 2018-12-21 ~ 2018-12-28 ( 월,화,수,목,금 ) URL :   EPL COMMNUNITY   Semi Project EPL COMMUNITY 프로젝트 소개 EPL리그 커뮤니티 프로그램 개발 기간 2018. 12. 21 ~ 2018. 12. 28 (7일) 개발 인원 1인 개발 환경 OS Windows 7 DBMS Oracle DBMS 11g XE Languages Java, Swing, jsoup 개발 툴 Database Eclipse Java EE for WEB Developers Design Swing DB구조도   담당업무 퍼블리싱, 설계, 개발   메인페이지 프리미어리그 정보 확인과 유저들끼리 서로 의견을 공유하는 프로그램 이전 회사에서 엑셀 VBA로 웹 스크래핑 매크로를 제작했던 기억을 떠올리며 JAVA에서도 비슷한 기능을 구현하고 싶어서 해당 주제를 선택하여 개발을 하였습니다.   상세 페이지 Server 소켓을 이용하여 게시판 이미지 파일 송수신을 담당 - Receive+게시글 번호.jpg >게시글 작성 시 이미치 첨부 - send+게시글 번호.jpg >이미지 파일이 첨부된 게시글 확인         Client - 리그 순위, 팀 정보 클라이언트를 실행하게 되면 EPL 정보(순위, 승, 무, 패, 골득실 등)가 특정 웹사이트에서 스크래핑되어 DB에 저장   스크래핑 사이트 - 사커웨이 >프리미어리그 순위테이블 스크래핑     프리미어리그 순위 창에서 팀 클릭 시 팀 정보 화면이 노출됨 1. 팀 정보창에서 팀 성적과 해당 팀에 대한 게시글들이 노출됨 2. 게시글들을 클릭하게 되면 게시글 확인 가능 - 게시글들은 자유게시판에서도 확인 가능   상세 페이지 Client - 자유게시판 팀 정보에서 작성된 글과 해당 게시판에서 작성된 글 모두 확인 가능   - 상단에 검색어를 입력하고 검색 버튼을 클릭하면 카테고리, 제목, 작성자, 내용에 입력된 단어가 포함되면 검색되어 노출. Client - 게시글 작성 작성자, 패스워드, 제목, 본문 등을 입력하고 입력 버튼을 누르면 게시글이 작성됨   - 패스워드는 해당 게시글을 수정, 삭제할 때 필요   - 카테고리를 선택하지 않으면 자유게시판에서만 게시글 확인 가능   - 이미지 파일은 JPG 이미지 파일만 첨부 가능(이미지 파일은 서버에 저장)   Client - 게시글 수정 수정할 내용을 수정하고 수정 버튼을 누르면 수정이 된다.   - 수정할 때 패스워드는 글을 작성할 때 입력한 패스워드 입력   - 이미지를 수정하지 않았다면 이전에 첨부하였던 이미지 유지 상세 페이지                 Client - 게시글 확인, 게시글 삭제 게시판 목록에서 게시글 선택 시 확인 가능   패스워드를 입력하고 삭제 버튼 클릭 시 해당 게시물 삭제       Client - 댓글   해당 게시물에서 닉네임과 내용일 입력하고 입력 버튼을 누르면 댓글 입력이 됨   느낀점 엑셀 VBA로 스크래핑 기능을 만들 때와는 달리 jsoup API를 사용하면서 좀 더 간단하게 스크래핑 기능을 구현할 수 있었습니다. 첫 프로젝트를 진행하면서 어떤 일을 먼저 해야 할지 고민이 많았습니다. 하지만 차근차근 UI를 설계하면서 기능을 하나씩 구현하였습니다. 아직 많이 부족하지만 좀 더 공부하여 더 나은 개발자가 되도록 노력하겠습니다. 개선 해야할점 1. 회원 가입 기능 2. 게시판의 페이징 기능 3. 게시판 작성 시 이미지 파일 확장자 다양화 4. 게시글 수정 시 이미지 삭제 기능 5. 댓글 - 삭제 기능 이외에 다수    

2021-12-10