무계획성인 나는 블로깅주제 선정이 어려워서 마법의 소라고동님한테 물어봤다.. ㅎㅎ Grid는 두 방향(가로-세로) 2차원 레이아웃 시스템이다 하나의 그리드은 대게 columns, rows로 구성되며, 각 행과 열 사이에 공백이 있는데, 대게는 이를 일컬어 gutters라고 부른다 속성 의미 display 그리드 컨테이너(Container)를 정의 grid-template-rows 명시적 행(Track)의 크기를 정의 grid-template-columns 명시적 열(Track)의 크기를 정의 grid-template-areas 영역(Area) 이름을 참조해 템플릿 생성 grid-template grid-template-xxx의 단축 속성 row-gap(grid-row-gap) 행과 행 사이의 간격(Lin..

⭐️Javascript 📌callback과 promise의 차이점에 대해 설명해 주세요 둘 다 자바스크립드에서 비동기 처리를 위해서 사용되는 방법입니다 Callback 어떤 작업을 다른 객체에게 시켜둔 다음 그 작업이 끝나는 것을 기다리지 않고 부를 때 까지 다른 일을 하는 것을 말합니다 함수의 처리 순서를 보장하기 위해서 함수를 중첩하여 사용되는 경우가 발생하는데 이때 콜백헬 발생하며 에러 처리가 힘들다라는 단점이 있습니다 Promise는 콜백의 단점을 보완하기 위해 등장한 개념으로 비동기 처리 시점을 명확하게 표현할수 있습니다 Promise는 3가지 상태중 하나를 가지는데 기본적으로 pending 상태이후 비동기 처리에 따라 resolve,reject 함수를 호출하고 처리에 성공하면 fulfilled..

기술면접이 제일 어려울꺼 같아 일주일에 1~2번 정리해서 외우고 가야겠다.. 🥲 cs 🧩브라우저 주소창에 www.google.com을 입력하면 어떤일이 일어나나요? 입력된 주소를 기반으로 DNS서버에 요청을 보내고 입력된 도메인 이름에 대한 IP주소를 찾아 브라우저에게 응답합니다 브라우저는 DNS 서버로부터 받은 IP주소를 사용하여 해당 서버로 HTTP요청을 보내고 www.google.com이 HTTP 요청의 Host 헤더 필드에 포함됩니다. GET / HTTP/1.1 Host: www.google.com User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:96.0) Gecko/20100101 Firefox/96.0 Accept: text/html,app..

리액트 쿼리를 쓰면 좋다고 해서 공부하려고 하는데 아직 개념이 덜 잡힌거 같다 🥲 React Query는 데이터 Fetching, 캐싱, 동기화, 서버 쪽 데이터 업데이트 등을 쉽게 만들어 주는 React 라이브러리이다. =>기존에 Redux, Mobx, Recoil과 같은 다양하고 훌륭한 상태 관리 라이브러리들이 있긴 하지만, 클라이언트 쪽의 데이터들을 관리하기에 적합할 순 있어도 서버 쪽의 데이터들을 관리하기에는 적합하지 않은 점들이 있어 해결하기 위해 React-Query가 만들어졌다. React-Query 장점 서버사이드 상태 관리와 관련된 여러 가지 반복적인 작업들을 손쉽게 처리할 수 있다 데이터뿐만 아니라 isIdle, isLoading, isFetching, isSuccess, isError..