항해하다/항해 - 0주차 8

[항해] 사전 프로젝트 (마무리) - 정리하는 글

항해를 빨리 결정하고 지원했던 게 정말 다행이라는 생각이 든다. 정확히 2주만에 깃헙을 사용하고 백과 프론트 협업을 배워 하나의 프로젝트를 완성시켰기 때문이다. 아마 늦게 지원했으면 사전스터디 조에도 늦게 참여했을 거고 토이 프로젝트는 꿈도 꾸지 못했겠지... 끝까지 완주한 우리 팀원들 그리고 팀장님 다들 고생하셨습니다!! 프로젝트 명은 신세계 프로젝ㅌ... 가 아니라 이번 여행, 준비됐나? -이다. 코로나가 풀리면서 억눌려있던 여행심리가 폭발했을 것이고 그에 맞춘 컨셉을 토이 프로젝트에 접목했다. 웹개발 종합반 강의에서 들었던 내용들을 최대한 활용하였고 간단한 기능설명을 하자면 - 각 테마에 맞는 숙소를 크롤링해서 저장한다. - 각 숙소에 챙겨가야할 것들이나 갔다온 후 챙겼으면 좋았을 준비물들을 입력,..

[항해] 사전 프로젝트 (5) - 끝이 보인다!

본격적인 항해를 떠나기 3일 전이다. 사전 프로젝트 진행 일정을 계산해보니 아이디어를 채택하고 회의 한 후 첫 코드를 짠지 딱 2주가 지났다. 개인프로젝트를 하려고 했을 때 어떻게 접근해야할지 몰라 흐지부지 끝난적이 종종 있었는데 의욕적인 팀원들이랑 머리를 맞대고 시간을 충분히 할애한 결과 드디어 프로젝트의 끝이 보인다. 처음엔 조금 막막했는데 그래도 계속하니까 된다. 그냥 묵묵히 하니까 된다 아마 오늘 회의를 끝으로 각자의 브랜치를 합치고 최종 결과물을 제출하게 될 것 같다. 아쉽게도 항해의 사전프로젝트 시리즈는 이 다음 포스팅을 끝으로 마무리 될 예정... 그동안의 작업물을 보기 쉽게 올릴테니 많관부!!

[항해] 사전 프로젝트 (4) - Delete 박살 내버리기

드디어 해결했다.. 문제가 안풀릴수록 단순하게 생각할 필요가 있는데 고민이 꼬리에 꼬리를 물다보니 스스로 어렵게 꼬아버린 느낌이다. 의도했던 건 단지 리스트가 하나씩 사라지게 하고싶었을 뿐인데 먼 길을 돌아왔다. 위 사진 각각의 리스트가 1부터 5까지의 value를 가지고 있는게 보인다. 이 리스트 하나하나에 보이지 않는 index값을 부여하기 위해 생성 될 때 마다 현재 리스트 배열의 길이에 +1을 index값으로 지정해줬으니 1부터 5까지의 value를 갖고있는 리스트의 index도 매칭되어 1부터 5까지 순서대로 하나씩 가지고 있다. 저기서 만약 3을 지운다면 1,2,4,5가 남고 index도 1,2,4,5가 남는데 이 상태에서 input창에 하나를 추가로 입력하면 배열이 4개남아있으니 index가..

[항해] 사전 프로젝트 (3.5) - 도와줘요 집단지성!

간단한 CRUD라 오래 걸리지 않을거라 예상했지만 의외의 복병을 마주했다. 몽고DB CRUD 중 하나인 delete문법... @app.route("/supplies/delete", methods=["POST"]) def supplies_delete(): index_receive = request.form['index_give'] num_receive = request.form['currentNum_give'] print(index_receive, num_receive) db.supplies.delete_one({ "$and": [{'num': int(num_receive)}, {'supplieslist.index': int(index_receive)}]}) return jsonify({'msg': '삭제..

[항해] 사전 프로젝트 (3) - flask, 몽고DB, JS

백엔드 능력자 분께서 마침내 해결해주셔서 done작업을 끝낼 수 있었다. 플라스크 프레임워크가 되게 가볍고 편한데 구글링에 의존하기에는 정보가 부족하다해야되나? 정확히는 플라스크 문법이 아니고 몽고DB와 연동하는 문법이라 DB가 또 나눠지기 때문에 더 구글링이 어려웠던 것 같다. 우리가 의도한 바는 2페이지 각각의 사진 하나당 이러한 데이터베이스 카드 하나가 기록되는 방식이고 각 카드에 supplieslist라는 준비물 배열을 추가할 수 있게 만드는 것 그리고 아래 사진의 리스트 하나당 또 다른 객체 요소로 구성되어 있다. @app.route("/supplies/done", methods=["POST"]) def supplies_done(): index_receive = request.form['inde..

[항해] 사전 프로젝트 (2)

오늘의 사전프로젝트는 쉬어가는 느낌이었다고 해야되나 정확히 말하자면 프론트는 프론트대로 막히고 백은 백대로 막히는 부분이 있었어서 진도를 어쩔수 없이 못나갔다. 따로따로 막힌게 아니라 데이터베이스를 연결하려면 어쩔 수 없이 프론트쪽도 손을 봐야하기 때문에..... 이럴 때 일수록 침착함을 유지할 필요가 있다. 작동하는 코드가 아니기 때문에 코드블럭이 아닌 그냥 사진으로 밀어넣겠다 ㅋㅋ 사진을 클릭했을 때 튀어나오는 준비물 모달창 리스트에서 준비물을 챙겼는지 여부를 파악하는 done요소를 0에서 1로바꾸고 1에서0으로 바꾸는 토글 기능을 구현하려고하는데 뭔가 될듯될듯 안된다.. 사진에 귀속되는 데이터 요소들중에 supplies라는 데이터 안에 또 준비물리스트를 구성하는 요소들이 있는데 플라스크에서 몽고DB..

[항해] 사전 프로젝트 (1)

사실 제목에 인덱스까지 붙일만큼 거창한 프로젝트는 아니지만 나중에 타임라인 순으로 편하게 보기 위해 붙여본다. 한 3페이지 정도밖에 안되는 작은 규모의 프로젝트지만 항해를 떠나기 전에 협업을 경험해보고 자신감을 얻기 위해 우리가 계획한 기능을 전부 구현하고 마무리 짓는 걸 최우선순위로 뒀다. 프로젝트를 한 문장으로 표현하자면 '테마별 여행준비물 챙기기?' 정도로 요약할 수 있겠다. 첫 페이지에서 캠핑, 글램핑, 배낭여행, 호캉스 등의 테마를 선택하면 그 테마에 맞는 숙소를 추천받고 본인이 직접 URL로 추가 할 수도 있다. 2페이지로 넘어와 야X자 or 여X어때 등의 숙박 사이트에서 URL을 가져온 후 코멘트와 함께 입력하면 이미지를 가져와 카드형식으로 추가가 된다. 그 다음 숙소의 사진을 클릭 했을 때..

[항해] 사전 프로젝트

2022년 7월 11일 기나긴 여정의 항해를 떠난다. 출발 전 시간이 남아 항해를 일찍 신청한 사람들끼리 사전프로젝트를 자율적으로 진행하게 됐다. 다행스럽게도 전부 능동적이고 적극적인 모습으로 의지를 불태우고 있어서 아직까지는 순조롭게 진행되고 있다. 5명 중 백엔드 희망자가 1명이고 나머지는 전부 프론트엔드를 희망하고 있다는 점이 우려스러웠지만 전공자 두분께서 백을 다룰 줄 아셔서 편의를 봐주신덕에 프론트를 맡고 있다. 플라스크 프레임워크로 구축한 서버랑 통신하기 때문에 파이썬도 어느정도 배워놓았고 그래도 모르는 부분은 악착같이 물어보고 있다 ㅋㅎㅋㅎ 나중에 진행될 프로젝트에서 민폐끼치지 않으려면 백엔드쪽도 최대한 공부를 해놔야겠다 사진은 게더타운이라는 프로그램인데 바람의나라에 메타버스를 접목한 느낌이..

반응형