상권's

이번에 폐업으로 퇴사하면서 회사 비품이었던 아이맥을 구매했습니다. 한 평생 윈도우를 사용했기에 입사 후 처음으로 아이맥을 사용해봤었는 데, 윈도우와 다른 점이 많아서 익숙해지는 데 쉽지 않았던 기억이 있습니다. 오늘은 아이맥에서 vs code를 사용하며 발생했던 에러와 깨달았던 점에 대해서 공유해보도록 하겠습니다. 아이맥으로 vs code에서 회사 계정이 아닌 개인 계정으로 처음 로그인하고 레포를 클론 받아봤고, git config --global로 user.name과 user.email을 수정해주었습니다. 첫 커밋을 진행하려는 데, 이 맥을 사용했었던 직원의 이름으로 해당 레포에 권한이 없다는 에러를 확인했습니다. vs code 상에서 로그인도 했고, git config --list으로 개인 계정임을 ..

이전 글에 이어 오늘은 프로젝트에서 직접 사용했던 Firestore 코드에 대해서 정리해보겠습니다. 저는 프로젝트에서 크게 Authentication과 Firestore에 접근하는 코드를 사용했습니다. Authentication으로 로그인할 경우, 자체적으로 제공하는 프로필 사진, email, 전화번호, displayName 등 사용자의 정보를 읽고, 수정할 수 있습니다. Firestore는 collection과 doc으로 이루어져있으며, collection은 다수의 doc을 가질 수 있으며, doc 또한 collection을 가질 수 있습니다. 먼저, 제가 직접 사용한 Authentication 메소드에 대해 알아보겠습니다. createUserWithEmailAndPassword(email, passw..

회사에서 앱 개발 프로젝트를 참여할 당시, API를 별도로 만들 계획이었지만, Firebase Authentication과 FCM을 사용하기 때문에 팀장님께서 API를 별도로 만들지 않고 react-native에서 직접 Firestore에 접근하는 것을 제안해주셨습니다. 여기에서 저는 Nosql 사용과 새로운 Database 학습, react-native 경험이 흥미를 느껴 팀장님의 제안을 수락해 Firebase를 사용해보았습니다. 이 경험을 바탕으로 오늘부터 두 번에 걸쳐서 Firebase 사용방법에 대해서 정리해보려고 합니다. 저희 프로젝트에서는 Firebase v8을 사용했기에 참고하실 때 유의해주실 바랍니다. 먼저 Firebase 홈페이지에 들어가 시작하기 버튼으로 프로젝트 생성화면에 접근합니다...

현재 진행 중인 프로젝트에서 nft를 staking하면 매일 12시에 포인트를 지급해주는 기능이 있어 AWS 람다를 이용해서 해당 시간에 특정 api를 호출하는 기능을 만들어 보았습니다. 먼저 AWS 콘솔에 로그인 후 lambda를 검색합니다. 람다로 이동 후 테스트용 함수를 생성하기 위해 함수 생성로 이동합니다. 함수 이름을 입력하고, 런타임을 설정합니다. 저는 node를 사용하기에 아래와 같이 설정해보았습니다. 함수를 생성하면 아래와 같은 화면이 나타납니다. 아래에 있는 코드 소스가 해당 람다 함수가 호출될 때 사용되는 코드입니다. 먼저 프로젝트에서 사용하는 api는 특정 값을 파라미터로 넣어야하기 때문에 코드에서 사용하기 위해 환경 변수를 추가해보겠습니다. 아래와 같이 구성 탭으로 이동 후 환경 변..

지난 주말동안 선정된 메뉴를 판매하는 식당을 지도에 출력하는 기능을 구현해보았습니다. 카카오 지도 API를 이용해서 지도 기능 구현 과정을 공유해보겠습니다. 먼저, 지난 카카오 로그인과 같이 Kakao Developer에서 애플리케이션을 등록해야 합니다. 카카오 Developer 이동하기 Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다. developers.kakao.com 카카오 Developer에서 애플리케이션 등록하는 방법은 TIL 78 앞 부분을 참고하시면 됩니다. TIL 78 이동하기 TIL 78 (개인 프로젝트 카카오 로그인 구현) 지난 주말부터 개인 프로젝트의 소셜 로그인..

이번에는 개인 프로젝트에서 구현한 네이버 소셜 로그인 기능에 대해서 알아보겠습니다. 개인적으로 네이버 문서가 카카오보다 보기에 더 불편했던 것 같습니다. 그래서 카카오 보다 더 미숙할 것 같은데 양해 부탁드리며, 잘 못된 정보는 알려주시면 바로 수정하겠습니다. 네이버 로그인 기능 또한 카카오 로그인처럼 네이버 개발자 센터에 등록 후 이용할 수 있습니다. 네이버 개발자 센터 가기 NAVER Developers 네이버 오픈 API들을 활용해 개발자들이 다양한 애플리케이션을 개발할 수 있도록 API 가이드와 SDK를 제공합니다. 제공중인 오픈 API에는 네이버 로그인, 검색, 단축URL, 캡차를 비롯 기계번역, 음 developers.naver.com 먼저 애플리케이션을 먼저 등록합니다. 사용 API로 네이버..

지난 주말부터 개인 프로젝트의 소셜 로그인을 구현해봤습니다. 네이버와 카카오 로그인 기능을 구현했는데 카카오 로그인 먼저 알아보겠습니다. 카카오 로그인은 Kakao Developers에서 애플리케이션을 등록해야 합니다. Kakao Developers 가기 Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다. developers.kakao.com 카카오 로그인은 REST API와 Android, iOS, JavaScript 플랫폼용 SKD를 제공합니다. 저는 REST API를 이용해서 카카오 로그인을 구현했으며, REST API를 이용해서 제가 어떻게 카카오 로그인을 구현했는 지에 대해서 ..

앞 서 TIL 73에서 Swagger에 대해서 간단하게 알아봤었습니다. 이후에 학습하면서 남은 부분 구현을 진행했는데, 아직은 부족하긴 하지만 큰 틀을 완성해서 과정을 기록해보려고 합니다. 현재 진행 중인 개인 프로젝트가 로그인 후 AccessToken을 응답결과로 넘겨주고, 이 값을 Authorization 헤더에 넣어 인증을 하는 과정을 거치고 있습니다. 근데 Swagger에서 Authrization 헤더를 추가하는 데에 문제가 발생했습니다. 일단은 그 부분은 제외하고 파라미터나 쿼리, 요청 바디, 응답 결과에 대해서는 각 API 별로 완성을 했습니다. 위의 사진은 localhost:4000/api-docs에 접속했을 때 확인할 수 있는 API Document입니다. 아래는 Swagger에서 쿼리와 ..