CODESOOM14 CODESOOM: REACT-7 Facts (사실, 객관) : 강의 영상과 강의 풀이 영상 시청 과제 미완성 Feelings (느낌, 주관) : 다른 과제들에 비해서 TDD cycle을 최대한 지키려고 했었던 것 같다. 7주차 과제는 이번주 안으로 완성 시켜야겠다. Findings (배운 점) : Authorization - HTTP Authorization 요청 헤더는 유저 에이전트에서 서버에 인증 정보를 전달하기 위해 사용 LocalStorage - 브라우저에 데이터를 저장하기 위해 사용. localStorage는 저장된 데이터의 만료 기간이 없고 key와 value는 항상 문자열로 저장. localStorage에 저정한 자료는 페이지 프로토콜 별로 구분. onSubmit - 폼 전송하기 전에 작업 수행하게 하는 이벤트 2021. 6. 21. CODESOOM: REACT-6 Facts (사실, 객관) : 강의 영상과 강의 풀이 영상 시청 6주차 과제 미완성 Feelings (느낌, 주관) : 나태해져서 하루에 공부를 많이 안했다. 그래서 결국에 과제를 미완성으로 남겨 두었고 얼른 마무리 지어야겠다. Findings (배운 점) : Routing - 사용자가 요청한 URL 또는 이벤트를 해석하고 새로운 페이지로 전환하기 우한 데이터를 취득하기 위해 서버에 필요 데이터를 요청하고 화면을 전환하는 일련의 행위. Dispatch 테스트가 여러개 돌아갈 때 - dispatch.mockClear(); MemoryRouter - memory에 URL history를 저장해두는 이다. 테스트에서 유용하고 React Native처럼 non-browser 환경이다. event.preventD.. 2021. 6. 21. CODESOOM: REACT-5 Facts (사실, 객관) : 강의 풀이 영상 시청 후 과제1(레스토랑 조회 구현하기) Feelings (느낌, 주관) : 강의 풀이 영상을 토대로 과제를 마무리 할 수 있었다. 조금만 수정해도 에러가 막 나는것이,, 답답했다.. 그동안에 대충 알고 넘겼던 부분을 다시 찾아보고 정리하면서 제대로 공부를 좀 했다. Findings (배운 점) : 비동기Asynchronous처리 - 병렬적으로 태스크를 수행하기 때문에 특정 코드의 실행이 완료될 때까지 기다리지 않고 다음 코드를 먼저 수행한다. Promise - 자바스크립트 비동기 처리에 사용되는 객체로 비동기 작업이 맞이할 미래의 완료 또는 실패와 그 결과 값을 나타낸다. async 함수 - function 앞에 async를 붙이면 해당 함수는 항상 Pro.. 2021. 6. 7. CODESOOM: REACT-4 Facts (사실, 객관) : 강의 풀이 영상 시청 후 과제1(To-do 리스트 Redux를 사용하여 리팩터링 하기)와 과제2(레스토랑 정보 확인 및 예약 시스템 구축하기) Feelings (느낌, 주관) : 이번주 내내 강의만 듣고 아무것도 하지 않았다.. 무기력했던 일주일이었다. 토요일에 강의 풀이 영상이 올라왔고 영상을 보고 난 후 에 영상의 내용을 토대로 과제를 하게 되었다. Findings (배운 점) : Flux - 페이스북에서 클라이언트-사이드 웹 어플리케이션을 만들기 위해 사용하는 어플리케이션 아키텍쳐이다. 단방향 데이터 흐름을 활용해 뷰 컴포넌트를 구성하는 React를 보완한다. Dispatcher - Flux 어플리케이션의 중앙 허브로 모든 데이터의 흐름을 관리. 각각의 store를 직.. 2021. 5. 30. 이전 1 2 3 4 다음