분류 전체보기

    TIL | 12.27.화 [DRF ↔️ JS CRUD]

    - Django Rest Framework Front JS CRUD [SNS 연동하기] - html SNS - JS function sns_share(sns) { var thisUrl = document.URL; var snsTitle = "Beesolution 공유하기"; if( sns == 'facebook' ) { var url = "http://www.facebook.com/sharer/sharer.php?u="+encodeURIComponent(thisUrl); window.open(url, "", "width=486, height=286"); } else if( sns == 'twitter' ) { var url = "http://twitter.com/share?url="+encodeURICo..

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

    - Django Rest Framework Front JS CRUD - Frontend [html : 마우스 커서] 내가 어떤 item을 선택할때 마우스 포인터가 커서 모양이 아닌 손모양 혹은 화살표 모양 등으로 바꾸고 싶을땐, # CSS 에서 cursor속성 이용 cursor: pointer; - Backend [many to many] relatename_set 은 many to many fields에서 역참조를 하고 있을때 이용하는 selialize 변수 명이다. many to many fields가 아니라면 set을 붙일 필요가 없다.

    TIL | 12.23.금 [사용자 피드백]

    - 사용자 피드백 받기 프로젝트를 배포하면 이제 우리가 만든 사이트를 직접 사용자가 이용해 보며 사용자 분들의 피드백을 받아 리팩토링 해 나아가야 한다. 1차 배포 : 수정사항이 굉장히 많다 배포도 처음이다 보니 버그도 많고, 사용자 마다의 관점은 정말 너무나도 다양하기 때문에 수용할 의견들을 골라내는 작업도 굉장히 중요하다.

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

    - Django Rest Framework Front JS CRUD [Method : PUT] serialize에서 받아올 정보를 구현 하고, views.py에서 method를 정의해 준뒤, 프론트에서 어떤 URL에서 어떤 method를 받아와 정보를 줄건지 설정해준다. 여기서 PUT은 serializers.py에서 요구된 모든 정보를 보내주지 않아도 수정이 가능하다. 예를 들어) class UserChrSerializer(serializers.ModelSerializer): class Meta: model = UserChr fields = ["mbti", "age", "gender"] read_only_fields = ['user',] class UserChrChangeView(APIView): def..

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

    - Django Rest Framework Front JS CRUD [js에서 변수 불러오기] js에서 변수를 불러올때 변수 앞 뒤로 내가 원하는 문구를 넣고 싶을때가 있다. 이럴땐 정말 간단하게 불러오는 변수 앞 뒤로 "문자열"을 +(추가) 해주면 된다. async function user_mbti() { const response = await fetch(`${main_url}/users/signup/${userId}/userchr/`, { headers: { 'Authorization': 'Bearer ' + localStorage.getItem('access'), 'content-type': 'application/json', }, method: 'GET' }) response_json = awa..

    TIL | 12.20.화 [DRF ↔️ JS CRUD]

    - Django Rest Framework Front JS CRUD [js에서 if 문 조건] 일반적으로 if 문에서 and나 or 조건 등을 쓸때는 if ()or()or(): ~ if 조건1 or 조건2: ~ 위와 같이 연산자를 직접 적어주지만 js에서 사용할땐 연산자 이름이 아닌 기호로 적어준다. if (mbti_txt == "-- mbti를 골라주세요 --"|| gender_txt == "-- 성별을 골라주세요 --" || age == ""){ alert('아래 항목을 모두 골라주세요') window.location.reload() }else{ } and : && or : || not : !