fullpage 스크롤 라이브러리

isError가 안먹어요 > 나: tanstack query 에서 isError로 에러 처리를 했음에도 처리가 안됩니다.. > 시니어: isLoading, isError는 어떤 순간에 변경 됩니까? 나: ... 그렇습니다. useQuery, useMutation 등

어플리케이션을 개발하는 과정에서 스태틱한 파일을 처리하는 로직을 구현하는 것은 프론트엔드, 백엔드 입장에서 생각보다 매우 귀찮은 일입니다. 파일의 종류와 크기에 따라서 여러가지 예외의 경우를 처리해야 하는 경우도 있고 사용자 입장에서 진행되는 시간이 지루하게 느낄 수

타입스크립트를 강제로 쓰다보니 코드를 두번 세번 작성하는 일이 많아졌고 작성하자마자 코드가 잘 작동하면 다행인데 타입 오류 문제로 고생을 하다보면 자바스크립트로 10분이면 끝날 작업을 정말 최악의 경우 40-50분이 걸리곤 했다. 취업에 필요하다고는 하지만 당장 만들어

타입스크립트를 알게된지 어느덧 1년... 이 시점에서 타입스크립트에 대한 무언가를 남겨야겠다고 생각했다. 하지만 타입스크립트의 기능과 동작 원리를 나열하기엔 너무나도 훌륭한 선배님들의 글이 많고 또 내가 타입스크립트를 처음 사용하기 시작했을 때 지금 느끼는 감동을 느낄

객체의 키 값은 문자열이 되어야 한다.nation의 경우 문자열이 아닌것 같지만 암묵적으로 타입이 문자열로 변환된다state-address의 경우 연잔사를 포함한 식이므로 '', "" 문자열 표시를 통해 명시해줘야 한다기본적으로 객체의 값을 읽을 땐 마침표 표기법으로

폼태그는 input 등의 담긴 정보들을 제출 동작을 통해 어떤일을 벌일 것인가에 관여한다폼태그로 감싸진 input 정보들을 폼태그의 정해진 액션 attribute를 동작해 전송하게 된다전송하고자 하는 input이 멀리 떨어져 있고 그 정보 또한 전송을 원할 경우 for

사용자가 참조하고자 하는 웹페이지 서버에 요청서버는 사용자에게 HTML, CSS, JavaScript, 이미지 파일등을 응답서버로부터 받은 HTML, CSS 파일을 HTML파서와 CSS파서가 파싱 \- 파싱 과정에서 최대 20개의 중첩만 허용하고 나머지는 무시파싱된

SSR 서버쪽에서 요청에 따라 응답할 정적 리소스를 정해두고 사용자가 요청할때마다 리소스를 보내줌, 변경사항 없이 완전하게 만들어진 페이지를 보내줌 장점 클라이언트 쪽에서 필요한 리소스만을 쥐고 있음 초기 로딩속도가 빠름 검색엔진의 크롤링에서 웹의 모든 소스를 노출시

서버쪽에서 요청에 따라 응답할 정적 리소스를 정해두고 사용자가 요청할때마다 리소스를 보내줌, 변경사항 없이 완전하게 만들어진 페이지를 보내줌클라이언트 쪽에서 필요한 리소스만을 쥐고 있음초기 로딩속도가 빠름검색엔진의 크롤링에서 웹의 모든 소스를 노출시켜 마케팅에 이점을

Promise를 사용해 비동기 처리가 가능하다. 콜백 패턴에 비해서 가독성과 콜백헬로부터 벗어날 수 있는 좋은 방법이긴 하지만 async, await를 통해 좀 더 가독성이 좋게 만들어줄 수 있다일반적인 함수로써 "Hello"를 리턴하게 된다함수 앞에 async를 붙

Promise는 비동기 작업을 수행하기 위해 사용하고 생성자 함수를 통해 인스턴스 할 수 있다.Promise는 resolve, reject 위치로 각각 함수를 인지로 받는다작업이 성공하면 resolve를 실행작업이 실패하면 reject를 실행Promise는 비동기적으로

콜백은 함수에 인자로 넣어지는 함수자바스크립트에선 함수 자체가 객체이기 때문에 함수의 인자로 넣어줄 수 있음콜백지옥이라 불리는 연속적 콜백이 경우 유지보수가 불가능할 정도의 복잡함을 가지게 됨this의 문맥 유지를 위해 bind 해줬지만 실제 상황에서는 this가 어디

자바스크립트의 싱글 스레드 자바스크립트 엔진은 멀티 스레드로 구동하는 다른 언어와는 달리 싱글 스레드로 구동된다. 이 부분에서 한가지 문제가 발생하는데 setTimeout이나 웹 호출 상황에서 작업이 완성될때까지 Call Stack에 쌓인 일들이 멈춰 버린다. Web

포이에마웹MDN Closure클로져에 대한 개념을 알아야 한다고 했을 때 이름부터 어려워보여 위축됐던 기억이 있다. 하지만 살펴보면 너무 좋은 자바스크립트의 장점으로써 역할을 하고 있다는 것을 알 수 있다.스코프는 함수를 어디에서 선언했는지로 결정된다. 렉시컬 스코핑에

MDN this기본적으로 웹브라우저라면 window를 this가 가르킨다this.b 로 값을 할당하더라도 this는 전역객체이므로 console.log(b)가 정상적으로 출력이 된다브라우저 상황과 노드 상황에서 this는 전역객체를 가르킨다하지만 strict mode에

MDN constMDN letMDN var자바스크립트에서 변수를 선언하는 방법은 3가지(4가지?)로 var, let, const 이다 변수에 할당된 값을 바꿀 수 있다는 점에서 var와 let이 다소 혼동이 생기고, const는 할당된 값을 바꿀 수 없지만 오브젝트 선

부모 자식, 형제 관계가 아닌 서로 동 떨어진 컴포넌트에 영향받는 스타일링을 해야하는 상황선택자를 통해 하위 선택자, 자식 선택자, 형제 선택자, 인접 형제 선택자를 선택 할 수 있음하지만 저기 멀리 다른 박스에 위치해있는 컴포넌트에 영향을 받고 싶다면 방법이 없다스타

프로젝트 GitHub 레파지토리익스플로어 10 이상, 사파리, 크롬, 엣지, 파이어폭스, 오페라 에서 동작하는 메인페이지 구현2022.02.21 ~ 2022.02.23HTML/CSSjavaScript네비게이션캐러셀배너 영역푸터팝업창ie8을 제외한 브라우저에서 실행ie8

프로젝트 GitHub 레파지토리정해진 데이터를 가지고 사용자 입장에서 편한 결과를 보여줄 수 있도록주어진 데이터를 활용한 검색창 구현2022.02.17 ~ 2022.02.19TypeScriptReactRedux-toolkitStyled-component한글로 입력된 영