프로젝트35 [도착 알리미 SUFY] 1. 지하철 도착 알리미 웹 개발 준비 불과 어제 Kimstagram 프로젝트를 마무리지었다. 그런데... 쉴 시간이 어디 있어? 바로 다음 프로젝트 준비!! 이번에 내가 생각한 프로젝트는 Subway notiFy라고 해서, 내가 타고 있는 지하철과 목적 지하철 역을 입력해두면, 그 역에 다다르면 (전역을 출발하면 ?) 카카오톡으로 알림을 보내주는 웹 페이지이다. 스프링부트 내부의 기능들만 사용하는 게 아니라, 외부 기업들이 제공하고 있는 공공 API를 사용하는 법도 좀 공부하고 싶어서 이러한 프로젝트를 고안해 냈다. 사실 프로젝트 아이디어는 몇 가지 더 있었는데... 현 시점에서 학습에 가장 도움될 만한 프로젝트로는 이게 제일 좋았던 것 같다. 그런데 이런 과정을 왜 앱으로 안 만들고 웹으로 만드는 거임? 이렇게 물으면 할 말이 없는 게.... 2024. 2. 5. [내멋대로 만드는 Kimstagram] 14. Kimstagram 완성 드디어 인스타그램 클론인 Kimstagram을 완성했다.사실 인스타그램에 있는 모든 걸 다 클론하지는 않았지만, 적어도 '인스타그램'이라고 부를 수 있을 정도의 기능들은 다 구현했다고 생각한다.나는 이 프로젝트를, 스프링부트 클론코딩 강좌를 하나도 보지 않고 혼자 이 정도 기능 구현에 성공했다는 점에 의의를 두려고 한다.사실 시간만 넉넉했더라면 대부분의 기능들을 다 구현할 수 있을 것 같긴 하지만... 이 이상의 시도는 사실 큰 의미가 없고 차라리 다른 주제의 프로젝트를 진행하는 게 더 다양한 측면에서 성장할 수 있을 거라고 생각했다.(아니 그런데 스프링부트 강의는 맨 아래 링크의 강의 딱 하나 봤는데 이 정도 코딩은 나름 선방한 거 아닌가..? ㅋㅋ) 내가 구현한 기능들은 아래와 같다.회원가입 기능 (.. 2024. 2. 4. [내멋대로 만드는 Kimstagram] 13. 웹 소켓(Websocket)을 활용한 DM 구현 드디어 거의 마지막 단계에 온 것 같다. 사실 이 프로젝트를 계획했을 때, 가장 마지막에 DM을 구현하려고 했다. 왜냐하면 딱 봐도 DM이 제일 어려울 거 같으니까... 프로젝트 막바지 쯤에 접어들면 실력도 어느 정도 향상돼서 DM 정도는 쉽게 구현할 수 있을 줄 알았다. ㅋㅋ 근데 전혀 아니었다. 일단 구현하기 전에 좀 찾아봤는데, 확실히 어려운 것 같다. 아니 분명 예전에 자바 Socket을 활용한 채팅 프로그램은 큰 어려움 없이 만들었는데, 웹에서 사용하는 소켓은 Websocket이라는 또 다른 라이브러리를 사용하는 것 같다. 아 참고로 소켓을 활용한 채팅 프로그램은 아래의 주소를 찾아가시면 확인하실 수 있읍니다. [Java] 소켓을 이용한 간단한 채팅 프로그램 예제 GitHub - kimdevv/.. 2024. 2. 4. [내멋대로 만드는 Kimstagram] 12. OAuth2를 활용한 페이스북 로그인 이제 슬슬 외부에서 제공하는 API를 활용하는 법을 알아야 할 것 같아서 페이스북 로그인을 구현해보려고 한다. 사실 조금 찾아보니까 OAuth2를 활용하면 굉장히 간단하게 구현할 수 있는 것 같은데... ㅋㅋㅋㅋ 크게 도움이 될 진 모르겠지만.... https://developers.facebook.com/ Meta for Developers 개발자를 위한 필요한 조치 대시보드 도입 이번 달부터 developers.facebook.com에서 앱을 관리하는 몇몇 앱 관리자를 대상으로 필요한 조치 대시보드를 공개합니다. 데이터 사용 확인을 위한 데이터 developers.facebook.com 우선 위 링크로 들어가면 Meta(페이스북)의 개발자 센터가 나온다. 빠르게 로그인해준 후, 앱을 만들어 주었다. .. 2024. 1. 29. [내멋대로 만드는 Kimstagram] 11. 유저 검색 지금까지 가입된 유저를 찾는 기능이 없었어서 계속 주소 창에서 주소를 입력해서 들어갔었는데 너무 불편해서(...) 이제서야 유저 검색 기능을 만들기로 했다. 사실 검색 자체는 굉장히 간단한 기능인 것 같아서... 빠르게 구현할 수 있을 듯?! 일단 간단히 유저 검색 폼을 만들어 주었다. 실제 인스타그램은 검색을 클릭하지 않아도 파바박 유저들이 나오던데... 프론트는 아직 문외한이라 거기까지는 일단 스킵 ㅜ (사실 할 수는 있을 것 같은데 귀찮은 게 너무 크다) 뭐 이런 식으로 나오게... 만들었다. 아직 검색을 구현한 건 아니고, 대략 div만 넣어서 어떤 식으로 나올지 형태만 잡아주었다. 닉네임을 검색하면 아래에 저렇게 유저 목록이 쫘르륵 나타나게 하면 될 것! 검색 검색 그리고 예전 포스트부터 베지터.. 2024. 1. 29. [내멋대로 만드는 Kimstagram] 10. Jwt Refresh Token 발급하기 사실 지금까지 애써 외면해 왔었는데, 아무래도 이제 슬슬 리프레시 토큰을 활용해야 할 것 같다. 테스트하는데 계속 10분이 지나면 팅겨버려서... 이게 사소한데 너무 귀찮아서 그냥 리프레시 토큰 발급에 도전하게 됐다. 리프레시 토큰의 로직은 대충 아래와 같이 구상했다. 로그인 시 액세스 토큰(기존의 JWT토큰)과 함께 리프레시 토큰을 생성한다. 액세스 토큰과 리프레시 토큰은 헤더에 담아서 클라이언트에 전송하고, 리프레시 토큰은 DB에 따로 저장해 둔다. 클라이언트의 매 요청 시 마다 액세스 토큰과 리프레시 토큰을 보내며, 액세스 토큰으로 인증과 권한을 검사한다. 그런데 만약 액세스 토큰의 만료 시간이 다 지났다면? DB에 해당 유저의 리프레시 토큰이 존재하는지 확인한다. 만약 리프레시 토큰의 만료 기간이.. 2024. 1. 28. 이전 1 2 3 4 5 6 다음 반응형
