import { useRouter } from 'next/router'13버전 이전에는 'next/router'로 가능했는데 ..버전이 바뀌면서 이렇게 import 해오면 제대로 작동하지 않는다.import { useRouter } from 'next/navigatio

백엔드에서 만든 로그인 API 를 사용하여 axios로 post 하기 Swagger 를 사용하면 데이터의 request 형식을 알 수 있기 때문에 백엔드와 api 소통이 편리합니다. 구현 Flow를 알려드리자면, 이메일(or 아이디 : 원하시는 걸로) 과 비밀번호를

emotion 으로 만들어진 태그에도 props를 전달할 수 있습니다.

Atomic 패턴은 웹 디자인에서 컴포넌트를 구성하는 방법 중 하나로, 다양한 크기의 컴포넌트를 원자적인 단위로 분할하여 조합하는 방식입니다.

리액트는 단방향 구조로 데이터가 흐릅니다.

React와 Next.js는 둘 다 라우팅을 처리하는 라우터 기능을 제공하지만,그 구현과 사용 방법에서 차이가 있습니다.

라우터 객체의 pathname과 asPath는 일반적으로 웹 애플리케이션에서 라우팅된 URL과 관련된 속성 입니다.pathname은 URL의 경로 부분을 나타내며,호스트 및 쿼리 매개변수를 제외한 경로 부분입니다.예를 들어, https://example.com

라우터 객체의 push와 replace는 둘 다 브라우저의 주소를 변경하는 메소드입니다. 그러나 두 메소드 간에는 몇 가지 중요한 차이점이 있습니다 !

mutation도 실패합니다

배열 원소의 합계 관련 문제풀이 시 reduce() 적극 활용 필요, 객체화 - map()

라우터(router) 객체 : 페이지 이동과 관련된 기능을 가지고 있는 객체를 의미합니다. 이 라우터 객체를 사용해서, A 페이지 -> B 페이지로 이동할 때, "B 페이지로 라우팅한다" 고 말합니다. 주로 사용하는 라우터

피자 나눠먹기(1) >머쓱이네 피자가게는 피자를 일곱 조각으로 잘라 줍니다. 피자를 나눠먹을 사람의 수 n이 주어질 때, 모든 사람이 피자를 한 조각 이상 먹기 위해 필요한 피자의 수를 return 하는 solution 함수를 완성해보세요. 차근차근 이해하며 구현하는

비동기 통신을 하다보면 에러가 발생한다. 해결법이 조건부렌더링 ?

객체를 정의하다보면 자주 key와 value를 같은 이름으로 사용하게 되는 경우가 있다.같은 단어를 두 번 사용하는 게 은근히 귀찮..이런 문제를 해결하는 새로운 표기법이 바로 shorthand property names !

언더페칭(Underfetching)과 오버페칭(Overfetching)은 RESTful API에서 클라이언트와 서버 간 데이터 통신에서 발생할 수 있는 성능 관련 문제를 설명하는 용어입니다.언더페칭 (Underfetching):언더페칭은 클라이언트가 필요한 데이터를 한

TTP 메서드 중 PUT과 PATCH는 모두 리소스를 수정하는 데 사용되는 메서드입니다. 하지만 PUT과 PATCH는 다음과 같은 차이가 있습니다: 수정 방식 PUT: 전체 리소스를 대체 또는 새로 생성합니다. 즉, 요청 본문에는 수정하려는 리소스의 전체 내용이

Apollo Client : GrpahQL API를 호출하기 위해 사용되는 라이브러리먼저, Apollo Client를 생성해야 하는데, 이 때 호출할 GraphQL API의 접속 정보를 설정해줘야 합니다.apollo-boost 패키지에서 임포트한 ApolloClient

문제설명얀에서는 매년 달리기 경주가 열립니다. 해설진들은 선수들이 자기 바로 앞의 선수를 추월할 때 추월한 선수의 이름을 부릅니다. 예를 들어 1등부터 3등까지 "mumu", "soe", "poe" 선수들이 순서대로 달리고 있을 때, 해설진이 "soe"선수를 불렀다면

호이스팅은 변수의 선언과 초기화를 분리하여 선언만 코드의 최상단으로 끌어올려주는 것