flex container에 gap property를 지정해주면 됨(예전엔 margin을 사용했음.)웹사이트에서 이미지나 영상을 정해진 비율을 유지할때 유용.원하는 요소에 position: sticky를 지정해주고정의된 높이가 있는 컨테이너 안에 요소를 넣어주면 됨.

array : 중복을 허용하는 자료구조 set : 중복을 허용하지 않는 자료구조

출처:https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Object/assign

falsy || rightExpr 실행

for of / for in 차이를 아라보자..!🤣반복가능한 객체 Array, Map, Set, String , arguments객체등을 포함개별 속성값에 대해 실행되는 문이 있는사용자 정의 반복 후크를 호출하는 루프를 생성한다.키가 지정된 모든 열거 가능한 속성에

Reducer함수 만들기 와 정의한 으로 를 만들면 된다. 이때 Reducer는 꼭 순수 함수로 만들어야 한다. 아래 4가지 조건을 만족하면 된다. Reducer함수는 이전상태와 액션객체를 파라미터로 받는다. 파라미터 값 외에는 의존하면 안된다. 이전 상태는 절대 건

리액트에서state업데이트를 할때는-> setState 를 사용한다배열을 업데이트 할때는 -> 배열자체에 push하지 않고, concat 함수를 사용해 기존의 배열을 수정하지 않고, 새로운 배열을 만들어 교체해 업데이트 한다.리덕스에서 불변성을 유지하는 이유는 내부적으

출처: https://velog.io/@zofqofhtltm8015/Axios-%EC%82%AC%EC%9A%A9%EB%B2%95-%EC%84%9C%EB%B2%84-%ED%86%B5%EC%8B%A0-%ED%95%B4%EB%B3%B4%EA%B8%B0Node.js,

출처:https://ssangq.netlify.app/posts/react-memo-useMemo-useCallback를 보고 정리 해 봄!: 이전 값을 메모리에 저장해 동일한 계산의 반복을 제거해 빠른 처리를 가능하게 하는 기술useMemo, useCallb

useMemo : 특정 결과값을 재사용할때 사용useCallback : 특정 함수를 새로 만들지 않고 재사용할때 사용.

현재 나는 iterm을 쓰고 있다.기본적인 명령어 몇개만 알아서읽어보면서 정리해봐야겠다🤧cd : change directory cd/경로명cd .. : 상위디렉토리로 보냄pwd : 현재 경로 표시ls : 조건 검색어 ls 검색어 검색어를 포함한 모든 파일 표시cp

한 번 읽어보았다.https://www.slideshare.net/guruguru/ss-14241987

🖤🖤🖤🖤🖤 1.브라우저 렌더링 원리 1-1.사용자에게 보이는 순서. 2. 호이스팅이란? 3. 클로저(Clouser)란? 4. GET,POST의 차이점과 사용용도 🖤🖤🖤🖤 1. this란? 1-1. this용법 2. 브라우저 저장소들의 차이점 (loca

create-react-app으로 만들었던 웹사이트를 돌려보았는데생각지도 못한 error가 발생했다!검색해보니 생각보다 빈번한 에러인듯 하다😇배포 후 접속하면 index.html이 브라우저의 캐시 상태이기 때문에배포 바로 이전의 index.html이다.그 안에 번들링

예전에 만들었던 포트폴리오를 다시 실행해보니 이런 에러가 떴다!검색해보니까 프로젝트를 만들었던 로컬을 옮겼을때 생긴 에러 같다🙄출처:https://stackoverflow.com/questions/57423244/manifest-line-1-column-1-

https://nimblewebdeveloper.com/blog/convert-react-class-to-function-component를 공부해보았당!이 글 넘 자세하고 좋아...들어가서 읽어보세요><ㅋFromtorender 메소드를 지우고 retur

component의 첫 글자를 대문자로 바꿔준다!와 진짜😇

Routing이란?프로세스,network의 트래픽의 path를 선택하는 프로세스이다.url을 줬을때 어떤 페이지로 연결하는지 결정해주는것.