# MiniProject

30개의 포스트
post-thumbnail

[Python] API 기반 웹 미니 프로젝트

Frontend stack : html, css, javascript Backend stack : Flask, MongoDB, API, python 프로젝트 설명 : 서울시에서 제공하는 Open API 를 이용하여 서울 도서관 인기대출 도서목록 20선 정보의 데이터를 가져와 책에 대한 리뷰 작성을 할 수 있는 서비스를 제공하는 웹 플랫폼이다. Open API : https://data.seoul.go.kr/dataList/OA-15475/S/1/datasetView.do 와이어프레임 : figjam 서비스를 이용해서 개발해야 하는 기능들을 도식화 하였다. 1.메인 페이지 ![](https://velog.velcdn.com/images/whdlsg

2023년 8월 11일
·
1개의 댓글
·
post-thumbnail

| 오늘도 코딩 DAY02 |

JAVA & SQLD 이용한 miniproject > 완성본 링크 >>> velog miniproject > 프로젝트 만들기 전에 중요시 생각한 부분 첫번째로 데이터베이스 연동부분을 가장 중요시 여겼으며, 두번째로는 간결한 코드를 만드는 것에 집중을 했던 것같다. > 힘들었던 부분 데이터베이스와 연동하는 프로젝트로, 코드 하나라도 잘못되면 실행이 안되어 머리를 좀 많이 썼던 것 같다. >프로젝트를 진행하면서 중요하게 생각했던 부분 아무래도 데이터베이스와 연동하여 작업하는 부분으로 데이터를 불러오고 쓰는 DTO부분에서 크게 중요성을 느꼈다. > 프로젝트 완성시 느낀점 내 생각대로 움직이지 않았던 부분을 해결하면서 한층더 성장한 기분을 느꼈으며, 이를 바탕으로 이렇게 나의 코딩 실력부분을 쌓아갈 수 있었던 좋은 발판이 되었다. >다음 시간에는 . . . 처음으로 들어보는 스프링에

2023년 7월 15일
·
0개의 댓글
·
post-thumbnail

2023.05.08~2023.05.14

What I learned This week I had the opportunity to cooperate with front-end team to make a mini project. It was a great time for me to learn the system and operation flow of a website! Not only that I was able to learn few things more: During the mini project week, lot of other teams had CORS issue when BE and FE tried to connect server, however we did not have that problem. I think there were two main reasons why we didn't face such error. The first reason is because BE Team created API with

2023년 5월 15일
·
0개의 댓글
·
post-thumbnail

2023.05.12

5월 4일부터 5월 11일, 일주일간 미니 프로젝트를 진행하였다. 💌위드인 (WithIn) 우리 조직의 이야기를 공유하기 위한 커뮤니티 사이트 좋은 일은 다 같이 축하해주고, 슬픈 일은 다 함께 위로와 격려를 해줄 수 있는 우리만의 공간! 📆 프로젝트 기간 2023년 5월 5일 ~ 2023년 5월 11일 🗝 ERD ![](https://velog.velcd

2023년 5월 12일
·
0개의 댓글
·
post-thumbnail

Mini Project - Stream Park 3

Github 바빠서 중간중간 기록을 하지 못하였다. 팀원들과 연동까지 한 상태이다. Profile ProfileHomeController.java Mapper, Service & Service Impl ProfileMapper이다. Profile 관련된 Mapper를 모두 모아놓았다. ProfileService.java ProfileServiceImpl Profile Create ProfileCreateController이다. profile_create.jsp이다. 왼쪽

2023년 4월 27일
·
0개의 댓글
·
post-thumbnail

Mini Project - Stream Park (2023.04.21)

Stream Park Profile 프로필 생성 Controller를 사용해야 해서 수정하였다. ProfileService ProfileServiceImpl.java ProfileCreateController.java profile_create.jsp jsp는 앞으로 동일한 부분은 생략하고 변경된 부분만 작성한다. 암호 변경 Mapper를 생성하고 ProfileService ProfileServiceImpl이다. Service와 Impl은 같으니 앞으로 생략한다. ProfileUpdatePwController.java를 작성한다. profile_updatepw.jsp이다. 이런 화면이 생성된다. ![](https://velo

2023년 4월 21일
·
0개의 댓글
·
post-thumbnail

Mini Project - Stream Park (2023.04.20)

미니프로젝트 Stream Park DB H2를 계속 접속하는 게 불편해서 DBeaver를 사용한다. ER 다이어그램 요구사항 정의서 ![](https://velog.velcdn.com/images/nawhes_joo/post/02f37ef1-6b18-435f-ae1a-25d49f1ab305/image.p

2023년 4월 20일
·
0개의 댓글
·

Color Palette Generator 만들기

Random Color Palette Generaotr 참고한 영상 : https://www.youtube.com/watch?v=H-LvaBNLDSQ&t=609s Set 차료형을 이용해 중복없는 배열을 생성한다는 점이 아주 섹시하다고 볼 수 있다. 코딩테스트 준비가 의외로 실 코딩에 도움이 많이 되는 것 같다. 클립보드에 복사하는 방법에 대해서 자문을 구했는데 조금 특이한 방식이 있어서 적용했다. 작동 원리는 다음과 같다. 임시 element를 생성해 거기에 특정 값을 넣어놓고 execCommand 메소드를 사용해 클립보드에 복사하는 방식이다. Mar-15-2023 12-44-11 ⭐️ Day codding 이라고 만들어보고

2023년 3월 15일
·
0개의 댓글
·

Week7 - fe/be 클론코딩 프로젝트 후기

핀터레스트 클론 코딩하기 클론코딩 주간에 팀장을 하게 되었다. 우리 팀은 핀터레스트 클론 코딩을 하게 되었는데 프론트엔드 입장에서는 단순히 보여지는 부분들도 상당히 도전적인 부분들이 많았다. 특히 이미지 목록들이 폭은 같지만 크기에 따라 다른 높이로 배열되는 masonry 레이아웃으로 배치되며 스크롤을 내릴 때 이미지가 추가되어야 하는 부분들은 결국에는 일반적인 무한스크롤 형태의 게시글 목록을 조회해오는 부분과 같지만 그 UI적인 것 자체가 도전이었다. 중요하게 여겼던 것은 결국 핀터레스트처럼 저 형태로 보여지게 하는 것 그 자체를 반드시 완성시키자라는 마음을 가지고 개발했다. 채팅, 알림 등을 챌린지 기능으로 넣긴 했지만 가장 중요한 것은 이미지 게시글을 업로드 할 수 있고 목록으로 잘 보여지게 하는 것이었다고 생각한다. 핀터레스트라는 주제가 정해지자마자 저 레이아웃을 표현해줄 수 있는 라이브러리부터 찾아보았었다.

2023년 1월 1일
·
0개의 댓글
·
post-thumbnail

미니프로젝트3 A반 6조 S.A

프로젝트 제목 : 육개장 프로젝트 간단 설명 : 실시간 세탁 서비스 실시간으로 서비스 상태가 업데이트가 되는 것이 핵심이며 세탁을 요청하거나 세탁을 완료함에 따라 포인트가 움직여야 합니다. 역할 배분 1.회원가입/로그인/닉네임 수정 2.손님 상태 페이지/ 사장님 상태 페이지 손님 리뷰 작성/ 사장님 리뷰 조회 손님 세탁 신청 / 사장님 주문 조회/ 조회 상세 페이지 마이페이지/ 닉네임/ 포인트/ 버튼 A 그룹: 1, 2, 3 구현 B 그룹: 4, 5 구현 혜원/정훈/연수: A그룹 진우/동호: B그룹 와이어 프레임 ![](https://velog.velcdn.com/images/jlee112/post/f00bcc2a-7f85-43f7-9e53-cd6bc2a539e9/ima

2022년 12월 30일
·
0개의 댓글
·

Week5 - fe/be 협업 미니 프로젝트 진행하기

주제 스터디/프로젝트 구인 서비스를 간단하게 만들어보기로 했다. 간단할 줄 알았는데 꽤 규모가 컸다! 걷는 기간이라면서 오토바이보다 빠르게 경보해야 될 것 같다는 느낌이 들었다. 5일만에 할 수 있을까 싶지만 해봐야 알 것 같다! Wireframe 주제가 정해지고 회의를 통해 얻었던 간략한 정보들로 wireframe을 우선 만들었다. 최대한 만들고 api문서와이어프레임 간의 상호작용을 통해 개선해나가면 될 것 같다. 사실상 디자인을 하게 되었는데 와이어프레임은 정말 틀 뿐이라 개발이 어려울 것 같아 이왕 하는 김에 두개를 다 만들기는 시간이 없어서 디자인처럼 구성했다. 개발 백로그 만들기 항상 느꼈던 힘들었던 기

2022년 12월 18일
·
0개의 댓글
·

A반 8조 미니프로젝트2 S.A

프로젝트 제목 : Ma8Tofu 1-1. 프로젝트 간단 설명 : 블로그, 커뮤니티, SNS와 같은 뉴스피드를 만들어보기 와이어 프레임 메인 페이지: 한정훈/김연수 마이페이지: 이혜원/조봉진 로그인/회원가입 페이지: 성민섭 메인 페이지 회원과 비회원의 페이지에 나타나는 헤더 마이 페이지 ![](https://velog.velcdn.com/imag

2022년 12월 2일
·
0개의 댓글
·
post-thumbnail

부트캠프(22일차)

오늘은 부트캠프 22일차이다. 드디어 2번째 미니프로젝트 마지막 날이면서 발표하는 날이다. 정말 3일동안 짧은 기간 동안 자바를 이용한 은행 관리 시스템을 만드느라 우리 팀원(김석진, 김익현, 김동현) 너무 고생을 했다. 내가 혹시 많이 부족해서 걱정했었는데 내가 맡은 역할인 계정 생성, 수정, 삭제 기능을 만들었고 모르는 부분은 운이 좋게 구글링을 하면 다 찾을 수 있어서 다행이었다. 이번 프로젝트도 팀원들과 소통이 너무 좋았고, 이것뿐만 아니라 다들 실력이 좋으셔서 되게 편하게 끝나지 않았나 싶다. > 오늘 배운 것 JDK -썬 마이크로시스템즈에서 개발한 JAVA 환경에서 돌아가는 프로그램을 개발하는 데 필요한 툴들을 모아놓은 소프트웨어 패키지이다. JRE -자바 코드를 받아서 필요한 라이브러리와 결합한 다음 이 코드를 실행할 JVM을 시작하는 온디스크 시스템이다. JVM -자바 바이트코드를 실행할 수 있는 주체이다. 클래스 로딩 -클래스 로더가 .class

2022년 11월 29일
·
0개의 댓글
·
post-thumbnail

부트캠프(21일차)

오늘은 21일차이다. 오늘은 발표 및 ppt 자료를 준비하였고, 오후에는 개인적인 공부를 하였다. 발표이후에 바로 자바 심화과정을 공부해서 자바 기초공부를 다시 복습하는 마음으로 하였다. 그리고 오늘은 날씨가 비가 오고 날씨가 우중충해서 뭔가 몸도 많이 피곤하고 정말 아무것도 하기 싫은 날이기도 하다. 그래도 마음은 공부를 하게 된다. > 미니 프로젝트 계획서 0. 프로젝트 명 : NINE BANK > 1. 프로젝트 소개 Java를 이용한 은행 거래 프로그램 구현 > 2. 팀 목표 OOP 개발방식을 이해하고 경험하자. 소통하고 서로 도와주는 개발자가 되자. Git, slack 등 협업 도구를 경험하고 활용하자. 제출 마감기한을 지키자. 팀 약속을 잘 지키자. > 3. 기술 스택 JAVA 4. 구현 기능 기능 1 이름, 계좌, 비밀번호를 입력받아 계좌를 생성한다. 기능 2 자신의 계좌를 조회할 수 있고 다른 계좌로 입금

2022년 11월 28일
·
0개의 댓글
·

Week1 - 팀 미니 프로젝트 회고

한 주간 flask를 이용한 풀스택 팀 미니 프로젝트를 진행했다. 후기와 함께 그 속에서 본인은 무얼 했고 무엇을 느꼈나 간단하게 기록하였다. 시작 전 프로젝트 주제가 정해지고 팀원이 만든 와이어프레임을 통해 UI틀을 파악하여 그 속에서 요구사항을 도출했다. > 회원은 다이소 상품리뷰를 등록할 수 있다. 사용자는 등록된 상품목록을 조회할 수 있다. 사용자는 등록된 상품 하나에 대해 상세조회 할 수 있다. 요구사항과 와이어프레임을 기반으로 단순한 정적 UI 부분을 제외한 백엔드에서 동적으로 가져오거나 처리되어야 되는 것이 무엇인지 파악하여 API 명세를 만들었다. Api |METHOD|URI|Request|Response|Description| |---|-------|--------------|---------------|----------------------| |GET|/api/review

2022년 11월 20일
·
0개의 댓글
·
post-thumbnail

항해99 4조 미니 프로젝트 Starting Assignment

10기 E반 4조 미니 프로젝트 Starting Assignment 프로젝트 이름 > LET’S EXPLORE DAISO(다이소탐험) 소개 > 가격대비 천차만별 퀄리티의 다이소 상품들! 나만의 다이소 꿀템 망템 리뷰를 공유해 현명한 가성비갑 다이소 쇼핑을 도와줄 수 있게 해주는 서비스 서비스 필수 요구사항 회원은 다이소 상품리뷰를 등록할 수 있다. 사용자는 등록된 상품목록을 조회할 수 있다. 사용자는 등록된 상품 하나에 대해 상세조회 할 수 있다. API user |METHOD|URL|Request|Response|Description| |---|---|--------------|-----------------|-----------------------| |POST|/api/users/login|{'id':

2022년 11월 14일
·
0개의 댓글
·

TIL_221103 ✅☑️ Miniproject

내일배움캠프 4기 스파르타코딩 React B반 📒 오늘의 공부 1. Mini Project - 메인 페이지 DB연결 어젯밤에 CSS문제인 것 같아 일단 마무리했는데 계속 생각이 났다. 밤 늦게 잠도 안 오고 계속 생각하느라 겨우 잠들었는데 심지어 꿈에서까지 코딩했네ㅎ 오늘 아침도 어제처럼 새벽 일찍 눈이 떠졌는데 눈 뜨자마자 또 문제 어떻게 해결 할지 계속 생각하다 갑자기 id 선택자 위치가 잘못된 것 같다는 생각이 들어서 코드 수정해봤더니 내가 연결한 DB에서 온 댓글이 CSS가 잘 적용돼서 방명록 댓글창 밑에 잘 달렸다!!!!!! ✅ 문제 해결 과정에서 내가 얻은 것 메인 페이지를 만든 팀원이 id 선택자 위치를 잘못 설정했는데 내가 쓴 append 함수가 방명록 박스 밑에 댓글을 붙이는 거니까 댓글이 붙는 위치를 내가 한 번 더 확인했어야 했다! 막상 해결하고 보니

2022년 11월 3일
·
0개의 댓글
·
post-thumbnail

TIL_Miniproject

내일배움캠프 4기 스파르타코딩 React B반 📒 오늘의 공부 1. Mini Project - 팀페이지 만들기 나는 팀페이지 중 방명록을 만들어 MongoDB에 저장하고 보여주는 Back-end 부분을 맡았다.vscode에서 MongoDB연결까진 했는데 내가 만들어 놓은 html파일을 어떻게 연결할지 너무 막막해서 vscode로만 다 해보셨다는 팀장님한테 도움 요청함! pip, pythonenvironment 등 더 깔아야 하는 게 있었다..! 나는 mongoDB만 깔아 놓고 있었네ㅎ bs4, flask 등도 다 깔고 강의에서 배웠던 대로 했더니 연결이 됐다! 근데 css가 하나도 적용이 안 돼서 보니 static 폴더를 안 만들어 놨고 만든 이후에 html 파일에서 css파일과 이미지 경로를 설정하니 잘 보였다. static/style.css 내가 만든 페이지

2022년 11월 2일
·
0개의 댓글
·
post-thumbnail

TIL_ ✅ Miniproject

내일배움캠프 4기 스파르타코딩 React B반 📒 오늘의 공부 1. Mini Project - 개인페이지 만들기 MongoDB 쓰려고 VScode 쓰다가 Pycharm으로 다 옮겼는데 templates, static 파일에 각각 html, image와 css파일을 넣었는데 vscode에서처럼 바로 적용이 안 됨. 검색해보니 Django를 쓰는 것 같은데 지금 공부하기엔 시간이 너무 촉박.점심 먹고 개인페이지 중간 점검 시간인데 나는 pycharm에 시간을 너무 쏟아서 거의 뭘 만들지도 못했음ㅎ팀원들한테 물어보니 Extension 깔면 vscode에서도 MongoDB 다 이용할 수 있고 팀장님은 웹개발 종합반 처음부터 끝까지 vscode로 하셨다고 해서 바로 mongoDB 연결함. 엄청오래 걸리진 않았지만 개인 페이지 만드는데 쓸 시간을 자꾸 낭비하는 것 같아 조급해졌음 개인 페

2022년 11월 1일
·
0개의 댓글
·
post-thumbnail

TIL_ 🚩Miniproject

내일배움캠프 4기 스파르타코딩 React B반 📒 오늘의 공부 1. Mini Project의 WireFrame 어떤 페이지를 만들 건지 정말 간단하게 그림으로 만들거나 해서 제출하면 되는데 내가 웹페이지로 간단하게 만들어 보겠다고 나섰다. 처음엔 예시처럼 흰 페이지에 글씨랑 박스 정도만 넣을 생각이었는데 하다보니 더 잘하고 싶어서 점심 시간을 아껴 이전에 만들었던 웹페이지 구조 코드도 참고하고 구글링도 해가며 열심히 만들었다. 본의 아니게 짧은 시간에 페이지를 만들며 ETA 맞추는 연습을 하게 됐다. https://ys739.github.io/WireFrame_site/ * 가운데 팀 이름 양쪽으로 젬스톤이 있어 가운데 일렬로 보이게 하는 것-> div와 section으로 잘 나누

2022년 10월 31일
·
0개의 댓글
·