슈코딩

오늘은 이거대여. 프로젝트에서 사용한 채팅기능을 복습할겸 정리해보려고 합니다. 우선 비동기적, 실시간 채팅을 구현하기 위해서 WebSocket을 사용했고 Django에서는 Channels 라는 라이브러리를 이용하면 WebSocket을 사용할 수 있게 됩니다. 여기서 데이터를 받는 비동기와 동기에 대해서도 알아야 하기때문에 제가 참고했던 블로그를 공유하겠습니다. https://velog.io/@alicia-mkkim/%EB%8F%99%EA%B8%B0-%EB%B9%84%EB%8F%99%EA%B8%B0%EB%9E%80 동기, 비동기란 동기는 순차적, 직력적으로 테스크를 수행한다.비동기는 병렬적으로 테스크를 수행한다.동기는 요청을 보낸 후 응답 (결과물)을 받아야지만 다음 동장이 이루어지는 방식을 말한다.모든 ..

이번 프로젝트에서 맡은 기능중 list 페이지에서 물품들을 나열해서 보여주는 부분이 있었다. 데이터가 적을 땐 상관없지만, 데이터가 많은 상태에서는 어떻게 보여줄까를 고민하던중 단순히 커뮤니티 게시글처럼 보여준다면, 무한 스크롤이 아닌 페이지를 나눠서 1...2...3....이렇게 적용을 시켰을것이지만, 우리가 보여주는 형식은 이미지와 밑에 간단한 내용이 보이는 형태라서 무한스크롤이 더 UI에 맞고 자연스럽다고 생각했다. 또한 핸드폰에서 어플리케이션으로 확장성까지 생각 해본다면 무한스크롤이 더 이점이 있다고 생각해서 도전해봤다. 먼저 무한스크롤을 하려면 백엔드에서 데이터를 나눠서 보내줘야 할 필요가 있었다. 36개의 데이터가 있다고 생각했을 때 12개씩 나눠서 보내야 스크롤이벤트마다 호출을 통해 12개를..

이번에 매번 도전해왔지만 끝내 성공하지 못했던 소셜로그인을 드디어 처음으로 성공을 했다. 구글링을 통해서 나오는 자료들은 대부분 프론트와 백엔드가 분리되어있지 않은 상태에서의 코드들이거나 함수 베이스의 View라서 현재 진행 하는 프로젝트와는 어울리지 않는 코드들 뿐이었다. 하지만 그동안 배운지식과 나름(?) class 기반으로 작성한 코드를 발견해서 그 코드를 custom해서 프로젝트에 적용 시킬 수 있게 만들었다. 우선은 JavaScript부터 보면 function kakaoLogin() { window.Kakao.Auth.login({ scope: 'profile_nickname, account_email', success: function (authObj) { window.Kakao.API.req..

S.A 상세 Notion😀 https://quixotic-wok-871.notion.site/12-S-A-3183ff7202e942099238af3effd956ea 머선12조 파이널 프로젝트 S.A 🍀 제목 및 주제 quixotic-wok-871.notion.site Project Github😸 https://github.com/MeoSeon12/egodaeyeo-backend GitHub - MeoSeon12/egodaeyeo-backend Contribute to MeoSeon12/egodaeyeo-backend development by creating an account on GitHub. github.com https://github.com/MeoSeon12/egodaeyeo-frontend G..

이번에 시작한 프로젝트는 딥러닝을 활용한 유화 제작 프로젝트이다. 우리팀은 프로젝트 기획을 노션으로 만들었고, 메인 주제는 경매가 될것같다. 경매로 선정한 이유는, 우선 포인트제도가 들어가고 유저간의 포인트를 주고받는 트레이딩 시스템을 백엔드로 구현해보고 싶었던 마음이 있어서 그렇게 선정을 했다. 물론 유화니까 미술작품은 경매로도 많이 거래가 되는 품목이라 떠오른것도 있었다. 자세한 프로젝트의 개요와 기능명세서, API설계까지 모두 노션에 있으니 노션 주소로 들어가면 이번 프로젝트에 대한 내용들을 자세하게 볼 수 있다. https://www.notion.so/12-df4f63382fb146e69b3b5b96231bb792 머선12조 딥러닝 유화제작 프로젝트 🧾Project S.A www.notion.so..

이번 애니메이션을 주제로한 추천시스템 프로젝트에서 DB에있는 정보들을 불러오는 view 그리고 컨텐츠기반 추천모델, 유저기반 모델 등 한번에 내것으로 만들기가 어려웠던 부분들이 있었다. 그래서 오늘은 각 APP 별로 코드를 짜는데 잘 이해가 안갔던 부분을 중점으로 코드를 정리를 해보려고 한다. 1. user 앱 views.py 장르 선택 페이지 필요한 기능 아이콘 선택시 선택이 된걸 확인 할 수 있게 색상 변경 ( 핑크색, 하트 ) 아이콘 선택시 선택한 정보가 DB에 저장 add() 중복 선택시 저장되었던 정보가 DB에서 삭제 exists(), remove() 선택은 3가지만 할 수 있게 제한 (1,2 or 4도 안된다. only 3) count() 3개 미만 선택시에 선택완료 버튼 비활성화 (숨김) v..

오늘 쓰는 글은 온전히 이번 프로젝트때 사용한 장고에 익숙해지기위해 프로젝트 처음부터 코드를 새로운 파일에 다시 써보며 순서를 복기한 글이다. 1. Django 프로젝트 생성 파일지정 2. django-admin startapp 앱이름 APP 생성 3. settings.py 에 APP 등록 4. 최상위 디렉토리 (manage.py가 있는 경로) 에 my_settings.py 생성후 SECRET_KEY , DATABASES 분리 my_settings.py from pathlib import Path BASE_DIR = Path(__file__).resolve().parent.parent SECRET = { 'secret': '', #시크릿키 } DATABASES = { 'default': { 'ENGINE..

1. 프로젝트 개요 우리팀은 이번 추천시스템 프로젝트 때 애니메이션을 추천해주는 웹페이지를 만들기로 했다. 이름은 10조라서 10Taku로 지었고 회원가입, 로그인, 장르선택, 메인페이지, 상세페이지, 북마크 페이지, 추천페이지, 검색결과 페이지 로 구성될 예정이다. 6/2~ 6/13일까지 진행되는 12일간의 프로젝트이다. 2. 역할 분담 3. Mock-up https://docs.google.com/presentation/d/1j6QE8TeJI6S9dn34Lf-_TeOoBDofJvkdfaHV4W7TQeo/edit?usp=sharing 십지않조 애니메이션 추천 시스템 장고 프로젝트 목업 회원가입 페이지 PW 회원가입 ID 로고 PW 확인 이름 로그인 docs.google.com 4. API 명세서 htt..

머신러닝 프로젝트를 진행을 하던중 우리팀원은 각자 모델을 한번씩 만들어서 가장 좋은 이미지분류 모델을 사용하기로 결정했었다. 이에 앞서서 머신러닝에 대해 배운강의를 토대로 모델을 만들었어야했는데, 그렇게 하면 너무 배우는게 없을것 같아서 여러가지 모델을 참고로 조합하기로 결정했다. 그러나 이생각이 곧 엄청난 벽을 느끼게 만드는 계기가되었다. 우선은 튜토리얼들의 코랩 코드들을 참고해서 우리가 사용할 이미지 데이터셋을 적용시켜보고싶었는데, 대부분 튜토리얼이 케라스내부의 데이터셋을 가지고 학습을 시켜서 다운로드받은 데이터셋을 적용시키는데도 간단하지가 않았다. 이렇게 데이터를 케라스에서 가져오는 반면 나는 캐글에있던 데이터셋중에서도 12클래스에서 4개의 클래스로 추려낸 데이터셋을 따로 저장을해놨었기때문에 이것을..

머신러닝을 적용시킨 웹페이지를 만드는 프로젝트가 시작되었다. 이번에는 새로운팀원들과 함께 프로젝트를 진행하게 되었다. 우리팀은 첫날에 기획과 목업을 중점으로 DB와 API 설계도 같이하고 처음 합을 맞추는것 치고는 나쁘지않게 진행이 되었던것같다. 지난번 프로젝트와는 다르게 이번에는 깃허브에 S.A를 쓰고 기획과 관련된 자료들을 Readme랑 위키에 정리를 했다. 주제와 역할분담은 이렇게 나누어졌고 프로젝트 개요는 위 사진내용과 같다. 앞으로 1주일동안 프로젝트에서 딥러닝 모델관련 다뤄보는것외엔 로그인 회원가입페이지의 담당이 되었는데, 로그인 회원가입 기능은 처음이라 필요한 기능들은 다 해보는식으로 최대한 완성도 높게 만드는것을 목표로 할 생각이다. 프론트 레이아웃