O612의 데브런닷 스튜디오

이 포스팅에서는 단순히 텍스트만 들어간 마크다운 파일인 경우에만 처리하는 코드를 알려드립니다. 필요한 패키지 내장된 패키지이므로 별도로 설치하시면 안됩니다. (별도 설치시 에러 뜰 수 있음) next.js getStaticProps 사용 return 내부 최종 코드 사용 예: https://jejeup.dev1stud.io/open-sources Github: https://github.com/naninyang/jejeup/blob/main/pages/open-sources.tsx

macOS의 기본 shell은 z-shell(이하 zsh)입니다. 원래 macOS의 기본 shell은 bash(bash shell)인데 macOS 10.15 Catalina부터 zsh로 변경되었습니다. 단, macOS 10.15 이전의 macOS에서 10.15 이상으로 업데이트 진행시에는 기본 shell이 bash 그대로 유지됩니다. 처음부터 10.15 이상의 macOS로 설치를 하였을 때에만 zsh가 기본 shell이 됩니다. 이 글에서는 zsh 및 oh-my-zsh 세팅하는 방법을 설명합니다. 그럼 시작해볼까요? 준비물은 macOS입니다. Windows에서는 power shell을 쓰세요... 포기하면 편해... 사용 가능한 shell 확인 및 zsh 설정하기 M1 이상 장비를 사용 중이거나 macOS…

이번 포스팅에서는 HoC를 사용하여 Head 컴포넌트를 꾸며볼 겁니다. 모두 준비됐나요~? (준비 됐어요~) HoC? 고차 컴포넌트(HOC, Higher-order Component)는 컴포넌트 로직을 재사용하기 위한 React의 고급 기술입니다. 고차 컴포넌트(HOC)는 React API의 일부가 아니며, React의 구성적 특성에서 나오는 패턴입니다. (출처: Reactjs) 주의사항 ref는 전달되지 않습니다. render 또는 return 안에서의 사용은 금지됩니다. (export default에서만 사용 가능) 저거 사탄이네? withHead.js HoC 파일명은 with가 앞에 붙습니다. index.js _app.js, _document.js는 건드실 게 없습니다. 이 외에 pages…

특정 인물과 상관 없습니다.

O612는 2021년부터 NPM을 버리고 Yarn Berry를 쓰고 있습니다. (2023년 9월부터 pnpm 사용 중) 2021년 10월 이전까지는 Intel Mac을 썼는데 NPM의 패키지 설치 속도가 매우 느려서 이 문제를 어떻게 해결할까 고민을 하던 찰나, Yarn Berry 존재를 알게 됐어요. 설치 속도가 체감이 될 정도로 차이가 나더군요. 그 이유는... Recursion Module NPM은 node_modules 디렉토리에 패키지 의존성을 설치하거나 불러오는데, Hoisting 기법을 쓰느라 node_modules/dependencies/node_modules…