야호야허

https://devasi.pages.dev/ DevAsi 안녕하세요? 저는 DevAsi입니다. 프로그래밍 언어에 관해 질문해주세요! devasi.pages.dev DevAsi는 ChatGPT의 system 프롬프트를 활용하여 개발자의 역할을 부여한 ai에게 질문하고 답변받을 수 있는 웹 사이트입니다. 반응형 meta viewport 적용.

프론트엔드 배포 -> 클라우드플레어 심플하게 클라우드플레어 홈페이지에 가입후, 페이지 - create a project을 통해 프론트엔드 폴더를 올려 배포할 수 있었다. git 페이지와 연동하는 방법도 있지만 백엔드 연동시 api키 할당 등 번거로운 부분들이 있어 폴더를 올리는 방식으로 선택 백엔드 배포 - AWS Lambda 부트캠프에서 프로젝트를 진행할땐 AWS EC2를 사용해 컴퓨터를 빌려 서버를 돌리는 방식으로 백엔드 배포를 구현했었다. 하지만 개인적인 프로젝트로 EC2를 사용하기엔 비용적인 문제도 있고, 비교적 단순한 프로젝트기 때문에 AWS Lambda를 통한 서버리스 아키텍처를 활용해 백엔드를 배포하기로 했다. 람다의 경우 리눅스 설정 등이 필요없이 함수만 생성하면 되어 굉장히 편함! 코드소..

1. 스테이블-디퓨전을 사용하여 AI 그림 만들기 적당한 프롬프트를 활용하여 프로그래밍에 대해 조언해줄 분위기의 캐릭터를 뽑아내기 구글 코랩 사용. 2. ChatGPT에 프롬프트를 활용하여 개발자 역할 부여하기 index.js app.post('/devasi', async function (req, res) { let { userMessages, assistantMessages} = req.body let todayDateTime = new Date().toLocaleString('ko-KR', { timeZone: 'Asia/Seoul' }); let messages = [ {role: "system", content: "당신은 세계 최고의 개발자입니다. 당신에게 불가능한 것은 없으며 그 어떤 대답도 ..

API key와 같이 공개할 수 없는 정보가 코드에 포함된 채로 프로젝트 배포를 하게 되면 이를 사용해 악의적인 일에 사용될 수 있다. 이런 일을 방지하기 위해 API key 등의 정보는 PC에 저장해두고 사용해야 한다. 파이썬 장고를 활용한 프로젝트중에는 .env 파일을 만들어 그 안에서 중요한 키들을 관리했는데 node.js에서 환경 변수에 접근할 때는 process.env라는 객체를 사용한다. process는 전역 개체라서 별도로 임포트해야하는 모듈이 없고 애플리케이션 어디에서든지 접근이 가능하다. 환경 변수 설정 윈도우의 경우: set 키=값 리눅스, Mac OS의 경우: export 키=값 이렇게 Node.js 프로세스 레벨에서 설정해준 환경 변수는 해당 프로세스가 살아있는 동안에만 유효하고, ..

모든 과정에 ChatGPT 활용 가능! 오늘의 배운 것 ChatGPT의 system 프롬프트를 활용하여 특정 역할을 부여하고 질문해 답변받는 웹 서비스 구상 (배우는 과정중에는 운세보기) node.js를 이용한 백엔드 구성 html, css, js를 활용한 프론트엔드 구성 fontawesome을 사용한 움직이는 아이콘 구현(챗GPT 응용가능) 실전 Deploy 프론트엔드 - cloudflare 사용 백엔드 -> AWS Lamda 사용 (serverless) 수익 창조 - 카카오 adfit, 토스 아이디를 활용한 링크 트러블슈팅: 프론트엔드에서 백엔드로 요청시 CORS 에러 cors npm 설정중 origin 주소설정시 주소의 뒷부분에 '/'까지 추가해서 발생한 문제였다! 다음으로 구상할 것 ChatGPT..