웹 프로젝트

간단한 토이 프로젝트이다. mongoDB를 이용해 회원가입 / 로그인 기능을 구현한 뒤 인스타그램 클론 사이트에 redirect 시켜 취미, mbti, 프로필 사진 등을 등록하면 그 아래 인스타 피드와 비슷한 형식으로 리스팅되도록 했다. 로그인 / 회원가입 함수

저번에 만들었던 팀원 소개 페이지가 조금 심심한 것 같아 간단하게 자기소개 페이지를 만들어보았다.전화, 깃허브, 이메일 아이콘에 호버 효과를 넣었다. 깃허브 아이콘은 클릭하면 내 깃허브 페이지로 이동할 수 있다. Projects 의 메뉴에서 해당하는 버튼을 누르면 그

추가 기능 중 팔로워, 팔로우 기능을 구현하는 과제가 있어 구현해보았다.우선 팔로워 팔로우는 둘 다 유저 모델이고 M : N 관계이니 모델 내의 속성 중 하나로 ManyToManyField 를 통해 참조하게 넣어주자.user/models.py이후 views.py 에서

aws ec2 로 배포를 해보려고 한다.로그인과 회원가입은 생략하고 바로 ec2의 인스턴스로 넘어가면나는 이미 인스턴스를 하나 등록했기 때문에 인스턴스 하나가 등록되어 있지만, 처음 시작하면 없을 것이다. 처음 시작했을 때는 우측 상단의 인스턴스 시작을 클릭하고, 표시

내가 맡은 역할메인페이지 책 추천 카드 배너, 인기 리뷰, 키워드 등을 볼 수 있음 키워드(태그) 클릭 시 해당 태그가 달려있는 책 리스트를 볼 수 있음 우측 상단의 프로필 이미지를 클릭해 마이페이지 / 좋아한 책 / 좋아한 리뷰 / 로그아웃 기능을 이용할 수 있음 메

이전에 짜뒀던 API 를 구체적으로 다듬은 다음 모델과 serializer 에서 키에러가 나길래 이것도 조금 수정했다.특히 views.py 에서 쿼리셋을 .value() 로 받아 serializer 처리를 하는 중 키에러가 나서 serializers.Serializer

이번엔 프론트엔드를 작업할 차례다.우선 태그 클라우드를 출력할 기본 html을 만든다.이번에는 js 를 쓸 예정이기 때문에 {% load static %}으로 static 을 로드한 뒤 script src 에 {% static 'main.js' %} 을 써줬다. 절대

프로젝트를 진행하면서 났던 여러 문제들 및 이슈들dj-rest-auth 를 이용해서 이메일 인증 기능을 구현했는데, 받은 이메일 링크를 눌러도 인증이 안 되는 이슈가 있었다. postman 으로 보내봐도 nonfields 에러가 뜨길래 무엇인지 봤는데 답은 의외로 간단

이번에는 프론트엔드를 맡아서 예쁜 로그인 / 회원가입 템플릿을 찾다가 https://inpa.tistory.com/entry/CSS-%F0%9F%92%8D-%EB%A1%9C%EA%B7%B8%EC%9D%B8-%ED%9A%8C%EC%9B%90%EA%B0%80%EC

newsAPI 에서 나라 설정이 미국으로 된 기사만 받아와 카드에 요소로 넣어주었다.href 로 연결해두어 클릭하면 해당 뉴스페이지로 이동한다.APIkey 는 APIkey.js 에 config 로 연결해준 뒤 로 가져왔다. APIkey.js 는 gitignore

오늘은 OAuth 2.0 중 카카오와 깃허브 로그인을 연결할 것이다.우선 카카오 로그인의 대략적인 과정은 아래와 같다./outh/authorize 로 get 방식 요청을 하면 카카오계정을 확인하고 동의 항목을 확인한 뒤 카카오에서 인가 코드를 설정해둔 redirect

오늘은 독해 지문 js 를 연결할 차례이다.우선 제일 중요한 생성 독해지문을 받아오는 작업은 fetch 로 해준다.그냥 response 로 쓰면 Promise 객체가 반환되어서 await 을 앞에 써주었다.포스트맨으로 미리 어떤 형식으로 생성되는지 확인한 뒤에 작업한다

저번에 했던 소셜 로그인으로 해당 인증기관의 토큰을 받아와 저장했는데, 이번에는 simpleJWT 를 통해 토큰을 받아와 payload 로 저장해보려고 한다.처음 simpleJWT 를 받아올 때 프론트에서 fetch 문으로 하려고 했으나, 계속 인증 에러가 나면서 실패

로그인 과정 트러블 슈팅서드 파티 로그인 시 social_user.provider 가 undefined 로 표시되는 문제sign up 로직과 log in 로직을 똑같이 처리해서 문제가 됐었다. 회원가입을 할 때는 provider 가 생성이 되지 않은 상태였기 때문에 프

중개 테이블인 Select 테이블에 select 라는 필드 대신 Index 필드가 선언되어 있어 아래와 같은 코드로 바꿔주었다.

**The user-provided path ../../../dist does not exist. Error: Process completed with exit code 255. ** git action 으로 프론트엔드를 배포하던 중 발생한 에러이다. ./dist .

오늘은 마이페이지를 만들 것이다. 생각하기로는 우선이렇게 했는데, 진녹색 배경에 냅다 회원 정보 카드를 놓으니 조금 촌스러워 보여 사진을 배경으로 하고 그 위에 불투명한 녹색 배경을 덮어줄 것이다.우선 픽사베이에서 가져온 도서관 이미지를 배경으로 씌워준다.이제 저 im

처음에는 메인페이지를 맡기로 했었는데 프론트에서 끝내주셔서 약 등록 페이지를 맡게 됐다.원래 필요한 데이터셋을 다운받아서 opencv 에 학습시키겠다는 야심찬 계획을 세웠었지만 우선 데이터의 크기가 테라바이트 단위였고, 그마저도 약은 워낙 방대하고 비슷하게 생긴 경우가