B0neh3ad

뭐라도 쓰다보면 뭐든 남겠지

Frontend

[Redux] Redux가 뭐임?

Date:

React 프로젝트 공부하다보니 Redux라는 놈이 자꾸 튀어나와서 정리하기로 했다.

[React] Coding Convention

Date:

In React, it’s conventional to use onSomething names for props which represent events and handleSomething for the function definitions which handle those ...

[Next.js] 공부내용 정리

Date:

Next.js vs React.js React는 JS Library였지만 NextJS는 Framework다. 통제의 주체가 프로그래머가 아닌 nextjs 쪽에 있다. react는 library로서 자유도가 높았지만, nextjs는 framework로서 정해진 rule에 따라 ...

[Next.js] npm vs yarn

Date:

Nextjs로 빌드된 페이지를 보면, 현재 페이지의 렌더링과 관련없는 js 파일들이 hydration 이후에 로딩되는 것을 볼 수 있다. 이는 주로 Prefetch 때문이다.

[Next.js] npm vs yarn

Date:

여느날 처럼 npm run dev를 쳐서 로컬에서 디버깅하다가 found multiple lockfiles 어쩌구 하는 오류가 생겼다. 임시 방편으로 해결하려면 package-lock.json이나 yarn.lock 을 지우면 된다고 한다. 그러나, 근본적으로는 앱에서 원래 설정된 ...

[Next.js] createPortal과 layout

Date:

특정 페이지들에 공통된 layout을 적용하고 싶다면 layout.js 를 사용해야 한다. 그런데, 이들 중 어떤 페이지는 해당 layout에 종속되지 않아야 하는 component를 가져야 할 수도 있다. 이때 그 component 내에서 createPortal 을 이용해 더 상...

[Next.js] Babel vs SWC

Date:

SWC js 컴파일러. 정확히는 javascript로 결과물을 변환해주는 transpiler다. js 기반 언어(typescript)나 프레임워크로 짜인 코드를 js로 바꿔주는 역할을 한다.

[CSS] Wrapper VS Container

Date:

특정한 컨텐츠를 감싸는 <div> tag에 class 또는 id를 부여할 때, ~~~wrapper 로 할지 ~~~container 로 할지 고민될 때가 있다.