TIL_20221209_자바스크립트 fetch

- 자바스크립트 fetch

자바스크립트는 싱글 스레드 방식으로 하나의 스레드에서 모든 것을 실행 / 이를 보완하고자 비동기 통신 개념이 등장

비동기 : 특정 코드의 연산이 끝날때 까지 코드의 실행을 멈추지 않고 다음 코드를 먼저 실행

Promise 객체 : 비동기를 간편하게 처리하기 위한 객체

fetch() 함수는 첫번째 인자로 url, 두번째 인자로 옵션 객체를 받고 promise 타입의 객체를 반환

 

참조 : 

sham.log - Fetch란 무엇인가

개발 성장 일지 - [Javascript] 서버에 데이터를 호출/요청하는 fetch함수

듀의 자료저장소 - JavaScript Fetch API를 사용하여 데이터를 가져오는 방법

Eoldam spark - [javascript] fetch를 사용하여 데이터 요청 후 화면에 적용하는 방법 ajax

TIL log - 바닐라 자바스크립트 공부하기 (feat. jQuery)

남정호 - [Javascript] fetch 로 get 요청 보내기

jenehojinchoi.log - [TIL] Django: JSON, request.body

 

 

 

---

 

- 프로그래밍 중 장고 프레임워크에 대한 생각 정리

Django Rest Framework 를 사용하면 모델, 시리얼라이즈, 뷰 이렇게 구성되어서 데이터를 입력받고 이를 시리얼라이즈를 통해 검증하고 DB 에 저장한다.

장고 웹 서버 프레임워크를 통해 데이터를 SQL 과 같은 쿼리 언어를 사용하지 않고 ORM 을 이용해 DB 를 관리하며 DB 형태는 RDBMS 이다.

장고의 RDBMS 에서 각기 테이블은 Model Class 로 관리되며 각 테이블은 데이터를 특정할 수있는 Prmiary Key 를 가지고 있으며 각 테이블은 다른 테이블과 연관이 있을 때는 Foreign Key 로 참조 한다. 

Data 를 효율적으로 이용하기 위해서는 사용 목적에 맞는 Data Structure 에 이를 효과적으로 사용하기 위한 Algorithm 이 필요하다. 

 

참조 : 

Google Cloud - 관계형 데이터베이스란 무엇인가요?

위키백과 - 관계형 데이터베이스

to infinity and beyond - (Django) 관계형 데이터베이스와 ORM

hans.log - Django ORM M:N 관계 참조
흔들리며 피는 꽃 - [DB] ORM (Object Relational Mapping) 사용 이유, 장단점

 

 

 

---

오늘 한일

- 팀프로젝트 : 자바스크립트를 이용해서 전체 view 화면 및 버튼 연결, html/css 수정으로 컨셉 페이지 제작