늘보의 서랍

프로젝트 회의 이후 API를 활용하는 방법을 계속 찾아보고 시도해보고 있다. TMI로 Request를 보내는 부분에서 굉장히 애를 먹고 있었다. 카카오 지도 API를 시험해본 화면이다. 카카오 developers의 API 예제를 참고하였고 로컬 호스트 주소를 사이트 도메인에 등록한 후 위와 같이 비쥬얼 스튜디오 코드에서 로컬 서버를 열고 브라우저에서 해당 서버 주소를 입력해 API를 시험해보았다. 추가로 카카오의 REST API 테스트 도구로 REST API 또한 시험해보았다. REQUEST 보내는 데에서 애먹었다는 부분이 이 부분이다. 아래 요청 코드를 로컬에서 어떻게 보내는지 잘 모르겠다. Visual studio code 에서 Rest Client를 사용하면 요청을 보낼 수 있다는데 서버 개념이 없..

오늘은 실습으로 주어진 프로젝트를 하며 구글이나 다른 매체를 통해 로그인하는 방법에 대해 학습하였다. 그간 마주쳤었던 로그인 페이지들이 이런 식으로 짜여져 있었구나를 알게 되어서 흥미로웠다. 오늘은 일단 에러 메시지를 최대한 처리해서 결과 창을 어떻게든 띄워보려고 했었는데 일정이 있어서 마무리하지 못할 것 같다. 소득은 firebase/app을 임포트 하는 게 아니라 firebase/compat/app을 임포트해야 한다는 것을 알았다는 것! 다음 예제에서는 이런 저런 문제들을 다 해결하고 결과 창을 꼭 띄워봐야지! 마음이 급해져서 이만 줄이겠다. 곧 책을 끝낼 수 있을 것 같고 또 곧 프로젝트 개발에 들어갈 수 있을 것 같다. 화이팅!

며칠 그림 그리고 쉬다가 다시 코딩 공부를 시작하였다. 프로젝트에서 구상한 아이템을 PWA로 만들자고 결정이 되어서 이제 Kotlin이 아닌 PWA를 공부하게 되었다. 물론 Kotlin도 틈틈히 공부해서 마무리 지을 생각이다. 하지만 당장 급한 게 PWA고 진행한 부분에 대해서 팀원들과 공유해야되기 때문에 오늘은 하루 종일 PWA에 대해서 공부하였다. 그리고 공부하는 데 사용한 교재는 아래 링크의 교재이다. Do it! 프로그레시브 웹앱 만들기 - YES24 구글이 주도하고 MS와 삼성이 주목했다!웹과 앱을 한방에 만드는 프로그레시브 웹앱, 한 권으로 끝내기!글로벌 IT 기업들이 주목하는 차세대 웹 기술인 프로그레시브 웹앱(PWA)을 다룬다. 뷰와 뷰 www.yes24.com 아래는 교재 실습 코드의 G..