일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- react-hook-form
- createElement
- grid-column-start
- className
- box-shadow
- python #qqplot #qq-plot #code
- valuable
- css#cascading#display#block#inline
- package.json
- grid-template-areas
- javascript
- confirm()
- grid-column-end
- classList
- React
- variables
- mongodb
- Grid
- var
- relative
- prompt()
- grid-row-start
- foreach()
- gird-row-end
- collapsing-margins
- scope
- javascipt
- CSS
- localStorage
- border-style
- Today
- Total
목록회고록 (4)
data life
2024년 상반기 회고록12월 프론트엔드 개발자로서의 시작이자 입사부터 이번달의 퇴사까지의 경험들을 되돌아보며, 나의 개발자로서 여정을 기록해보고자 한다. 입사와 새로운 시작 (2023년 12월)지난 12월 11일, 사회의 첫 발걸음과 함께 개발자로서의 커리어를 시작하게 되었다. 정말 내가 원하던 회사는 아니었지만 운이 좋게도 합격하게 되었고 통보와 동시에 한걸음에 달려갔었던 회사이다. 그래서인지 입사 초 한 달 동안은 왕복 5시간 거리도 신이 나게 다녔었던 것 같다. 사실 이때 집과 회사를 오고가면서 공부했던 vue, nuxt가 지금 내가 성장한 것에 대해 과언이라고 해도 무방할 정도이다.무엇보다 회사에 적응하기 바빴고 회사에서 내어준 게시판 만들기 과제와 병행하며 기존에 진행하던 웹소켓을 이용한 사이..
앞서 jwt에 대한 개념들과 구현해야 될 것들을 정리하는 시간을 가졌었다. 이를 토대로 구현을 해보면 되지만 사실 보안과 관련해서 고려해야할 사항들도 굉장히 많았다. 인증 유지 말 그대로 사용자가 로그인 상태를 계속 유지하도록 해주는 개념입니다. 인증 유지를 통해서 화면이 전환될 때마다 매번 로그인해야되는 번거로움을 덜어주고 서버에서 매번 요청에 대해 사용자의 정보를 읽어와서 확인하는 과정을 거칠 필요가 없어집니다. 따라서, 접속 시에 로그인 과정을 통해 인증 받은 사용자는 사용자의 권한 정보 등을 쉽고 빠르게 접근 가능한 방식으로 보관하고 로그인 된 사용자를 식별하는 인증 키를 발급하고 이 인증 키를 이용해서 계속 요청을 보내는 방식인데 사실 요즘 많이 이용하는 방식이기도 하고 어찌보면 당연하지만 서비..
이번 프로젝트에서 로그인 및 회원가입 구현 담당을 맡게되면서 많이 헤메었던 소셜로그인 구현 방법을 정리해보는 시간을 가져보겠습니다. 일단, 저희는 총 2가지 소셜 로그인 기능을 추가하였고 - 카카오, 네이버 그 중 카카오 로그인 구현을 먼저 시작해보겠습니다! 사실 레퍼런스라면 많은 검색도 도움이 되었지만 그냥 카카오 공식문서를 차근차근 읽어보았던 게 가장 큰 도움이 되지 않았나..라는 생각입니다. 구현하기 전에 전체적인 흐름을 이해하기 위해서 꼭 한번 읽어보시길 바랍니다. 저 같은 경우 추가로 api 명세서도 수정해가면서 읽으니 금방 이해가 갔었던 것 같네요! 참고로 - 카카오 개발자 센터에서 client_id, redirect_uri 등 기본적인것들은 먼저 설정하셔야 됩니다. - REST API KEY..
이번 팀프로젝트에서 로그인/회원가입 구현 페이지를 맡게 되었다. 사실 첫 팀플인지라 개인프로젝트때와는 달리 백엔드 분들과의 소통도 굉장히 중요하다고 느꼈고 모든 게 처음이라 오랜만에 블로그 글을 작성하면서 끄적끄적,, 내용이나 생각 정리할 필요성도 뼈저리게 느끼게 되었다..ㅋㅋ 개인프로젝트에서는 기본 로그인과 소셜로그인(google)을 이용하였다. 사실 firebase 라는 NoSQL을 처음 이용해보았고 생각보다 쉬웠다라고 생각해서 손쉽게 구현할 줄 알았지만 백엔드 지식이 무지한지라... 백엔드 분들이 알려주신 기본적인 로그인 구현 형식은 다음과 같다. 로그인 방식 회원 아이디, 패스워드 입력 JWT 토큰 발행 ( 유지 시간 5 ~ 6 hour ) Refresh 토큰은 추가 행동때 새로고침 사이트 내에서..