본문 바로가기
반응형

코드스테이츠 소프트웨어 엔지니어링 부트캠프72

코드스테이츠 소프트웨어 엔지니어링 부트캠프 +71 리덕스를 통한 상태관리의 장점 상태 예측 가능(순수함수 사용하기 때문) 유지보수 용이해짐(state를 store한 곳에서 관리하기 때문에 복잡도가 낮아진다.) action과 state log를 기록하면 디버깅에 유리하다. 테스트를 붙이기가 용이하다. 리덕스 3가지 원칙 Single Source of truth : state는 항상 같은 곳(Store)에서 가져온다. State is read-only : state는 직접 수정하면 안된다. state를 변경하는 절차는 다음과 같다. dispatch로 action을 reducer에 보낸다. reducer에서 action.type과 payload를 읽고 그에 맞는 새로운 state를 생성한다. Changes are made with pure functions .. 2021. 9. 27.
코드스테이츠 소프트웨어 엔지니어링 부트캠프 +70 추석연휴의 마지막이다. 월요일날 페어한테 airline-server express 가르쳐주기로 약속했기 때문에 잘 설명할 수 있도록 열심히 봤다. 설명해주려고 보다보니 눈에 안보였던 코드 흐름도 알 수 있었다. 감으로 알고있던 querystring과 params를 정리하였다. https://wnsdufdl.tistory.com/126 QueryString과 Params Querystring GET /airport?code={query} /airport?code=ICN 아래 코드와 브라우저 주소창에 타이핑한 결과를 살펴보자 const express = require('express'); const router = express.Router(); //[GET] /airport?.. wnsdufdl.tist.. 2021. 9. 26.
코드스테이츠 소프트웨어 엔지니어링 부트캠프 +69, 추석연휴동안 그동안 했던 스프린트, 코플릿을 한바퀴 돌렸다. 요새 마크다운을 이용하는데, 초반부터 느꼈던 티스토리 블로그의 불편함, 쓰면 쓸수록 개떡같다. 코드스테이츠 끝나면 블로그 옮겨야겠다. 웹의 동작원리에 대해 공부했다. TCP에 대해서도 알게 되었고 어제 공부했던 캐싱과 관련된 내용도 있었다. https://wnsdufdl.tistory.com/124 웹의 동작 원리 검색하다 잘 정리된 그림을 찾았다. Google을 검색했을 때 일어나는 일 참고 : https://devjin-blog.com/what-happen-browser-search/ https://medium.com/@1087/what-happens-when-you-type-you-type-google-com.. wnsdufdl.tisto.. 2021. 9. 25.
코드스테이츠 소프트웨어 엔지니어링 부트캠프 68, 동기/비동기 이론복습 동기 / 비동기 이론 복습 여러가지 요청을 받는 자바스크립트는 싱글 쓰레드 자바스크립트는 차례대로 하나씩 실행하는 싱글 쓰레드이다. 하지만 웹 사이트에서는 여러가지 요청이 오갈 수 있다. 그렇다면 한번에 하나씩만 처리할 수 있는 자바스크립트는 어떻게 여러가지 요청을 처리할 수 있을까?? 외부 홈페이지에서 날씨 정보를 다운로드 받아 화면에 표시하는 홈페이지가 있다고 생각해보자. 다운로드 받아야할 날씨 정보가 너무 많아 다운받는 시간이 오래걸리는 상황에서 동기적 코드는 날씨 정보가 다운로드 되는 동안 아무것도 하지 못한다. 하지만 비동기 코드는 을 Task Queue(잠시 제껴두는 공간이라고 이해하자)로 잠시 제껴두고 다른 동기적 코드(로그인창 렌더링, 메뉴창 렌더링 등등)를 먼저 수행한다. 그 이후에 Ta.. 2021. 9. 24.
반응형