양도소득세 셀프 신고, 홈택스 비과세 따라하기

양도소득세 셀프 신고, 홈택스 비과세 따라하기

처음 시작할 때 구글 소셜 로그인 연관된 사이트를 못 찾는 경우가 많습니다.. 구글 클라우드 사이트에 들어갑니다. 홈페이지 상단 바를 보시면 콘솔이라는 문구가 보입니다. 클릭. 구글 소셜 로그인을 이용할 때 API 및 서비스을 자주 들어갈 것입니다. 초기에 OAuth 동의 디스플레이 설정과 같은 내용들은 다른 블로그들에 잘 설명되어 있으니 참고하면 됩니다. 위 링크는 구글 공식 참고 문서 한 번 쭉 읽어보는걸 권장 리디렉션 URI, 리다이렉트 URI. 초기 설정을 합니다.

보시면 리디렉션 URI를 입력하라는 칸이 있습니다. 초기에는 구글링하면서 막연하게 따라만 하다보니 리디렉션 URI 카카오 소셜 로그인에서는 Redirect URI 가 뭘 의미하는지 이해하지 못한채 블로그들에 적혀있는대로 무작정 따라하기만 했다.

식별자Identifier로 들어가줍니다.

식별자로 들어가서 파란색 플러스 버튼을 눌러주고 App ID를 선택해줍니다.

이후 App을 선택해주고 Description과 Bundle ID를 적어줍니다. 그리고 아래쪽에서 Sign In With Apple을 클릭하고 Continue를 눌러줍니다. Description은 AppID에 대한 정리를 입력하는 것이니 별로 중요하지 않습니다. Bundle ID는 보통 도메인의 역순을 사용한다고 합니다.

사진에 보시면 예시가 쪼꼬맣게 써있으니 참조하여 얼추 쓰면 됩니다. 여기까지 하면 최우선으로 App ID는 세팅이 완전한 것입니다. Service ID를 생성하라는 게시물이 많은데, 필자는 앱 배포를 목표로 하고있으므로 굳이 생성하지 않아도 됩니다. Service ID는 웹사이트를 기획할 때 생성해주면 됩니다.

ENV 파일에 저장해야 할 것들

사실 코드보다. 더 머리가 아픈게 ENV에 저장해야 할 키들입니다. 진짜 너무너무 헷갈렸다. 어떤 자료집은 이거, 다른 자료집은 이거 각 블로그마다. 설명하는게 달라서 어떤 걸 사용해야 할지 막막했는데 이제서야 정리가 된 것 같다. KEYID 위에서 만든 key로 들어가면 Key ID를 볼 있습니다. Certificates, Identifiers Profiles keys TEAMID Identifiers에서 만들어놓은 거 들어가면 App ID Prefix를 볼 있습니다.

그게 Team ID다. CLIENT_ID: 제일 골치아팠던 놈. 그냥 결론만 말합니다. 나처럼 기능을 구현할 예정인 개발자라면 TEAM_ID 검증하는 곳 바로 밑에보시면 Bundle ID라고 있습니다.

OAuth란 ?

현재 사용중인 서비스가, 서비스를 활용하는 사용자의 타 소셜 정보에 접근하기위해 권한을 타 소셜로 부터 위임받는 것. 구글, 네이버, 카카오와 같은 여러가지 소셜 플랫폼에 접근하도록 제 3자 클라이언트우리의 서비스가 접근 권한을 위임받을 수 있는 표준 프로토콜입니다. 이 때 구글, 카카오 등의 소셜 플랫폼이 서비스에게 내 아이디와 비밀번호 계정정보를 그대로 공급하는 것이 아니라, AccessToken의 형태로 발급해줍니다.

NextAuth 사용하기

에서는 14버전와 호환되는 beta버전을 설치하라고 안내하고 있습니다. 그래서 beta 버전을 설치했습니다. npm install nextauthbeta

NextAuth의 일반적인 사용법은 귀찮아서 설명하지 않겠습니다. 대신 괜찮은 자료들을 추천하겠습니다. 참고로, NextAuth를 이용해서 프론트엔드에서 로그인 인증이 가능한 이유는 Next.js는 풀스택 프레임워크로 Server Actions, Route Handler 등에서 서버측 코드를 실행할 수 있기 때문입니다.

따라서 Node.js 환경에서 실행할 수 있는 코드를 실행할 있습니다.

유저 정보 가져오기

위 과정에서 발급 받은 Access Token으로 유저 정보를 가져올 있습니다. 요청 URI는 userinforesponse.json 으로 받아온 이용자 정보를 보시면 아래와 같다. id 786853312155964712345,email examplegmail.com,verifiedemail True,name example,givenname example,picture httpslh3.googleusercontent.comaCS8ocIdfavewR2iaXj6X7cJrMYkuU6igbmttjX113OjTMpQ3Qs96c,locale ko

jwt로 인증하는 방식이라 jwt도 포스팅해서 정리해야겠다.

자주 묻는 질문