npm install? npm i? npm ci? 무슨 차이가 있을까?이 커맨드 모두 기본적인 동작은 의존성 패키지들을 설치하는 것이지만 서로 다른 방향으로 동작한다.

Node Package Manager 노드 개발자라면 매우 익숙한 이름일 것이다. npm을 사용하면 매우 쉽게 패키지들을 설치하고 관리할 수 있다. 나는 어디서 'yarn이 더 빨라!' 이 한마디 듣고 그 이후로 yarn을 애용하는 중이다...

react-native 플랫폼으로 개발을 진행하면서 vscode에서만 yarn ios로 시뮬레이터 실행을 시켜봤었는데! 최근에 카카오 로그인 기능을 구현하면서 처음으로 네이티브코드를 건드려야 하는 상황이 생겨서 xcode를 이용해서 시험삼아 빌드를 했었는데 다음과 같은 에러가 나를 반기고(?) 있었다🥲 내 노트북 사양은 이렇다 m1 mac-book-p...

리액트의 함수형 컴포넌트와 클래스는 어떻게 다를까?

1. 그냥 리덕스와 리덕스 툴킷의 차이점은 무엇인가요? 오랜 시간 리덕스는 리액트의 상태관리 라이브러리 중 대표로서 굳게 자리매김하고 있었지만, 러닝 커브가 높고 복잡하다는 의견이 많았습니다. 리덕스 때문에 리액트가 더 어렵게 느껴진다는 말이 있었을 정도이다. redux를 잘 사용하려면 다음과 같은 추가 패키지들을 설치해야되는데 이 또한 리덕스를 배우는...

리액트 네이티브에서는 아쉽게도 css에서 제공하는 속성을 제공하지 않는 경우들이 많다.box-shadow도 마찬가지로 리액트 네이티브에서는 제공하지 않나보다..😀그래도 해결책은 존재한다..!

최근 채팅 관련 앱 사이드 프로젝트를 진행하다가 채팅 기능을 구현하기 위해서 STOMP와 SOCKJS를 사용하기로 했는데 사용하기전에 무엇인지 먼저 알아보고 사용해보자.

요세푸스? 처음들어보는 이름이었는데 문제를 읽고 조금 고민해보니 어디선가 접해본적 있는 문제였다.

자료구조를 바탕으로 백준에 있는 스택 문제를 풀어보았다.

비선형 자료구조 힙에 대해서 알아보자!

주변에서 쉽게 볼 수 있는 문제중의 하나로 소수 구하기 알고리즘을 알아보자.

다섯 번째 자료구조 트리에 대해서 알아보자!

자료구조 네 번째 그래프에 대해서 알아보자.

이번 챕터에서는 Next의 가장 중요한 Pre-rendering과 관련된 기능들을 살펴보자🔥 전통적인? React에서의 방식과 Next의 방식을 비교하면서 알아보자.

튜토리얼을 시작해보자! 라우팅 위주로 살펴보자.

next.js에 대해 알아보자.

react query지금까지는 componentDidMount시점에 패칭하는 것을 해봤는데 이벤트에 따라서 패칭하는 방법을 알아보자.

전 챕터에서는 우리가 흔히 사용하는 방식으로 data-fetching을 구현해보았다. 이번에는 React-Query를 사용해보자 👍

핫 아이템 리액트쿼리에 대해 알아보자 🔥

스택과 비슷한 구조이지만 데이터의 입력과 출력의 방향이 다른 자료구조다.