노트
포스트
취소

노트

헤드리스 리액트 컴포넌트

링크 일반 React 컴포넌트의 경우 커스터마이징을 하려면 CSS 오버라이딩을 이용해야 되는데 번거롭고 오버라이딩이 되지 않는 경우가 있다.

HeadLess는 스타일 부분과 제어부분을 나눠 제어부분만 만들어 놓는 것이다. 기본적인 데이터 로직은 변경 가능성이 낮고 스타일이 추상화되면 스타일 재정의를 위한 인터페이스를 열어둬야 돼 유지보수가 어렵다.

자료구조만 정의가 되어있고 해당 데이터를 받아서 적절하게 뿌려주는 느낌.

예제코드로 학습하기

링크 예제코드로 학습하기

한글 유니코드 처리 방식

링크 유니코드 정규화 규칙에는 4가지가 있다. NFD는 자모를 분해해서 저장하고 NFC는 하나의 문자로 합쳐서 저장을 한다. NFKC와 NFKD의 경우 특수문자도 분해를 해 한글음절/자모로 분해를 해 특수문자 처리에 유용하다. 옛한글의 경우 NFC형태로 저장이 불가능하고 자소 규칙이 표준화되어있지 않으므로 정렬 시 주의를 요한다.

html 기본 태그

링크

각종 html 기본 제공 태그들. 왠만한건 다 생기는 느낌이다.

리액트 useeffect 작동 방식

링크

링크

이 기사는 저작권자의 CC BY 4.0 라이센스를 따릅니다.

npm unpublish에 제한조건이 생긴 이유

Error listen EACCES permission denied 해결법