TIL #210215

📚 TIL

---

코드숨 4주차 DAY 22, 자바스크립트 코딩의 기술

🧀 학습목표

레스토랑 정보 확인 및 예약 시스템 구축하기

 

1. TDD로 기능 구현하기

2. 레스토랑 목록 보기 기능 구현하기

3. 레스토랑 추가 기능 구현하기

 

---

 

🧀 리덕스

Flux Architecture

 

- Flux : 페이스북이 제시한 클라이언트 웹 애플리케이션 아키텍쳐

- 단방향 데이터 Flow, Action이 Dispatcher를 통해 Store에 전달

 

Redux

 

npm i redux react-redux

- Redux : Flux Architecture의 구현체

- Action : 상태값을 변경하는 객체, type와 payload 속성으로 구성

- Reducer : 기존 상태를 다른 상태로 변경하는 함수

- Store : 리덕스의 상태값을 갖는 객체

 

---

 

🧀 자바스크립트 코딩의 기술 9장 공부하기

9장 : 외부 데이터에 접근하라

 

TIP 43 프라미스를 이용해 비동기적으로 데이터를 가져오라

 

• 비동기 언어 : 이전의 코드가 완전히 해결되지 않아도 이어지는 코드를 실행할 수 있는 언어
• 프라미스 : 비동기 작업을 전달받아서 응답에 따라 두 가지 메서드 중 하나를 호출하는 객체

TIP 44 async/await로 함수를 명료하게 생성하라

 

• async 키워드를 이용해서 선언한 함수는 비동기 데이터를 사용한다는 것을 의미
• 비동기 함수의 내부에서 await 키워드를 사용하면 값이 반환될 때까지 함수의 실행을 중지

TIP 45 fetch로 간단한 AJAX 호출을 처리하라

 

• 끝점 URL을 인수로 해서 fetch() 호출

TIP 46 localStorage로 상태를 장기간 유지하라

 

• localStorage : 브라우저에만 존재하는 작은 데이터베이스
• 사용자에게 추가적인 노력을 요구하지 않고도 사용자 정보를 저장할 수 있음

---

 

😁 오늘 한 일

---

 

📕 공부하기

- 오늘은 코드숨 강의 듣고 스터디 내용 공부했어요

- 그리고 여러개 새로 시작할것들에 대해 생각하고 준비했어요

- 우선 정보처리기사 인터넷강의를 듣고, 패스트캠퍼스 강의도 샀어요

- 교육도 제대로 못따라가고있지만 ㅠ 시간 더 써서 해봐야겠어요!