INGG.

옵션 선택을 위한 Modal을 구현하면서 합성 컴포넌트 패턴을 사용해보았다. 비슷한 새로운 컴포넌트가 필요해지더라도 컴포넌트들을 조합하여 빠르게 구현할 수 있었고 컴포넌트의 재사용성을 높일 수 있었다.

React Native 에서 좋은 사용자 경험을 제공하는 Form을 만들어보자.

최근 zustand를 이용하여 상태 관리를 해보았는데 사용법이 정말 간단하다고 느꼈다. 특이한 점은 redux, recoil 과 달리 앱을 감싸는 별도의 provider…

flexbox를 정확히 이해하고 다양한 속성을 활용해 보자.

Next의 이미지컴포넌트 는 아래와 같은 다양한 성능 최적화 기능을 제공한다. 향상된 성능: 최신 이미지 형식을 사용하여 각 디바이스에 대한 올바른 크기의 이미지 제공 시각적 안정성: 자동으로 layout shift…

js 호이스팅(Hoisting)이란 변수나 함수를 선언했을 때 코드 범위(scope) 내의 최상단으로 끌어올려지는 것처럼 보이는 현상이다. 흔히 var 는 호이스팅이 발생하며, const 와 let…

React Hook은 어떤 방식으로 동작할까? Hook을 간단히 구현해보며 동작 방식을 이해해보자.

교차 출처 리소스 공유(Cross-Origin Resource Sharing)에 대해 알아보자.

이벤트 버블링과 캡쳐링, 그리고 이벤트 위임은 무엇인지 구현해보며 이해해보자.

React Native CLI(0.60+)로 개발한 앱을 빌드하고 배포해보자.

React Native CLI(0.60+)에서 Splash Screen을 적용해보자.

자바스크립트는 싱글스레드이다. 어떻게 자바스크립트는 싱글스레드이면서 비동기인 것일까? 자바스크립트가 어떻게 동작하는지 내부 원리에 대해 알아보자.

Lint는 보푸라기라는 뜻인데 프로그래밍 쪽에서는 에러가 있는 코드에 표시를 달아놓는 것을 의미한다. 즉 ESLint…

Babel은 최신의 js코드를 normal한 예전의 js코드로 변환해준다. 많은 모던 웹 브라우저들이 ES6 문법을 어느정도 지원 하지만 부족한 상황이다. 따라서 바벨을 통해 크로스 브라우징(Cross Browsing…

Webpack은 여러개 파일을 하나의 파일로 합쳐주는 모듈 번들러(Module bundler) 이다. Webpack을 쓰는 이유는 무엇일까? 표준화된 모듈화 기법이 등장한 것은 ES2015부터인데, Webpack…