#소셜로그인

소셜로그인 기능을 넣을지 고민입니다

개발자 취업을 목표로 개인프로젝트를 준비중입니다. 풀스택을 지망하고 있는데 프로젝트 작업을 하면 할수록 욕심이 생겨서 기능을 이것저것 계속 넣게되네요 질문의 제목은 비록 소셜로그인 기능을 넣을지 고민이라고 적었지만 어떠한 기능을 넣는게 좋은 포트폴리오가 될지 감이 안잡히고 있습니다. 기존 운영중인 플랫폼의 기능과 유사한 기능을 넣는것(소셜 로그인, 이메일 인증 회원가입 등) 기존 플랫폼과 크게 겹치지 않는 새로운 기능을 넣는것 에러관리 기능 등 백앤드 관리기능을 넣는것 감각적인 css 디자인 물론 모두 들어가면 좋겠지만 준비기간 여건상 어려울것 같습니다. 당연히 모두 어느정도 고려하며 준비중입니다. 우선순위를 둔다면 어떤걸 1순위로 두고 작업하는게 좋을까요?

웹디자인 회사의 첫 개발자로 들어가게 되었어요. 조언 부탁드립니다!ㅠㅠ

안녕하세요. 취준 끝에 한 웹디자인 회사에 들어가게 된 신입 프론트엔드 개발자입니다. 회사에 대해 간단히 말씀드리면 원래는 웹 디자인만 하고 홈페이지 개발은 외주에 맡기던 회사였어요. 근데 이제는 개발자를 뽑아서 직접 홈페이지 개발도 하기로 하였고, 제가 첫 개발자로 뽑히게 되었습니다. 사실상 작은 외주업체라고 보면 될 것 같습니다 백엔드 개발자는 없기에 제가 어찌저찌.. 풀스택을 하게 될 것 같은데 걱정도 되지만 잘하고 싶은 마음도 큽니다. 그래서 몇 가지 궁금한 점 여쭙고 싶습니다. 1. 프론트엔드가 백엔드를 빠르고 쉽게 구현하는 방법이 있을까요? 실무에 firebase를 사용하면 욕먹을 짓인가요? - > 백엔드 지식이 거의 없습니다. 학습과 개발을 병행해야 하는 비용이 크면 회사에도 지장이 갈 것 같습니다. 그래서 당장은 'firebase로 먼저 시작을 하자' 인데, 사이드 프로젝트에서 사용한 것은 봤어도 풀스택개발자가 사용하는 경우는 못 본 것 같아서 고민이 됩니다. (구현하게 된다면 퍼블리싱, 애니메이션, 입력폼, 지도, 관리자페이지, 회원관리, 소셜로그인 등 정도의 기능이 다 라고 보면 될 것 같습니다.) 2. 제가 당장 해야 할 일의 순서와 중요도를(또는 방향성을) 선배님들께서 알려주시면 정말 감사하겠습니다. 서버는 AWS EC2로 충분할지, 보안은 SSL 인증서 적용으로 충분할지, firebase로도 운영툴을 만들 수 있는지, CI/CD는 지금 상황에선 비효율적인지 등의 걱정들로 머릿속이 아주 복잡합니다. 3. 사수가 없어서 아쉽지만, 그만큼 배워갈 것도 많다고 생각합니다. 1년은 꼭 다니고 싶은데 어떤 포인트를 잡고 무얼 얻어가면 좋을까요? 다음 이직때 물경력이라는 평가를 받고 싶지 않습니다ㅠ 시간 내주셔서 정말 감사합니다.

next14의 next/headers의 cookies를 이용한 쿠키설정

안녕하세요 현재 데이터시각화 사이트 프로젝트를 진행중입니다. next14와 spring boot(리소스와 인증.인가)를 사용하고 있고, 카카오 소셜로그인을 하면 스프링서버에서 jwt(access 토큰)를 발급해주고 refresh 토큰은 redis를 통해 관리되고 있습니다. 받아온 토큰은 cookie를 통해 관리하고 있습니다. seo를 위해 ssr을 사용하고 있는데, ssr과정에서 데이터를 fetch를 할 때 토큰을 같이 보내고, 만약 액세스 토큰이 만료되고 리프레시 토큰이 살아있다면 응답 헤더에 새로운 액세스토큰을 보내주고 있습니다. 그런데 이때 next/headers의 cookies를 사용하여 쿠키를 세팅하는것이 안됩니다. 데이터 페치중, 혹은 ssr과정중에는 Cookies can only be modified in a Server Action or Route Handler. 라는 오류가 뜨며 cookie를 set 하거나 delete하는게 안됩니다. 이럴 경우는 어떻게 해야할까요?

이력서에 첨삭할 진행했던 프로젝트들 내용을 보다 더 잘 적고 싶어요.

이력서에 첨삭할 지금까지 진행했던 프로젝트들 내용을 적고 있는데 한눈에 보기 쉽게 큰 범주로 적기에는 너무 포괄적으로 적는것 같고 개발한 기능들을 세부적으로 적거나 해당 프로젝트 진행 후 낸 성과들을 다 나열하면 내용이 너무 길어지는것 같아서 어느정도로 구체화해서 적어야될지 헷갈려서 조언을 구해 봅니다. 아래는 지금 작성된 내용입니다. 현재는 프로젝트별로 포괄적으로 적거나 좀 더 디테일하게 적거나 기준점을 못찾은 상황입니다. [ 2022. 12 ~ 2022. 01 • 프로젝트 명 : 집 클릭 • 주요 설명 : 전세임대 지원 사이트로 권리분석을 의뢰할 수 있는 사이트 • 담당 업무 : 자사 서비스 웹 크롤링 기능 개발 -puppeteer 사용 등기부등본 발급 자동화 웹 크롤링 작업 • 기술 스택 : Node.js 2023. 06 ~ 2023. 07 • 프로젝트 명 : 브릭 인프라 • 주요 설명 : 자사 서비스 종합 관리 사이트 • 담당 업무 : 자사 어드민 프론트엔드 개발 • 기술 스택 : React 2023. 08 ~ 2024. 06 • 프로젝트 명 : 키오 솔루션 • 주요 설명 : QR 주문 결제로 보다 편리한 결제 시스템을 이용할 수 있는  솔루션 • 담당 업무 : 자사 솔루션 "키오" 활용 서비스 개발 및 운영 유지 보수 - 메뉴형 결제 서비스 "키오브릭" 프론트엔드 유지 보수 - 금액입력형 결제 서비스 "스마트 노점" 프론트엔드 개발 및 - 해당 서비스 관련 어드민 풀스택 유지 보수 - 자사 어드민 풀스택 유지 보수 • 기술 스택 : React, GraphQL, Node.js, MySQL 2023. 09 ~ 2024. 06 • 프로젝트 명 : 오늘 우리 가게 • 주요 설명 : 자영업자 대상 매출, 리뷰, 주문 현황, 광고 현황 분석 앱 • 담당 업무 : 자사 서비스 오늘 우리 가게 기능 개발 및 운영 유지 보수 - React Native 앱 메인 화면 개발 - 전체 React Native 앱 기반 프로젝트 WebView 기반 프로젝트로 전환 작업 진행 - 리뉴얼 된 WebView 구성 화면 프론트엔드 개발 - 우리 가게 리뷰 듣기 TTS 하이브리드 기능 개발 - 네이버 클라우드 이용 카카오 알림톡 서비스 벡앤드 유지 보수 - 앱 테스트 및 배포, CodePush 작업 진행 • 기술 스택 : React Native, MobX, React, Redux, TypeScript, Next.js, Node.js, MySQL 2023. 11 ~ 2024. 02 • 프로젝트 명 : 빌딩 CAS • 주요 설명 : 건물 내 입주사들을 위한 공지, 관리비 결제 및 장터 커뮤니티 기능을 제공하는 앱 • 담당 업무 : 외주 서비스 빌딩 CAS 프론트엔드 및 앱 개발 - WebView 기반 프로젝트 초기 환경 구축 및 아키텍처 설계 - React Native 앱 메인 화면 개발 - WebView 주요 기능 프론트엔드 개발(소셜로그인, 회원 정보 관리, 관리비 결제, 문의하기, 중고장터 게시판) - 앱 테스트 및 배포, CodePush 작업 진행 • 기술 스택 : React Native, React, MobX, Node.js, PostgreSQL *** 포트폴리오 링크를 통해 더 자세한 내용을 확인 하실 수 있습니다. ]

리액트 네이티브 안드로이드 앱 개발 백엔드 질문

현재 react native expo를 이용해 안드로이드 앱을 개발하려고 하는 학생입니다. 백엔드 공부를 하려하는데 아는 것이 없어 어떤 것을 사용하는지 조언을 얻고 싶습니다. 현재 제가 개발하려는 앱은 정보를 입력해 카드를 생성 후 블루투스나 스페이스 입장으로 공유할 예정입니다. 소셜로그인과 이메일 회원가입 또한 이루어질 예정입니다. 스프링부트, 디장고, 파이어베이스 등 추천해주시면 정말 감사하겠습니다!

소셜로그인을 지원할때 소셜로그인과 로컬로그인 계정이 같은 경우 어떻게 해야하나요

제가 만든 db는 email이 unique라서 공통된 email은 들어올 수 없습니다 그렇다면 소셜로그인으로 사용자가 로그인할때 이미 해당 email이 들어있다면 사용자에게 통합할꺼냐고 물어봐야하나요? 만약 a라는 사람이 b와 같은 이메일을 가지고 있는데 a는 구글로그인으로 가입한사람 b는 로컬로 가입한 사람이라면 어떻게 해야하는 걸까요? Email을 unique로 가져가는건 틀린 선택인건가요? 고수님들은 어떻게하는지 궁금합니다

리액트네이티브 소셜로그인 구현

안녕하세요! 리액트네이티브 cli로 앱 개발중인데 안드로이드 스튜디오 애뮬레이터로 테스트하고있습니다. 소셜로그인 구현할 때 보통 웹의 경우 리다이렉트URL을 등록하는데, 앱의 경우 어떤식으로 등록해야될지 잘 모르겠네요.. 아직 배포된 앱이 아닌데 소셜 로그인 개발자 앱에 어떤걸 등록해야하나요??

next auth 소셜로그인으로 일반적인 jwt 인증방식 구현하기

안녕하세요 next auth로 소셜로그인을 구현중입니다. 따로 spring boot 서버가 있는 상태이구여. 궁금한점이 있습니다. 1. 소셜로그인 완료 시 account에 들어있는 accessToken과 refreshToken을 아래와 같은 코드로 빼낸 뒤 서버에 보내서 일반적인 jwt방식으로 구현을 하려고 합니다. 하지만 token들이 jwt형식이 아니라 ' . ' 구분없이 하나의 문자열로 나옵니다. jwt토큰 형태로 바꾸는 방법이 따로 있나요? 아니면 이와 같은 방식은 잘못된 방식인건가요?? ``` session: { jwt: true, }, callbacks: { async jwt({ token, account, profile, user }: any) { if (account && user) { token.accessToken = account.access_token; token.refreshToken = account.refresh_token; token.id = profile.id; } return token; }, async session({ session, token, user }: any) { if (session) { session.accessToken = token.accessToken; session.refreshToken = token.refreshToken; session.user.id = token.id; } return session; }, }, ``` 2. 만약 소셜로그인 시 생성된 토큰들을 spring boot 서버에 보내는 방법이 불가능하다면 따로 토큰을 생성해야 하는건가요? 그렇다면 next-auth를 사용하는 이점이 사라지는게 아닐까요??

next-auth에서 adapter와 관련해서 궁금한점이 몇개 있습니다.

안녕하세요. 새로운 프로젝트 진행 중에 처음으로 next-auth를 사용해서 소셜로그인을 해보려고 하는데 이해가 안되는 부분이 몇가지 있어서 질문 드립니다... 1. next-auth가 서버리스를 권장하는 next의 기능인 것은 알겠습니다. 그럼에도 프로젝트를 진행함에 있어서 다른 기능을 추가할 때 서버를 사용해야 할 것 같습니다. 그렇다면 클라이언트에서 아는 내용을 서버도 알아야만 하는데(유저 정보, 어떤 유저가 요청을 보냈는지) adpater를 사용해서 DB에 직접 접근하지 않는다면 서버에게 어떻게 알게해야 하나요?? 2. 만약 adapter로 DB에 접근하게된다면, DB에 직접 접근해 유저정보를 넣을 수 있게 되는건가요? 3. adapter를 사용하지 않는다면 jwt로 기본적으로 동작하고 이를 권장하는다고 하는데 그렇다면 만약 adapter를 사용한다면 따로 jwt를 생성해서 다뤄야할까요? 4. adapter를 사용하지 않고 next-auth 소셜로그인을 한다면 jwt refresh와 같은 것들은 전혀 생각하지 않아도 되는걸까요??

3년차 프론트엔드 개발자 이력서

안녕하세요. 3년차 프론트엔드 개발자 입니다. 이력서를 작성하고 있는데 어떤 부분을 빼고 어떤 부분을 추가 해야 할지 감이 안잡히고 있어요 전 직장에서 7개월의 퍼블리싱과 두달동안 앱개발 지원(파이어베이스 소셜로그인 개발과 배포)을 하였고 현 직장에서 2년동안 앱개발을 진행했는데 프론트 포지션으로 이직 준비를 하려고 하는데 전 직장 경력이 과연 도움이 될지 고민이에요. 이력서에 제외 시키는게 더 좋을까요? 만약 제외 시킨다면 면접 때도 해당 경력에 대해 언급하지 않는게 더 좋을까요?

프론트엔드가 해보면 좋은 기술이 뭐가 있나요?

안녕하세요 프론트엔드로 현재 프로젝트 준비중인데 어떤 기능을 하면 제 실력에 많은 도움이 되거나 프론트엔드라면 해보면 좋은 기능이 어떤 게 있나요?? 예를 들어 지도api , 채팅기능 이런 식으로요!! 저희가 기능 단위로 나누기로 했는데 어떤 게 좋은지 잘 모르겠습니다!! 저희는 소셜로그인, 지도 api, 채팅기능, cicd를 합니다!

팀원과 잘 맞지 않을 경우에

현재 클론코딩 프로젝트 기간 하루가 남은 상태이고 현재 작업은 메인, 검색사이트,헤더,커뮤니티게시판,소셜로그인까지 작업이 완료는 됐지만 기능도 아직 부족한 부분이 많고 css적으로도 많이 부족하고 서버가 계속 다운되는 현상도 잦고 UI도 많이 보안을 해야 할 고 같다고 생각이 듭니다 클론코딩이라는 목적이 어느 페이지의 UI와 기능을 똑같이 따라하는 건데 저와 다른 프론트분은 그냥 심플하게 따라만 하고 이것저것 시도해보자 라고 생각하셔서 하루 남은 상태인데 채팅기능을 추가하자고 하시더라고요 저는 하루밖에 안 남은 상태이고 지금 당장 우리가 해놓은 결과물이 완벽하다고도 할 수 없는데 이 부분을 채우는 게 맞다고 생각을 하거든요 어떻게 보면 이것도 하나의 저의 포토폴리오인데 여러가지 발만 담구는 것보단 하나씩 제대로 완성하는 게 맞다는 생각이 들어 의견이 서로 갈리고 있습니다.. 다른 분들은 어떻게 생각하시는지 얘기를 들어보고 싶습니다 그리고 만약에 두달정도 프로젝트를 같이 해야할때 이런 의견이 서로 갈릴 경우에 어떻게 하는 게 좋은지도 말씀해주시면 감사하겠습니다 :)

웹사이트에서 소셜로그인과 채팅기능

안녕하세요 현재 부트캠프를 진행중이고 일주일동안 어느 한 사이트를 클론코딩하는 프로젝트를 진행하고 있습니다. 그리고 주제를 정해서 진행하던도중 저희가 하기로 한 부분이 소셜로그인 기능과 채팅 기능을 도전해보자고 얘기가 나와서 현재는 두개 다 진행하기로 했습니다 그런데 여러 자료를 참고하고 작업하는 도중 채팅기능이 많이 어렵기도 하고 현재 프론트인원이 백엔드에 비해 인원이 부족해 채팅기능을 제외하고 프론트에서 역할분담을 했고 서로 맡은 부분이 끝나면 모여서 같이 채팅기능을 구현하자 라고 했는데 사실 제가 보기엔 7일동안 그걸 해내기는 쉽지않기도 하고 스코프가 넓다는 말씀도 하시는 거 같더라고요 그래서 채팅기능과 소셜로그인중 하나를 포기하고 하나만 하려고 할 생각인데 어느게 괜찮을지 의견을 물어보고 싶고 만약 채팅기능을 하고 싶으면 참고하면 좋은 키워드나 사이트같은 거 있을까요??

스타트업 프론트엔드 1년차 이직 고민

안녕하세요 스타트업에 다니고 있는 프론트엔드 1년차 개발자입니다 최대한 빨리 이직을 준비해서 가고 싶은데 방향성을 어떻게 잡아야 할 지 모르겠어서 조언을 구하고자 이렇게 글을 올립니다 프론트엔드가 회사에 저 혼자여서 사수 없이 회사에서 운영하는 서비스가 2개여서 2개의 웹사이트을 배포하여 서비스를 운영하고 있습니다. 제가 회사에 들어와서 웹사이트를 만들 때 사수도 없고 대표님도 개발에 대한 지식이 없으셔서 기획-디자인-개발까지 2-3달만에 만들라고 하시더라구요 (개발하고 배포까지 1-2달 걸렸습니다) 그래서 제가 비전공자이고 막 부트캠프를 졸업했어서 정말 기초적인 것들로 작업을 했습니다 (사용한 프론트 기술스택은 React, styled-components,recoil(atom만) 등을 썻구요
소셜로그인, 반응형 작업, lighthouse로 성능 최적화도 진행해보았습니다) 1. 프론트엔드 공고를 보면 nextjs,typescript,redux 혹은 react-query가 거의 필수적으로 들어가는 것 같은데 
이거를 다 완벽하게 배우고 적용시켜서 이력서에 적어내기에는
시간도 너무 오래걸릴 것 같고 코딩테스트나 cs면접 준비도 해야하는데 현실적으로 불가능할 것 같아서
 선택과 집중을 하고 싶은데 어떻게 준비를 해야할까요?
 nextjs,typescript,redux 혹은 react-query가 들어간 간단한 사이드 프로젝트를 하나 만들어서 이력서에 적어내면 될까요?
 2. 제가 만든 사이트를 이력서에 적어서 냈을 때 인사담당자 분들이 꼼꼼히 살펴보실까요? 그러면 리팩토링을 하는게 좋을까요? 3. 자세하게 좀 들여다보면 모든 부분에서 많이 부족한 것 같은데 이직을 해도 될까 싶습니다ㅠㅠ 
현재 제 실력에서 어떤 부분을 추가하거나 정리해보면 큰 장점이 될까요?
 4. 현재 포괄임금제 + 최저보다 적은 연봉(식대제외)을 받고 있는데 제 경력으로 이직할 때 연봉을 어느정도까지 부를 수 있을까요?
 구체적인 수치와 협상방법을 알려주실 수 있을까요? 주절주절 얘기가 많았네요 읽어주셔서 감사합니다 답변해주시면 정말 너무 감사드리겠습니다ㅠㅠ

스프링 레거시와 시큐리티 사용으로 소셜로그인 기능 질문드립니다.

현재 스프링 레거시로 개인 프로젝트 중인데 소셜 로그인을 서버쪽에서 구현하려니 죄다 spring boot로 구현한거 밖에 없더라구요 혹시 레거시와 시큐리티를 사용해서 소셜로그인 기능을 서버단에서 구현하는 방법을 알고싶습니다.

[스프링] 네이버 소셜로그인 질문

안녕하세요 코딩공부한지 이제 50일정도 됐습니다 제가 네이버로 소셜로그인을 만들어보려고 하는데 oauth2를 이해를 잘 못하겠어서 혹시 흐름을 이해할수있게 알려주실분 있을까요 아니면 참고할만한 유튜브영상이나 강의를 알려주시면 감사하겠습니다ㅜ