Project.log

Firebase+Github Actions로 CI/CD구축리액트 프로젝트에 파이어베이스와 깃허브액션스를 이용하여 CI/CD 구축을 해보겠습니다. 설명하기 앞서..저는 Vite를 이용하여 React.js+TypeScript 조합으로 사용중이며 프로젝트를 이미 만든 상태에서 시작합니다. CI/CD가 뭘까? CI/CD에서 CI는 지속적 통합(Continuous Integration) CD는 지속적 제공/배포(Continuous Delivery/Deployment)를 의미합니다.소프트웨어 개발 라이프사이클을 간소화하고 가속화하는 것을 목표로 합니다.이렇게 연결된 두 사례를 일반적으로 "CI/CD 파이프라인"이라고 부릅니다. CI는 애플리케이션의 버그 수정 혹은 새로운 코드 변경이 주기적으로 빌드 및 테스트되면서..

Firebase + React Hosting리액트 프로젝트에 파이어베이스를 적용하여 호스팅을 해보겠습니다. 설명하기에 앞서..저는 Vite를 이용하여 React.js+TypeScript 조합으로 사용중이며 프로젝트를 이미 만든 상태에서 시작합니다. 파이어베이스 세팅프로젝트 만들기파이어베이스에 구글로 로그인을 하시고 위와 같이 시작하시면 될것 같습니다.먼저 프로젝트 추가를 클릭하여 프로젝트를 만들어줍니다. 저는 프로젝트 이름을 DongNol이라고 하겠습니다.따라하시는 분들은 원하시는 프로젝트 이름으로 작명하시면 되겠습니다. 애널리틱스 설정을 해줍니다.대충 설명을 드리자면 웹사이트 트래픽을 추적하고 보고하는 구글이 제공하는 서비스입니다.필수가 아닌 권장이므로 편하신대로 설정해주시면 되겠습니다.저는 나중에 테..

MockData (JSON Server) 목차글을 쓰게 된 이유소개설정 및 세팅서버접속간단한 통신해보기글을 쓰게 된 이유최근에 회사입사 과제중에 MockData(목데이터)를 사용할 일이 있어서 공부해보고 복습 및 기록하기 위해 글을 남깁니다. 소개JSON-Server는 간단한 JSON 파일을 기반으로 빠르게 mock 데이터를 생성하고 RESTful API 서버를 생성 및 설정 할 수 있는 도구입니다. 이는 프론트엔드 개발자가 백엔드 작업이 완료되기 전에 API 엔드포인트를 모방하여 개발을 진행할 수 있도록 돕습니다. JSON-Server를 사용하면 몇 분 안에 완전한 API 서버를 설정할 수 있습니다. 👨🏻‍💻 카메라 정보를 담고 추가까지 해보는 과정들을 해보겠습니다. 설정 및 세팅저는 간단하게 V..

바닐라 JS로 크롬 앱 만들기 - 노마드코더를 하다가 OpenWeatherMap API 401에러가 출력되었습니다. API 키가 잘못되었습니다. 자세한 내용은 https://openweathermap.org/faq#error401 을 참조하십시오. (Invalid API key. Please see https://openweathermap.org/faq#error401 for more info.) 아무리 봐도 계정을 만들고 My API Keys에서 잘가져왔는데 실행이 안되서 검색을 좀 해봤습니다. https://stackoverflow.com/questions/33091948/using-openweathermap-api-gives-401-error

Kakao에서 지원하는 지도API를 이용하여 지도를 생성해보겠습니다. 1. 카카오 개발자(developers)사이트에 방문합니다. https://developers.kakao.com/ Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다. developers.kakao.com 2. 상단에 내 애플리케이션을 클릭합니다. 클릭 한 뒤에 로그인 창이 나오면 로그인 해줍니다. 3. 애플리케이션 추가하기 버튼을 눌러 줍니다. 4. 애플리케이션 추가하기 앱아이콘, 앱 이름, 사업자명을 넣고 하단 체크박스를 체크해 준 뒤에 저장버튼을 누릅니다. (앱 아이콘은 안넣어도 무방합니다) 성공적으로 만들어 지면..