개발새발

배포하기 전까지는 로컬에서 npm run dev해서 확인했기 때문에 처음에는 모든 프론트엔드 코드를 PC 버전으로 작업했다. 그리고 vercel로 배포한 다음 휴대폰에서 작동하는지 확인해봤는데, 휴대폰에서는 글자도 작고 가로로 스크롤이 생겨서 보기가 불편했다. 그래서 기존 컴포넌트를 깨지 않고 반응형으로 확장하기로 결정했다. 반응형을 위한 핵심 전략Tailwind CSS의 반응형 prefix (sm, md, lg, xl)햄버거 메뉴를 위한 useState + motion.divflex-col / flex-row 전환을 통한 레이아웃 대응리팩토링 포인트기존 PC 기준 컴포넌트를 최대한 재사용하면서 스타일만 분기Image 컴포넌트에서 sizes를 사용해 디바이스별 최적 이미지 로딩 1. 반응형 디자인의 ..

나는 다음과 같은 구조로 프로젝트 폴더를 생성했다. 프로젝트/├── client/ # Next.js 프로젝트└── server/ # Nest.js 프로젝트 Next.js는 실행 명령이 npm run dev이고 Nest.js는 실행 명령이 npm run start:dev 여서 한번에 실행 할 수 있도록 합치기로 했다.  먼저 루트 디렉토리에 concurrently를 설치한다npm init -ynpm install concurrently --save-dev 그리고 루트 디렉토리의 package.json에 다음과 같이 설정해준다. { "name": "your-project-name", "version": "1.0.0", "scripts": { "client": "cd c..

챗봇 같은 프로젝트를 만들 때 openai의 api를 사용하면 간단하게 구현할 수 있다.  우선 openai 사이트에 들어가서 회원가입을 해야 한다https://platform.openai.com/docs/overview 그 다음에 View API Keys에 들어가서 create new secret key로 새 키를 발급받는다. 이름은 자유롭게 정해주자. 나는 챗봇을 만들 예정이기 때문에 간단하게 bot으로 했다. View API Keys는 왼쪽 상단 검색창에 검색해서 들어 갈 수도 있고 아니면 아래 링크로 들어가면 바로 나온다https://platform.openai.com/account/api-keys  그러면 아래와 같이 새 키가 발급 된다. api키는 다시 볼 수 없기 때문에 무조건 저장해두자!!..

오픈 API를 사용할 때에는 Key가 반드시 필요하다. 하지만 키가 유출돼서 요금 폭탄이 날아오는 것을 막으려면 깃허브 저장소에 커밋을 할 때 api key는 반드시 숨겨야 한다. 오늘은 React에서 key를 숨기는 방법을 알아보자.  처음에는 그냥 깃허브 푸쉬할 때 키가 있는 파일만 빼고 push 하려고 했는데 cache에 api키가 남아 있어서 아래와 같은 경고창이 뜨며 push가 취소 됐다.   .env 파일 생성.env는 환경변수 파일로, 프로젝트 내 최상위 루트에 생성해야 한다. 나는 OPENAI_API_KEY로 만들었다.  그리고 환경 변수를 관리하는 패키지인 python-dotenv를 install하자$pip install python-dotenv 불러올 때는 아래 코드처럼 dotenv 를..

📈 성장 지향 목표 설정: 팀의 목표는 실현 가능한 도전으로 설정하며, 각자 새로운 기술이나 지식을 습득하며 성장할 수 있도록 한다.문제 해결: 어려운 문제에 직면할 경우 팀원 간 협력을 통해 해결 방안을 모색하고, 포기하지 않고 끝까지 해결해 나간다.🔥 자율적 참여적극적 제안: 새로운 아이디어나 개선점을 적극적으로 제안하며, 제안된 아이디어는 함께 검토하고 결정한다.결정 후 책임: 팀에서 결정된 사항은 모두가 동의하고 책임을 진다. 이후에는 이를 충실히 이행한다.건설적 비판: 의견 충돌은 프로젝트의 질을 높이기 위한 과정으로 인식하고, 서로를 존중하며 건설적인 비판을 한다.🎙️ 투명한 소통진행 상황 공유: 모든 팀원은 자신의 작업 진행 상황을 정기적으로 공유하고, 팀 전체의 작업 흐름을 파악한다...

KataGo 설치 및 설정서버에 KataGo를 설치한다. (Ubuntu 기준) sudo apt-get updatesudo apt-get install -y git cmake g++ libzip-dev zlib1g-devgit clone https://github.com/lightvector/KataGo.gitcd KataGo/cppcmake . -DUSE_BACKEND=OPENCL # GPU 지원make 구글 드라이브로 다운로드https://drive.usercontent.google.com/download?id=1ygkgiYkZD4oQeFbaCD3lgsmfChkEeTBe&export=download&authuser=1 Google Drive - 다운로드 경고Google Drive가 다운로드 파일에서 ..