본문 바로가기

TIL(Today I Learned)85

221109 TIL 👩🏻‍💻 이번 프로젝트 때 사용했던 기본적인 자바스크립트 용어에 대해 정리해 보았다. 🔍 DOM(Document Object Model) : HTML, XML 문서의 프로그래밍 interface 이다. DOM은 문서의 구조화된 표현을 제공하며 프로그래밍 언어가 DOM 구조에 접근할 수 있는 방법을 제공하여 그들이 문서 구조, 스타일, 내용 등을 변경할 수 있게 돕는다. DOM 은 nodes와 objects로 문서를 표현한다. 이들은 웹 페이지를 스크립트 또는 프로그래밍 언어들에서 사용될 수 있게 연결시켜주는 역할을 담당한다. 🔍 document.querySelector() : 제공한 선택자와 일치하는 문서 내 첫 번째 element를 반환. 일치하는 요소가 없으면 null을 반환. 🔍 Document.g.. 2022. 11. 9.
221108 TIL 👩🏻‍💻 추천시스템을 이용한 DRF 프로젝트가 마무리 되었다. 이번 프로젝트 때는 프론트엔드와 백엔드를 분리해야했기 때문에 기존에 하던 방식과 달라서 너무 어려웠다. 자바스크립트를 이용해서 연결해야 하는데 너무너무 생소해서 거의 무에서 유를 창조하는 수준이었다. 자바스크립트를 잘 아시는 팀원분이 도와주셔서 겨우겨우 완성할 수 있었다. 이번 프로젝트 때는 내가 뭘 한건지 잘 모르겠어서 지금 자존감이 바닥상태이다.....ㅎㅎㅎㅎ.... 다음 프로젝트 전까지 진짜 진짜로!!! 복습 열심히 해서 다음 프로젝트 때는 조금이라도 더 기여할수 있도록 할 것이다. ㅠ^ㅠ https://hyunjoo3107.tistory.com/148 추천시스템 프로젝트 | Na-Dle KPT 회고 Keep : 이번 프로젝트에서 진행한.. 2022. 11. 8.
221107 TIL 문제 위의 코드로 작성하면 아래 사진처럼 415 (Unsupported Media Type) 이라는 에러가 발생한다!! 구글링 해보니 headers에 Content-Type을 지정해줘야한다고 나왔다. 에러 해결! headers에 'Content-Type': 'application/json' 를 추가하니까 해결! db에도 잘 들어가는걸 확인할 수 있다 ㅠㅠㅠㅠㅠㅠㅠㅠ 2022. 11. 7.
221104 TIL 어제까지 백엔드 부분은 어느정도 완성이 되었고 오늘은 프론트작업을 시작했다. 음원 상세페이지 html javascript로 연결해서 데이터 불러온 html화면 document.addEventListener("DOMContentLoaded", function(){ handleMock() }); async function handleMock(){ const response = await fetch('http://127.0.0.1:8000/musics/3/',{ headers: { "Authorization":"Bearer " + "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ0b2tlbl90eXBlIjoiYWNjZXNzIiwiZXhwIjoxNjY3NzM5NDc3LCJpYXQiOjE.. 2022. 11. 6.
221103 TIL 🔍 프로젝트 진행중 Error 🔍 ❗️ 리뷰 작성 오류 class ReviewCreateSerializer(serializers.ModelSerializer): class Meta: model = Review fields = ('content','grade') 위와 같이 fields에서 작성해야하는 내용을 content, grade로 설정해두었더니 review를 작성할 때 아래와 같은 에러가 발생했다. => fields의 조건을 all 로 받아와줘야 했던 것이었다. ✔️ 리뷰 작성 오류 해결 class ReviewCreateSerializer(serializers.ModelSerializer): class Meta: model = Review fields = '__all__' ❗️ Serializer 역.. 2022. 11. 3.
221102 TIL 👩🏻‍💻 오늘부터 장고심화(DRF)와 추천시스템 기능을 이용한 프로젝트가 시작되었다! 🌀 프로젝트 이름 : Na-dle(나랑 들을래?) 🌀 사용자의 취향을 반영하여 취향에 맞는 음악을 추천해주고, 취향이 비슷한 다른 사용자의 플레이리스트를 보여주는 추천시스템 와이어프레임 DB설계 API 2022. 11. 2.

티스토리툴바