profile
중요한건 버그에게 꺾이지 않는 마음
post-thumbnail

2022 12/22 (좋아요 싫어요 같이 누르지 않도록 로직 수정)

배포를 끝내고 피드백을 받는데 좋아요 싫어요 버튼이 같이 눌린다는 피드백이 있었다. 생각해보니 좋아요와 싫어요가 같이 눌리지 않게 해놨어야 했는데 그 부분을 간과했었다 이를 수정해보자 일단 기준을 정하자면 조건문을 줘서 나눠주면 될 것 같다 로직을 생각해보면 우선 싫어요가 눌려있으면 좋아요 기능이 작동되지 않게 만들어야 하고 좀 더 디테일하게 생각해서 ...

2022년 12월 28일
·
0개의 댓글
·
post-thumbnail

2022 12/21 (중간 점검 후 KPT 다면평가)

매 프로젝트마다 중간 중간 부족함을 많이 느낀다. 많이 몰입하고 노력하자

2022년 12월 28일
·
0개의 댓글
·
post-thumbnail

2022 12/20 (비밀번호 초기화 프론트 연결하기)

중간 평가를 끝내고 들어왔던 피드백이 비밀번호 초기화가 아직 안된다는 말이 많았다 시간 관계상 연결해지 못했었는데 이번에 한번 연결해보자 django-password-reset 기능이 백엔드에 만들어져 있다는 전제하에 쓰는 작성글이다. 백엔드에 만들어놓은 django

2022년 12월 28일
·
0개의 댓글
·
post-thumbnail

2022 12/19 (로그아웃 버튼에도 confirm 함수 적용하기)

오늘은 중간평가 직전이기 때문에 크게 넣은 기능은 없고 회원탈퇴와 마찬가지로 로그아웃을 눌렀을때 경고 확인창이 뜨도록 만들었다. 위 코드처럼 탬플릿안에 로그아웃 버튼을 handleLogout()함수로 연결해주고 confirm 조건문을 이용해서 작성해주면 된다. 로직은 간단하게 !confirm문을 통해 취소를 누르면 기능이 실행되지 않고 확인을 누르면 e...

2022년 12월 28일
·
0개의 댓글
·
post-thumbnail

2022 12/16(내가 좋아하는 게시물 목록 바닐라 js로 api 연결하기)

내가 좋아요를 누른 페이지를 바닐라js로 연결하고 넣어주기 이 작성글은 이미 백 엔드안에 내가 좋아하는 게시물에 대한 정보를 넘겨주는 것을 전제로 하여 작성되어있다. 우선 위 코드처럼 백 엔드에 작성해둔 유저 정보를 fetch해온다. window.onload 함수 안에 내가 받아온 유저정보를 변수안에 담아준다. ![](https://velog.vel...

2022년 12월 28일
·
0개의 댓글
·
post-thumbnail

2022 12/15 (출석하기 버튼을 눌렀을 때 포인트 적립하기 바닐라js)

유용한 코드이니 기억해두자

2022년 12월 28일
·
0개의 댓글
·
post-thumbnail

2022 12/14 (바닐라js confirm을 이용해서 다시 한번 확인 alert 띄우기)

제대로 작동하는 것을 확인할 수 있다.

2022년 12월 16일
·
0개의 댓글
·
post-thumbnail

2022/12/13 (delete 기능 백에서 fetch 해오기 바닐라js)

프로젝트 개발 도중 커스텀한 새 관리자 페이지 안에 휴면계정정보를 삭제하는 버튼과 기능을 추가해주어야 했다.하는 방법을 기억하고 유의할점을 복기하자 우선 delete 함수를 백엔드에서 가져와서 fetch 해주었다. index.api.js파일안에 위 코드처럼 함수를 만들어서 미리 백엔드에 연결해놓은 url을 fetch 해와서 연결해놓았다. 여기서 유의할...

2022년 12월 15일
·
0개의 댓글
·
post-thumbnail

2022/12/12 (회원등급 조건문 줘서 출력하기 바닐라js)

프론트 개발 도중 유저가 가진 포인트에 따라 등급을 출력해서 보여주는 로직을 만들어야 했다. 회원정보 페이지 안에서 나의 현재 등급을 포인트에 값에 따라 다르게 출력되게 만들어줘야 했는데 이를 만들기 위해서는 조건문으로 간단하게 처리가 가능했다. 우선 첫번째로 위

2022년 12월 15일
·
0개의 댓글
·
post-thumbnail

2022/12/09 (바닐라js로 팔로우 한 목록 보여주기)

탬플릿 안에 사용자 목록을 보여주는 부분이기에 따로 API 정보를 받아오는 기능 함수는 생략하겠다.내가 팔로우 한 리스트 정보를 follow_list안에 await해서 담아주었다.최종 코드는 아래 코드와 같다.탬플릿 페이지 모습이렇게 출력된다.

2022년 12월 13일
·
0개의 댓글
·

2022 12/08(바닐라js로 비동기 회원정보변경 만들기)

바닐라js로 비동기식 정보 변경 기능을 만들어보았다. 완성된 코드를 먼저 보고 기록해놓자 회원정보 변경 탬플릿에서 먼저 닉네임을 변경하는 버튼 부분과 바꿀 닉네임을 입력하는 부분을 정하고 id값을 넣어준다. 코드에서 버튼 id는 editnickbutton 부분이고

2022년 12월 13일
·
0개의 댓글
·
post-thumbnail

2022/12/07(포인트 적립 기능 응용해보기2)

포인트 기능 적용 전 코드feed_user라는 변수안에 작성자의 feed_id값을 이용해 정보를 가져오고 좋아요를 눌렀을때 이 변수안에 point값을 증가시켜주고 save 해주면 된다.이제 다시 좋아요를 취소했을 경우도 똑같이 하면 된다.좋아요를 다시 누르게되면 토글방

2022년 12월 8일
·
0개의 댓글
·
post-thumbnail

2022/12/06 (포인트 적립 기능 응용해보기)

위 코드는 게시글 작성하는 코드이다.포인트 적립 로직을 적용해보자로직은 거의 똑같다 post를 요청하는 유저의 아이디 값 가진 정보를 me라는 변수안에 담고 그 정보안에 point를 찾아서 point값을 올려주면 된다.point값을 증가시켜주는 코드를 넣어주는 부분은

2022년 12월 8일
·
0개의 댓글
·
post-thumbnail

2022/12/05 (출석 시 포인트 획득 기능 만들다가 생긴 오류)

기능을 만들기 위해 모델안에 포인트를 저장 할 point라는 필드와 버튼을 눌렀을 때에 날짜를 담기 위한 click_time이라는필드를 DatetimeField로 만들어주고 계속 누를때마다 수정하기위해 auto_add_now = True를 걸어주었다.그리고 view.p

2022년 12월 5일
·
0개의 댓글
·
post-thumbnail

2022/12/02 ( 회원가입serializer에서 입력해야할 필드를 빠뜨리거나 형식을 잘못 입력했을 때 나오는 response값 커스텀하기)

포스트맨으로 모델 수정 후에 회원가입을 하니 오류 창이 떴다. 원인은 필드값 하나를 추가한것을 입력하지 않아서 생긴 오류인데 이상하게 다른필드들은 입력하지 않으면 필수 필드값이 빠졌다고 response 메시지가 온다.date_of_birth필드만 입력하지 않으면 오류

2022년 12월 5일
·
0개의 댓글
·
post-thumbnail

2022/12/01 (모델 설계 할때 성별 같은 선택적 인스턴스 생성 방법)

프로젝트 시작 전에 설계했던 대로 회원가입 필수 필드안에 성별 필드를 넣고 싶었는데 성별을 남,여 두가지로 선택해서 입력하게 하고 싶었다. 다만 이렇게 작성해본적이 없기 때문에 검색하고 찾아보았다.답은 choices를 사용하면 됐다.우선 User모델안에 Genders라

2022년 12월 1일
·
0개의 댓글
·

2022/11/30(ManyToMany필드 symmetrical의 의미)

ManyToMany 필드로 모델을 작성하던 중 갑자기 뒤에 작성한 symmetrical=False 라는 문구가 왜 사용했는지 기억이 나질 않았다.확실한 사용법을 위해 알아보았다.대칭적인 이라는 의미로 기본적으로 ManyToMany 필드는 symmetrical=True로

2022년 12월 1일
·
0개의 댓글
·
post-thumbnail

2022/11/29 (java스크립트 새로운 페이지안에 id값 보내는 방법)

게시글 수정하는 페이지를 프론트로 연결하다가 문제가 생겼다.그 전에 사용했던 댓글 수정 같은 로직은 이미 id값 자체가 게시글 작성 글 안에 들어와 있었기 때문에 get 함수를 이용해서 fetch연결 후 가져오는 url안에 id값을 넣어줄때 onclick을 이용해서 i

2022년 11월 30일
·
0개의 댓글
·
post-thumbnail

2022/11/28 (자바 스크립트 InnerHtml 사용)

window.onload 함수에서 변수와 document.getElement를 이용해서 가져올 html 범위를 지정해준다 그리고 변수이름.innerHTML += 가져온 html 방식으로 html을 가져와준 뒤에 \`(백틱)을 넣고 변수 선언 위에 원하는 정보를 forE

2022년 11월 28일
·
0개의 댓글
·

2022/11/25 (자바 스크립트 이미지 수정)

오늘의 문제 onclik을 연결해둔 수정 함수 코드가 자꾸 백엔드를 fetch해오지 못한다. 이미지를 바꾸는 기능이여서 form데이터로 보내주면 될 줄 알았는데 코드를 바꿔도 계속 오류가 난다. 아래는 코드이다. 원인 오류의 원인을 찾았다. 답은 heade

2022년 11월 28일
·
0개의 댓글
·