KNOW-HOW

KNOW-HOW/Next.JS

[Using App Router - Middleware.ts]

미들웨어는 요청이 완료되기 전에 코드를 실행할 수 있게 해줍니다. 그런 다음 들어오는 요청에 따라 응답을 재작성(re-writing), 리다이렉션(re-directing), 요청이나 응답 헤더를 수정하거나, 직접 응답할 수 있습니다. 미들웨어는 캐시된 콘텐츠와 라우트가 일치하기 전에 실행됩니다. 더 자세한 내용은 'Matching Paths'를 참고하세요. Convention 프로젝트의 루트에서 미들웨어를 정의하기 위해 middleware.ts 또는 (.js) 파일을 사용하세요. 예를 들어, pages나 app과 같은 레벨에서, 또는 필요한 경우 src 내부에서 사용할 수 있습니다. Example import { NextResponse } from 'next/server' import type { Nex..

KNOW-HOW/STYLE

[ Table 크기를 유동적으로 키우고 싶은 경우 ]

Table을 사용할 때 colgroup과 col을 활용하여 열(row)의 크기를 픽스 할 수 있다. 그런데 기본적으로 모든 요소는 부모 요소의 크기보다 커질 수 없다. table 또한 마찬가지이고 col을 활용해서 적용한 width 값들이 table의 부모 요소보다 큰 경우 table은 col에서 설정한 값은 무시하고 알아서(?) 크기를 조율한다. 그런데 부모 요소의 크기와 상관없이 col을 활용해 적용한 width 값을 온전히 적용하고 싶다면, table에 width 값을 max-content로 적용하면 된다. Header 1 Header 2 Header 3 .table-wrapper { overflow-x: auto; } .table-wrapper table { width: max-content; }

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/리액트 네이티브

스플래시 스크린 적용하기! 근데 이제 chatGPT를 곁들인..

chatGPT가 화제이다. 지금은 베타 오픈 기간(?)이라 이것 저것 심심할 때 마다 질문을 하고있는데, 이번에는 한창 공부중인 리액트 네이티브 관련된 내용을 물어보았다. 질문은 다음과 같다. "react native에서 앱 실행시 로딩 화면 만드는 코드 알려줘" 아래는 chatGPT의 답변 그대로 옮겨왔다. React Native에서 앱 실행 시 로딩 화면을 만드는 가장 일반적인 방법은 앱이 시작할 때 첫 번째 화면으로 스플래시 스크린을 정의하고 이를 사용하는 것입니다. 스플래시 스크린은 일반적으로 앱의 로고와 같은 간단한 정보를 표시합니다. 스플래시 스크린을 정의하려면, 먼저 새로운 컴포넌트를 작성해야 합니다. 이 컴포넌트는 앱이 시작할 때 첫 번째로 보여질 화면입니다. 일반적으로 이 컴포넌트는 Sp..

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' 카테고리의 글 목록 (2 Page)