
[Vercel] React - vite 를 사용한 프로젝트에 serverless function 추가하기
2024. 9. 11. 19:26
개발/Javascript
프로젝트를 만들고 있는데, gpt 토큰과 회원가입 기능이 생기기 전까지는 서버리스 api만으로도 충분할 것같았다.(쓰다보면 플랫폼은 옮기더라도.. 서버리스로 계속 해도 되지않을까 라는 생각도 하고있긴....함 헿) vercel로 배포할때 serverless function 사용하다가 헤매가지고.. 기록용으로 적어둔다 설정방법1. 루트 폴더안에 api 폴더를 생성한다. 나는 최상위가 CHAT-ASTROLOGY폴더고 하위에 backend랑 frontend가 있는 레포지토리 구조라서 frontend 아래에 api폴더를 생성했다. backend를 lambda로 따로 배포하려다가 vercel에 한꺼번에 할 수 있다고 해서 수정하게되었다. // api/fortune/result/[id].jsimport { ..

[vercel] .env에 환경변수로 넣어둔 값들을 추가해야 할 때
2024. 9. 5. 18:25
개발/Error note
Vercel로 배포 후 테스트 중 .env에 넣어둔 파일들의 변수값이 불러오지 않아 오류가 발생했다. git을 통해서 vercel은 배포되기때문에 .gitignore에 추가해둔 .env는 없는 파일이라 읽지 못했기 때문이다. 해결방법 해당 프로젝트에서 Settings를 들어간다 Project Settings에서 Environment Variables로 이동 env에 입력해뒀던 키와 값을 입력하고 save를 해준다 그리고 Deployments로 이동 Redeploy를 해준다. 그러면 오류없이 이제 화면이 잘 동작한다 ;)

[React] 카카오톡에 공유하기 기능 추가하기
2024. 8. 29. 20:39
개발/Javascript
현재 사주&타로 프로젝트를 만들고있다. + 포춘쿠키 기능 (헿)사용자가 자신의 결과를 쉽게 공유할 수 있으면 좋겠다는 생각에 SNS 공유 기능을 살펴보았고, 사용자가 많은 카카오톡과 먼저 연동하는 작업을 진행했다.카카오 디벨로퍼스 플랫폼 등록[Kakao Developers카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다.developers.kakao.com](https://developers.kakao.com/)카카오 API를 활용할 수 있는사이트.회원가입 후 내 애플리케이션 - 앱설정 - 플랫폼 에 들어가서 사이트 도메인을 등록해준다.사이트 도메인에 테스트 가능한 도메인을 입력한다. localhost 테스트때는 꼭..

[nvm] nvm 설치 후 npm: command not found가 뜰 때
2024. 8. 26. 19:41
개발/Error note
nvm enabled 와 진짜 별의 별 상황을 다 만난다 진짜 갑자기 환경설정이 풀렸는데 저렇게 쓰고 재부팅하니까 그냥 또 잘된다. 부들부들
2025년 전 세계 기업이 가장 필요로 하는 15가지 업무 능력
2024. 8. 20. 22:44
일상/일기장
세계경제포럼(WEF; World Economic Forum)이 '미래 직업 보고서'에서 발표한'2025년 전 세계 기업이 가장 필요로 하는 15가지 업무능력' - 분석적 사고와 혁신- 능동적 학습과 학습전략- 복합적 문제 해결- 비판적 사고와 분석- 창의성, 독창성, 주도성- 기술과 사회 영향력- 기술 사용, 모니터링과 통제- 기술 디자인과 프로그래밍- 회복력, 스트레스 저항력, 유연성- 논리적 추록, 문제 해결, 상상력- 감성 지능- 운영상 실수 해결 및 사용자 경험- 서비스 지향적 사고- 시스템 분석과 평가- 설득과 협상