본문 바로가기

분류 전체보기91

개발_TIL | 2022-05-06(14) ▷팀 프로젝트 인스타그램 클론 코딩 (3) 오늘은 팀원들과 프론트엔드를 마무리하고 백엔드 부분의 구현을 역할을 나눠 진행하기로 했다. 내가 맡은 역할 : 팔로우를 구현하기에 앞서 mongoDB를 연동하여 서버에 연결시켜 주었다. mongodb atlas의 데이터베이스를 새로 생성하여 사용할 서버를 만들어주었다. 그리고 app.py에 코드를 입력하여 위 데이터베이스와 연동시켜주었다. from pymongo import MongoClient import certifi client = MongoClient('mongodb+srv://test:@.qttfj.mongodb.net/Cluster0?retryWrites=true&w=majority', tlsCAFile=certifi.w.. 2022. 5. 6.
개발_TIL | 2022-05-04(13) ▷팀 프로젝트 인스타그램 클론 코딩 (2) 백엔드 구현에 앞서 프론트엔드 부분을 손봐주었다. 내가 맡은 역할으로는 상단 헤더에 있는 활동피드 아이콘 ♡를 눌렀을 때, 게시물 활동 관련 모달창이 나오는 작업이었다. OOO님이 팔로우를 요청했습니다. 취소 눌렀을 때 나오는 모달창의 모양을 HTML로 구현해놓고 Css파일 내에 모양을 잡아주었다. .modal_btn2 { width: 258px; height: 25px; border: #dbdbdb; font-size: 14px; text-align: center; position: fixed; bottom:0; background-color: white; } #feed_modal { display: none; width: 260px; height: 366px.. 2022. 5. 4.
개발_TIL | 2022-05-03(12) ▷ 팀 프로젝트 시작 ( 인스타 클론 코딩 백엔드 구현) 개인 프로젝트로 만든 인스타 클론 코딩을 팀원과 함께 로그인,회원가입,게시글 모달 등 심화 과정을 하는 프로젝트를 시작하였다. S.A(Starting Assignment)를 위주로 시작하기에 앞서 짜는 시간을 가졌다. 우선 기술 선택으로 HTML, JavaScript, MongoDB, Flask, Python 를 기본으로 사용하고 프로젝트의 간단한 설명과 제목을 만들어 주었고, 와이어프레임을 만들어 주었다. 프로젝트 명 [ Instagram-Clone-Team-Project ] - 기존 인스타그램클론코딩 코드를 이용해 좀더 다양한 구현을 시도한다. ▷Git 특강! (2) 저번에 이어서 오늘 Git 특강으로 팀 repo를 만들고 sourcetree를.. 2022. 5. 3.
개발_TIL | 2022-05-02(11) ▷ 인스타 클론 코딩 (3) 마무리! 저번에 하지 못한 input 검색 박스에 돋보기 아이콘을 추가 하였다! fontawesome 사이트를 통해 돋보기 아이콘을 가져온후 css를 이용하여 위치를 조정해주었다! Instagram 저번 프로젝트때 HTML 과 CSS파일을 분리해서 정리를 하는 것을 보고 이번에 분리해서 사용하였다. 상단 헤더 바를 만든 이후에 GitHub를 통해서 클론 코딩 코드를 긁어오고 내가 필요없는 부분을 없애가며 파악하는 시간을 보냈다. carousel 을 이용해서 게시물 부분을 변경하고 댓글 더보기 버튼과 댓글 달기 부분을 UI상으로만 구현해놓았다.! Previous Next 댓글 3개 모두 보기 30분 전 게시 인스타클론 작동 영상 ▷ 프로젝트후 KPT 회고 1. 한 주의 흐름 1.. 2022. 5. 2.

티스토리툴바