KNOW-HOW/ETC

KNOW-HOW/ETC

homebrew 설치

Homebrew는 macOS(그리고 Linux)를 위한 패키지 관리 시스템입니다Homebrew 설치 방법은 간단하며, 공식 사이트 랜딩 페이지에 바로 안내해주고 있습니다.$ /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"위 명령어를 터미널에서 입력하면 설치가 진행되고 설치가 완료됩니다.설치가 완료되었다면 마지막으로 설정 파일에 homebrew를 PATH에 추가하고, 현재 쉘에서 homebrew를 사용할 수 있도록 설정 내용을 추가해주면 끝입니다. 2가지 명령어를 실행하면 되는데1. PATH에 추가하는 내용$ (echo; echo 'eval "$(/opt/homebrew/bin/bre..

KNOW-HOW/ETC

[ChatGPT plugin EP02 - 플러그인 공식 문서 번역 ]

ChatGPT Plugins 스토어에 등록된 스토어 이외에도 자체 개발한 플러그인도 ChatGPT에서 사용할 수 있다. https://platform.openai.com/docs/plugins/getting-started OpenAI API An API for accessing new AI models developed by OpenAI platform.openai.com 개발 가이드는 위 문서에서 자세히 설명해주고 있다. 이를 번역하면서 천천히 따라해보자. 플러그인을 만드는 데는 3단계가 필요하다. API 빌드하기 OpenAPI yaml 또는 JSON 형식으로 API를 문서화하기 플러그인에 대한 관련 메타데이터를 정의하는 JSON manifest 파일 생성하기 OpenAPI 사양과 manifest 파일..

KNOW-HOW/ETC

[ChatGPT plugin EP01 - 기능 살펴보기 ]

오늘(23.05.15) OpenAI로부터 메일이 도착했다. 내용은 유료 플랜 사용자 중 일부를 대상으로 ChatGPT Plugins 또는 Browsing 베타 기능을 사용할 수 있게 해주었다는 것이다. 행운이 따라서 나도 이에 포함되었으며, 나는 Plugins 기능을 사용할 수 있는 권한을 받았다. 바로 ChatGPT 사이트에 접속하여 추가된 내용을 확인해보았다. 먼저, 좌측 하단의 메뉴 아이콘인 미트볼을 클릭하고, 그 다음으로 Settings를 클릭하면 아래와 같이 Beta features라는 메뉴가 나타나며, Plugins 컨텐츠를 활성화 또는 비활성화할 수 있는 화면이 표시된다. Plugins를 활성화한 후 기본 화면으로 돌아가면 플러그인을 사용할 수 있는 형태로 변화한다. 플러그인 스토어를 클릭하..

KNOW-HOW/ETC

[GIT] 원격에서 삭제된 브랜치를 모두 삭제하기

git config --global alias.gone "! git fetch -p && git for-each-ref --format '%(refname:short) %(upstream:track)' | awk '\$2 == \"[gone]\" {print \$1}' | xargs -r git branch -D"

KNOW-HOW/ETC

hydration 이란?

Next.js의 SSR 렌더링 방식은 두 단계로 구분할 수 있다. 첫번째 단계는 Pre-rendering 두번째 단계는 Hydration Pre-rendering 단계에서는 JS를 실행하지 않은 채로 HTML element들을 먼저 렌더링 한다. JS를 실행하여 최종적인 DOM 트리를 생성 및 렌더링하고 이벤트 등록과 같은 과정을 한 번에 하지 않고, 왜 HTML elemente들을 먼저 렌더링 할까? 가장 큰 이유는 화면을 빠르게 로드할 수 있다는 점이다. JS를 읽어들이고 읽어들인 내용을 가지고 DOM을 그리는 과정은 단순 HTML element만을 가지고 DOM을 그리는 과정보다 느리기 때문이다. 빠르게 먼저 보여줄 수 있는 부분은 먼저 보여주고 hydration 과정을 통해 최종적으로 렌더링 과정..

KNOW-HOW/ETC

NextJS에서 Typescript 절대경로 설정

1. tsconfig.json에서 baseUrl 설정 { "compilerOptions": { "baseUrl": ".", ... } ... } 2. next.config.js에서 webpack 설정 module.exports = { ... webpack(config) { config.resolve.modules.push(__dirname); return config; }, }

코리안심슨
'KNOW-HOW/ETC' 카테고리의 글 목록