분류 전체보기36 Next.js 페이지마다 다른 레이아웃 적용하기 Next.js 에서 레이아웃같이 모든 페이지에 공통된 CSS나 태그 등을 지정하고 싶을 때 _app.js 파일에 추가하여 적용을 합니다. import Layout from "components/layouts/layout"; export default function App({ Component, pageProps }: AppProps) { return ( ); } 하지만 로그인, 로그아웃 같은 페이지 같이 레이아웃이 필요 없거나 페이지별로 다른 레이아웃을 적용하고 싶을 경우 getStaticProps를 활용하여 선택을 할 수 있습니다. 아래와 같이 getStaticProps를 작성하여 각 페이지에 layout 이란 프로퍼티를 추가해 줍니다. export const getStaticProps = async.. 2022. 12. 27. OpenAI 사의 챗GPT 체험 (인공지능 채팅 봇) 최근 OpenAI 사의 인공지능 챗봇인 Chat GPT라는 서비스가 많은 관심을 받고 있는 중입니다. 질문에 답변하는 수준이 아주 높고 문장 수준도 웬만한 사람들 이상 수준급이라고 하는데 몇 번 질문을 하다 보면 금세 공감이 갈 정도입니다. 오픈소스로 시작을 하였다가 상업화를 하였는데 이 때문에 우려하는 말들이 많이 나오는 중이고, 지금 세상에 나와서는 안될 아주 무서운 프로그램이라는 기사도 나오는 상황입니다. 체험을 위해서는 가입이 필요한데 메일 주소와 휴대전화 인증으로 생성 가능합니다. https://chat.openai.com/ 나름 머리를 써가며 이것저것 질문을 계속 던지고 있는데 꽤 만족할 만한 대답을 보여줍니다. 영어 문법에 대한 확인도 해주고, 한글 질문도 가능하다고 친절하게 답변을 해줍니다.. 2022. 12. 22. 암호화폐로 Vultr 서버 비용 납부 해보기 vultr에서 개인적으로 구동 중인 서버의 첫 요금이 청구가 되었습니다. 첫 한 달은 무료 크레딧으로 사용이 가능하고 둘째 달부터 요금이 발생을 하는데 신용카드, 페이팔, Crypto 등으로 충전한 크레딧에서 요금이 차감되는 방식이네요. 서버 성능 대비 저렴한 금액, 관리 페이지 편의성등의 이유로 계속 사용하기로 결정을 하였고 다음 달 비용 납부를 위해 Crypto로 크래딧 충전을 해보았습니다. 비용 납부를 위해서는 Billing 메뉴의 Crypto 탭에서 충전 금액을 선택 후 Pay with Crypto 버튼을 클릭하여 줍니다. 충전 금액은 최소 10달러 이상 가능하고요. 클릭하게 되면 BitPay 사이트로 이동이 되며 지갑을 선택하여야 합니다. 저는 MetaMask로 결제를 진행하였습니다. 다음으로는.. 2022. 12. 19. Prisma에서 여러 개의 .env 파일 사용 Prisma 사용 시 .env 파일을 선택하여 사용할 수 있는 방법을 공유합니다. Prisma CLI 사용 시 기본으로 dotenv 모듈의 .env 파일 정보를 참조하게 되어 있습니다. 개발 환경에 따라 .env 파일 외에 .env.development 나 .env.local 등으로 구분해서 사용할 경우 아래의 방법을 통해 선택이 가능합니다. 먼저 dotenv-cli 모듈 설치는 필수입니다. $ npm i dotenv-cli 다음으로 packge.json 파일에 아래 내용을 추가합니다. "scripts": { "migrate:postgres": "dotenv -e .env.development -- npx prisma migrate dev --name postgres-init", "dbpush:postg.. 2022. 12. 13. 이전 1 2 3 4 5 6 7 ··· 9 다음
