Jerry

오늘 한 것 React로 NodeBird SNS 만들기 강좌에서 Redux 연동하기, 리덕스 파트를 끝내는 것이 목표였다. 하지만, 다 못 끝냈다 배운 내용 버전 6들어와서 Provider로 페이지를 감싸주는게 자동으로 되도록(생략되어 알아서 감싸준다) 업데이트돼서 한 번더 쓰면 중복처리가 된다. return ( 공통메뉴 ); 리덕스 - 중앙 데이터 저장소 역할 컨텍스트api, mobex, redux의 가장 큰 차이점은 비동기를 지원하기 쉽냐? 어렵냐? 보통 중앙 저장소가 있다면, 서버에서 데이터를 많이 받아오고 비동기로 받아온다. 데이터를 받는건 100%가 아니다. 실패를 대비해야한다. 비동기는 3단계로 나뉜다. 요청→ 성공(받는것)→ 실패 컨텐스트api는 3단계를 직접 만들어줘야한다. 아래와 같은 코..

Project https://juicyjerry.tistory.com/233 배운 내용 1. lazy loading과 code splitting의 차이점 우리가 번들러 같은 빌드 툴 체인(소스 빌드 과정에 필요한 도구)을 사용하여 번들링 하는 이유로 여러 개로 흩어져 있는 파일들(static file: html, css, image...)을 압축, 난독화하여 하나의 파일로 모아주어 최적화를 해주면 웹에서 여러 개로 나눠진 파일을 받는 경우보다 하나로 된 파일로 받는 경우의 속도가 훨씬 빠릅니다. 이런 번들링 툴인 웹팩은 번들링을 할 때 dependency graph라는 것을 호출합니다. 이 그래프는 모든 import 되는 파일이 서로 연결되어 있는 그래프입니다. 웹팩은 이 그래프를 이용해 번들링해야할 파..

Project https://juicyjerry.tistory.com/231 오늘 배운 내용 scss content extends: 같은 코드를 중복하고 싶지 않을 때 쓰는거야, 말그대로 다른 코드를 확장하거나 너가 코드를 재사용하고 싶을 때 사용 minxins: 상황에 따라 다르게 코딩을 하고 싶으면 사용 varialbes: 해당 css속성은 변수화 _의 의미는 기본적으로 css로 변하지 않았으면 하는 것 ex. _varialbes scss는 기본적으로 css preprocessor다. scss을 compile해서 css로 바꾼다. sass가 먼저 만들어졌는데 syntax가 달라서 scss를 쓰게 되었고 scss가 scss를 위한 공식적인 syntax로 릴리즈되었다. scss나 sass를 같은 것을 의..

Project https://juicyjerry.tistory.com/229

Project https://juicyjerry.tistory.com/227

CS 공부 https://juicyjerry.tistory.com/224 Project https://juicyjerry.tistory.com/225

자바스크립트 공부 https://juicyjerry.tistory.com/220 CS 공부 https://juicyjerry.tistory.com/221 PROJECT https://juicyjerry.tistory.com/222

알고리즘 문제 풀기 백준 단계별 문제 기본 수학1 - ACM 호텔을 푸려고 시도했다! https://juicyjerry.tistory.com/217