본문 바로가기

전체 글451

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.
210619 Facts (사실, 객관) : 코드숨 7강 과제 진행 독서(자바스크립트 코딩의 기술) 혼공파 교재로 파이썬 공부 Feelings (느낌, 주관) : TDD cycle을 최대한 지키면서 과제를 진행했었던 것 같다. 아직도 익숙하진 않지만 앞으로 꾸준히하면 익숙해질거라고 생각한다.. 주말을 맞이해서 나름 독서도 하고 파이썬 공부도 했다. Findings (배운 점) : 파이썬 딕셔너리와 반복문을 배웠다. list와 Dictionary의 차이에 대해서 알게 되었는데 간단하게 말하자면 list는 인덱스 기반으로 값을 저장하며 선언 형식은 변수=[]이고 Dictionary는 키를 기반으로 값을 저장하며 선언 형식은 변수={}이다. Dictionary의 요소 제거는 list와 동일하게 del 키워드를 사용한다. g.. 2021. 6. 20.
210617 Facts (사실, 객관) : 코드숨 강의 보기 soloLearn에서 파이썬 예제 풀기 Feelings (느낌, 주관) : 강의를 볼 때는 이해가 가는데 혼자서 구현해보는게 잘 안되고 너무 어렵다,.. 아침 시간을 좀 더 활용해서 스스로 공부하는 시간을 좀 늘려야겠다. .. .. Findings (배운 점) : Authorization 헤더 - HTTP Authorization 요청 헤더는 유저 에이전트에서 서버에 인증정보를 전달하기 위해 사용 LocalStorage - 브라우저에 데이터를 저장하기 위해 사용. localStorage는 저장된 데이터의 만료기간이 없고 key와 value는 항상 문자열로 저장. localStorage에 저장한 자료는 페이지 프로토콜 별로 구분. onSubmit - 폼 전송.. 2021. 6. 17.
210607 Facts (사실, 객관) : 코드숨 강의 보기 Feelings (느낌, 주관) : 이번주는 PR 잘 올리고 피드백 받으면서 과제를 해야겠다. Findings (배운 점) : devServer.historyApiFallback - HTML5 History API를 이용하는 경우 index.html 페이지가 404 응답 대신 제공되어야한다. Location - Location 인터페이스는 객체가 연결된 장소(URL)을 표현. SPA(Single Page Application) - 단일 페이지 어플리케이션은 모던 웹의 패러다임이다. 배포가 간단하여 네이티브 앱과 유사한 사용자 경험을 제공한다. 그러나 초기 구동 속도가 느리고 SEO(검색엔진 최적화)문제가 있다. Routing - 사용자가 요청한 URL 또는.. 2021. 6. 7.
CODESOOM: REACT-5 Facts (사실, 객관) : 강의 풀이 영상 시청 후 과제1(레스토랑 조회 구현하기) Feelings (느낌, 주관) : 강의 풀이 영상을 토대로 과제를 마무리 할 수 있었다. 조금만 수정해도 에러가 막 나는것이,, 답답했다.. 그동안에 대충 알고 넘겼던 부분을 다시 찾아보고 정리하면서 제대로 공부를 좀 했다. Findings (배운 점) : 비동기Asynchronous처리 - 병렬적으로 태스크를 수행하기 때문에 특정 코드의 실행이 완료될 때까지 기다리지 않고 다음 코드를 먼저 수행한다. Promise - 자바스크립트 비동기 처리에 사용되는 객체로 비동기 작업이 맞이할 미래의 완료 또는 실패와 그 결과 값을 나타낸다. async 함수 - function 앞에 async를 붙이면 해당 함수는 항상 Pro.. 2021. 6. 7.
210531 Facts (사실, 객관) : 코드숨 강의 보기 Feelings (느낌, 주관) : 저번주에 과제를 제대로 못해서 피드백을 받지 못한것이 아쉬웠다. 이번주는 새 인생 살기로 다짐했다,, Findings (배운 점) : 동기식 처리 모델 Synchronous processing model - 직렬적으로 task 수행 비동기 Asynchronous 처리 - 병렬적으로 태스크를 수행한다. 특정 코드의 실행이 완료될 때까지 기다리지 않고 다음 코드를 먼저 수행한다. 자바스크립트의 대부분의 DOM 이벤트 핸들러와 TIMER 함수, Ajax 요청은 비동기식 처리 모델로 동작 Promise - promise 객체는 비동기 작업이 맞이할 미래의 완료 또는 실패와 그 결과 값을 나타낸다. promise가 생성될 때 꼭 .. 2021. 6. 1.