본문 바로가기

장고15

Joontooling 프로젝트 [OAuth] Joontooling 프로젝트 업무 : 회원가입 모델링 OAuth란? Open Authorization 은 비밀번호 없이, 제 3자 웹사이트에 있는 정보를 현재 사용하려고 하는 웹사이트가 사용할 수 있도록 허용하는 것이다 네이버는 나의 웹사이트한테 accessToken을 전달 하면서, 나의 웹 사이트에서 필요한 기능들만 부분적으로 허용한다 accessToken을 통해서 네이버에 접근해서 데이터를 읽고, 생성하고, 삭제하고, 수정할 수 있다 나의 웹사이트에서 네이버의 ID, Password를 직접적으로 사용하는 것이 아니라서 보안적인 측면에서 안전하다 역할 Resource Server (Naver) : 사용하고자 하는 자원 (데이터)의 위치, 즉 Resource Server에 있다 나의 웹사이트에서 네이버.. 2023. 3. 27.
클래스 카드 - [UI설명] 카드 디테일 페이지 클래스 카드 - 카드 디테일 페이지 카드 디테일 페이지는 카드 데이터부터, 시각화까지 모든 것을 구현했다 카드 데이터 크롤링을 통해 카드 데이터를 가지고 왔다 카드 이름 / 카드사 혜택 등 페이지 구현 제일 중요하게 생각한 것이, 어떻게 하면 유저들에게 간단한 UI를 제공하고 싶었다 그래서 정말 중요한 카드 내용들은 페이지에서 보여주었다 그리고 주요 혜택 같이, 내용이 많은 것들은, 모달을 이용했다 주요 혜택의 제목 그리고 간단한 설명을 카드와 카드 호버 기능을 통해 구현을 했다 해당 카드를 누르면, 모달창이 뜨고, 주요 혜택에 대한 자세한 정보를 볼 수 있다 위와 같이 페이지를 만들어, 유저들이 한 눈에 카드에 대한 내용을 볼 수 있다 만약 주요 혜택이 궁금하면, 카드를 클릭하면 된다 주로 주요 혜택을.. 2023. 2. 26.
클래스 카드 - 카드 비교 클래스 카드 - 카드 비교 카드 비교 모델 (Model) class CompareCard(models.Model): card = models.ForeignKey(Card,on_delete=models.CASCADE) user = models.ForeignKey(get_user_model(),on_delete=models.CASCADE) 로그인을 해야 카드 비교 기능을 사용할 수 있다 그래서 유저 정보를 가지고 오고, card 정보를 통해서 카드를 카드 비교함에 넣는 것이다 여기서 user마다 카드는 최대 3개까지 카드 비교함에 넣을 수 있다 카드 비교함에 카드 넣기 (요청) # 카드를 비교하기 위해서 비교하기 바구니에 넣고 / 비교하기 페이지 path('bookmark//', views.b.. 2023. 2. 26.
클래스 카드 - Selenium 클래스 카드 - Selenium ✍️ Selenium을 통한 크롤링 Selenium을 이용하여 크롤링을 진행했다 카드 디테일 페이지를 하나씩 돌면서, 안에 있는 상세 정보들을 CSS_SELECTOR를 통해 가지고 왔다 2023. 2. 26.
클래스 카드 소개 클래스 카드 소개 프로젝트 기간 : 2022.11.23 ~ 2022.12.15 팀원 : 김나현 (팀장), 이제준, 김지연, 김지영, 임수경 맡은 역할 : 풀스택 개발, Readme 문서 정리 댓글, 대댓글 비동기 구현 카드 디테일 페이지 구현 (기능, UI) 카드 비교 기능 구현 맞춤 카드 추천 페이지 구현 (기능) 사용 도구 : Python (Django), JavaScript | HTML, CSS | Github | AWS 내용 : 사회 초년생을 위한 카드 혜택 정보를 제공하는 웹사이트 제작 크롤링을 통해 시중에 나와있는 카드 정보 수집 (FEAT. 카드 고릴라) 카드 정보, 카드 비교, 카드 추천, 그 외에도 카드 관련 커뮤니티 기능을 구현 코드 링크 : https://github.com/Class.. 2023. 2. 26.
산메 (산책 메이트) - 지도 구현기능 산메 (산책 메이트) - 지도 구현기능 지도 기능 설명 공공 데이터 포털에서 도시공원 정보를 CSV 파일로 다운로드 받았다 받고 난 후, 로컬 DB에 저장을 하여 공원 정보와 카카오 map API를 연결시켰다 '내 위치'를 누르면, 현재 내가 있는 주소의 IP 주소를 트래킹하여 나의 위치를 가지고 온다 그 위치를 기반으로 5km 반경에 있는 공원들을 표시한다 공원 검색 기능은, 공원 이름 또는 주소 기반으로 검색을 한다 검색을 하면 내 위치로 기본적으로 이동하고, 내 위치에서 제일 가까운 순으로 나열이 된다 공원 마커 클릭 마커를 클릭하게 된다면 마커 위에 해당 공원에 대한 정보가 간략하게 나온다 그리고 마커에서 '산책하기' 를 클릭하면, 해당 공원의 좌표와 함께 산책하기 모집 생성 페이지로 간다 Kak.. 2023. 2. 26.
산메 (산책 메이트) 소개 산메 (산책 메이트) 소개 프로젝트 기간 : 2022.11.10 ~ 2022.11.21 팀원 : 최준혁 (팀장), 이제준, 김다솔, 간정진, 신우철 맡은 역할 : 풀스택 개발, Readme 문서 정리 지도 기능 구현 (기능, UI) 공원 검색 기능 구현 (기능, UI) 댓글 비동기 기능 구현 (기능, UI) 커뮤니티 디테일 페이지, 구현 (기능, UI) 사용 도구 : Python (Django), JavaScript | HTML, CSS | Github | AWS 내용 : 가까운 공원을 찾아주고, 공원에서 같이 산책을 할 수 있도록 친구 모집을 할 수 있는 커뮤니티 웹서비스 코드 링크 : https://github.com/jejoonlee/Sanme 개인적인 후기 : 매우 아쉬운 프로젝트였다. 처음 지도.. 2023. 2. 26.
여행석사 - 댓글 비동기 기능 댓글 쓰기, 수정하기, 삭제하기 비동기 기능 비동기를 구현할 때에는, HTML 문서 안에, 어느 부분을 비동기 처리하고 싶은지, 큰 틀을 먼저 정하는 것이 중요하다. 댓글 비동기 댓글 삭제 비동기 댓글 수정 비동기 2023. 2. 22.
여행 석사 - 검색 결과 정렬 기능 검색 기능 - 정렬 기능 기능 Search의 모델 class Search(models.Model): # 검색할 때, 받는 필드 title = models.CharField(max_length=10) # 인기 검색어를 위해 필요한 필드 count = models.PositiveIntegerField(default=0) views.py의 검색 기능 def search(request): popular_list = {} if request.method == "GET": search = request.GET.get("searched", "") sort = request.GET.get("sorted", "") if not search.isdigit() and not search == "": if Review.obj.. 2023. 2. 22.

티스토리툴바