woncoding/TIL

TIL | 12.12.월 [DRF ↔️ JS CRUD]

- Django Rest Framework Front JS CRUD [Alert 창] 창을 띄운뒤, 사용자가 누르는 버튼에 따른 함수가 적용되도록 만들 수 있다. var result = confirm(처음 띄워주는 알림창); if(result){ alert(" True : 확인을 눌렀을때 띄워주는 알림창 "); ''' 확인을 눌렀을때 실행 될 함수 적어주면 됨 ''' }else{ alert(" False : 취소를 눌렀을때 띄워주는 알림창 "); ''' 취소를 눌렀을때 실행 될 함수 적어주면 됨 ''' } - 참고 링크 https://coding-factory.tistory.com/198 [JavaScript] Alert(경고창), Prompt(입력창), Confirm(선택창) Alert(경고)창 Ale..

TIL | 12.9.금 [DRF ↔️ JS CRUD]

- Django Rest Framework Front JS CRUD [비밀번호 인증 / 재설정] https://eunjin3786.tistory.com/329 [Django] 사용자에게 비밀번호 재설정 메일 보내기 (send password reset link) [ 인트로 ] 오늘 오후 3시쯤 애플 쪽으로 개발자님 메일주소를 공유받았다면서 비밀번호 초기화를 하고 싶다는 메일을 받았다. (비밀번호를 잊으셔서 다시 로그인을 못하는 상황이셨다) 개인 앱 eunjin3786.tistory.com https://medium.com/django-rest/django-rest-framework-change-password-and-update-profile-1db0c144c0a3 Change Password and U..

TIL | 12.8.목 [DRF ↔️ JS CRUD]

- Django Rest Framework Front JS CRUD [pagination] - backend https://velog.io/@chaeri93/Django-DRF-Pagination-APIView [Django] DRF-Pagination APIView 지난 포스트에서는 viewset에서의 pagination을 소개했었다. 그러나 프로젝트를 진행하다 보면서 viewset을 사용하지 않고 커스텀하기 쉬운 APIview를 통해서 뷰를 짰다. 따라서 APIview에서는 다르게 pagina velog.io 👉 3.mixin 작성하기 부분 참고 - frontend https://mchch.tistory.com/140 [JavaScript] 페이지 처리, 페이징 처리 1. 한 페이지에 나타낼 글 수 ..

TIL | 12.7.수 [DRF ↔️ JS CRUD]

- Django Rest Framework Front JS CRUD [navbar 고정] position : fixed; + https://developer.mozilla.org/ko/docs/Web/CSS/z-index z-index - CSS: Cascading Style Sheets | MDN CSS z-index 속성은 위치 지정 요소와, 그 자손 또는 하위 플렉스 아이템의 Z축 순서를 지정합니다. 더 큰 z-index 값을 가진 요소가 작은 값의 요소 위를 덮습니다. developer.mozilla.org z-index 어떤 요소가 앞에 먼저 올것인가 설정해주는 속성!!

TIL | 12.6.화 [DRF / github]

- Django Rest Framework [Pillow : Image위 글자 및 배경색 설정해주기] #1. x, y의 좌표를 이전 코드에서 받아서 textbbox의 영역을 설정해주고, position = (x, y) #2. textbbox의 영역을 받아서 left, top, right, bottom = draw.textbbox(position, i, font=font) #3. textbbox의 영역 범위에서 (left-2, top-2, right+2, bottom+2) 이영역에 정의한 RGB색으로 배경색을 fill 해준다. draw.rectangle((left-2, top-2, right+2, bottom+2), fill=(0,0,0,150)) #4. text는 position에 위치하고 변수 i에 적..

TIL | 12.5.월 [DRF ↔️ JS CRUD]

- Django Rest Framework Front JS CRUD [소셜 로그인 기능] - Frontend 구성 html 구성 https://stackoverflow.com/questions/68438293/the-given-origin-is-not-allowed-for-the-given-client-id-gsi The given origin is not allowed for the given client ID (GSI) I was refactoring my "Sign in with Google" by replacing gapi with gsi on http://localhost:8080. How can gapi work without problems while gsi claims that The gi..