[ TIL ] 22년 7월 2주차

JavaScript : 비동기와 Promise

뭔가 조금 더 공부가 필요할 것 같다... 개념이 명확하게 이해가 안 되는 느낌~ 내가 Ajax 썼을 때는 분명 ajax()이런거 썼던 것 같은데 크큭 또 달라졌구나 FE의 세계는 너무나 험난하다 ...

AJAX 필기

비동기( async ) → 순서대로 처리되는 동기와 달리, 병렬적으로 진행하되, 먼저 끝나는대로 진행하는 방식

Promise → JS에서 비동기를 처리하는 방식, return 값이 Promise면 비동기로 처리해야 함

• 프로미스의 상태
  1. pending : 처리 중
  2. fulfilled : 처리 완료
  3. rejected : 비정상 처리

then() 안에 함수의 형태로 넣어주기 …

fetch("https://jsonplaceholder.typicode.com/posts/1") // 1. 데이터 받아오기
    .then(res => res.json()) // 2.json 형태로 변환
    .then(console.log) // 3. 출력

---

REST란

REST( Representational State Transfer ) : 클라이언트 ↔ 서버의 통신 아키텍쳐 스타일 중 하나로 URI와 HTTP 이용

자원 + 구조 구분자 → URI, 동사가 아닌 명사로 이루어짐

API( application programming interface ): 소프트웨어 간에 지정된 형식으로 요청, 명령을 받는 수단

REST API의 가장 중요한 특성 → 각 요청의 목적을 요청의 모습 자체로 추론 가능

restful → REST가 적용된 시스템, 요청 주소만 봐도 무슨 요청인지 안다! 방식도 목적에 맞춰 사용

그래서, REST API란?

HTTP에서 요청을 보낼 때 어떤 URI에 어떤 메소드를 사용할지에 대한 규칙( REST )가 적용된 API

→ SOAP 규약에 비해 HTTP를 이용해 간단하고 일관된 인터페이스를 통해 URI만으로도 요청을 직관적으로 이해 가능

REST API에서의 HTTP 메소드 사용규칙

GET: READ, DELETE < POST: CREATE, PUT(+ PATCH ) : UPDATE 사용

✓ put은 정보 통째로 변경, PATCH는 특정 방식으로 수정할 때

REST API의 6가지 조건

1. 일관된 인터페이스 ( URI, HTTP 메소드의 사용, RPC 미호출 )

2. 클라이언트/서버

3. 비연결성 ( 세션 등 이전 상황, 즉 문맥 없이도 통신 가능 )

4. Cacheable ( 서버의 응답 메시지는 캐싱, 즉 저장 후 재사용 가능 )

5. 계층화된 시스템

   → 중간 계층의 기능( 로드밸런싱, 서버 증설, 인증 시스템 도입 등 )이 변경되어도 통신에 영향 X

6. 주문형 코드 ( 선택사항, 서버가 스크립트 전송 )

---

넥슨 MOD 서포터즈 합격 ><

-메-에 인생을 갈아넣었던 사람으로써 ( 사실 지금도 야금야금 가는 중 ... ) MOD 서포터즈 놓칠 수가 없어서 신청해버렸고... 붙어 버렸다 ...~~~ 사실 이거 운영진 때도 하고 싶었는데 해커톤 못한대서 읭?? 그럼 어쩔수없지 하고 안했다가 이건 그런 얘기 없길래 한 건데 ... 멋사 해커톤은 참여 못한다고 ... ㄱ- 너무하네요 그래도 열심히 해서 좋은 결과 만들어보겠습니다 -메-짱의 힘을 보여드리겠어요.