티스토리

코딩교육 일기장

검색하기

블로그 홈

코딩교육 일기장

justdoit7938.tistory.com/m

혹등고래1호기 님의 블로그입니다.

구독자: 0

방명록 방문하기

주요 글 목록

객체지향의 사실과 오해 (이상한 나라의 객체) 객체지향은 세상을 자율적이고 독립적인 객체들로 분해할 수 있는 인간의 기본적인 인지 능력을 기반으로 두고 있다. 객체지향과 인지 능력 인간은 직접적으로 지각할 수 있는 대부분의 객체는 물리적인 경계를 지닌 구체적인 사물이다. 그러나 인간의 인지 능력은 물리적인 한계를 넘어 추상적인 사물까지도 객체로 인식할 수 있다. 거래라는 객체는 물리적으로는 존재하지는 않지만 인간이 쉽게 구분하고 하나의 단위로 인지할 수 있는 개념적인 객체의 일종이다. 즉 객체란 인간이 분명하게 인지하고 구별할 수 있는 물리적인 또는 개념적인 경계를 지닌 어떤 것이다. 객체지향의의 목적은 현실 세계를 모방하는 것이 아닌 현실 세계를 기반으로 한 새로운 세계를 기반으로 새로운 세계를 창조하는 것이다. 따라서 소프트웨어 세계에서 살아가는.. 공감수 0 댓글수 0 2023. 6. 29.
객체지향의 사실과 오해 (협력하는 객체들) 객체지향의 목표는 실세계를 모방하는 것이 아니다. 오히려 새로운 세계를 창조하는 것이다. 01. 협력하는 객체들의 공동체 객체지향에 대한 오해 흔히들 객체지향을 현실 속에 존재하는 사물을 최대한 유사하게 모방해 소프트웨어 내부로 옮겨오는 작업으로 여겨 객체란 현실 세계에 존재하는 사물에 대한 추상화라고 생각하는 사람들이 많을 것이다. 하지만 이는 객체지향의 철학적인 개념을 설명하는 데는 적합하지만 실용적인 관점에서는 적합하지 않다. 실세계에서는 메뉴판은 그저 메뉴가 적혀 있는 것에 불과하지만 객체지향의 세계에서는 생명을 가진 생명체 처럼 자기 스스로 메뉴 항목을 찾을 수도 있다. 사실상 소프트웨어 객체와 실세계 사물 사이에 존재하는 연관성은 희미하다고 할 수 있다. 객체의 역할과 책임 여러 객체가 동일한.. 공감수 0 댓글수 0 2023. 6. 27.
Refresh Token 구현하기 2 이전 이야기 저번글에 Refresh Token을 구현할 때 클라이언트 쪽에서 SetInterval을 통해서 30분마다 AccessToken을 요청하는 로직을 만들어서 RefreshToken을 구현을 했었는데 이 방법은 보안상 으로도 취약하고 클라이언트 쪽에 별도의 로직을 만들어야 하는 문제점이 있는 방식이다. 이번에는 이 문제를 보완하기 위한 서버에서 AccessToken의 유효기간을 체크하고 RefreshToken을 통해서 AccessToken을 발급하는 과정을 거쳐서 Refresh Token을 구현해 보도록 하겠다. 고민 점 🤔 ※ 서버에서 유효성을 검사하면 AccessToken을 사용하는 모든 Service로직에서 엄청난 중복 코드가 발생하게 된다. AccessToken의 유효성을 검사하는 로직을 .. 공감수 0 댓글수 0 2023. 4. 8.
Refresh Token 구현하기 1. JWT토큰의 문제점 현재 본인의 프로젝트에는 인증, 인가 처리를 JWT의 accessToken만을 사용해서 하고 있다. 하지만 accessToken에 만료기간을 설정하지 않고 그냥 사용하고 있는데 이는 본안적으로 굉장히 치명적일 수 없다. 토큰을 획득한 사람은 누구나 접근 권한이 생기기 때문이다. JWT는 발급한 후 삭제가 불가능하기 떄문에 일반적으로 토큰에 유효시간을 부여하는 식으로 탈취 문제에 대해서 대응을 한다. 토큰의 유효기간을 짧게하면 토큰 남용을 방지하는 것의 해결책이 될 수 있지만 유효기간이 짧은 Token의 경우에 클라이언트가 그 만큼 로그인을 자주 해서 새롭게 Token을 발급받아야 하므로 불편하다는 단점이 있다. 그렇다고 토큰의 유효기간을 늘리면 토큰을 탈취당했을 때 보안에 취약해.. 공감수 1 댓글수 0 2023. 4. 7.
Spring REST Docs로 APIDocs 자동화 하기 백엔드와 프론트엔드의 원활한 협업을 위해서는 REST API명세에 대한 문서화가 잘 되어 있어야 할 것이다. 구글 독스, 노션 등을 사용해서 직접 사용할 수 있지만 API문서 작성을 도와주는 자동화 도구들이 많이 개발되어 있으니 사용해 보도록 하자. 먼저 APIDocs가 무엇인지 부터 ARABOZA APIDocs란? API Docs(documents)는 API 사용 방법을 사용자에게 알려주는 문서이다. 본인 같은 경우 프로젝트를 할 떄 카카오 로그인이나, 카카오 페이 API를 사용을 했는데 카카오의 공식문서를 참고하여 구현을 했는데 그 공식문서도 일종의 APIDocs로도 구분을 할 수 있는 것 같다. 이렇듯 정보들을 제공해주는 문서가 잘 설명되어 있어야 사용자들이 API를 잘 사용할 수 있다. 요청 UR.. 공감수 0 댓글수 0 2023. 3. 30.
Jenkins로 CI구축하기 part 2 앞서 part 1 에서는 CI와 Jenkins, 도커를 사용해서 Jenkins를 설치하는 과정을 알아 보았다. 이번 part2는 본격적으로 CI의 구축 과정을 다뤄보려고 한다. Backend에 CI구축 1. Jenkins Item 젠킨스에서 하나의 CI/CD 프로젝트를 구축하기 위해서는 아이템(Item)을 생성하여야 한다. 젠킨스 서버에 여러개의 아이템을 만들 수 있고 각각의 아이템들은 개발자가 설정하는 것에 따라 다르게 동작한다. 젠킨스에서 아이템을 만드는 방법은 대표적으로 FreeStyle과 Pipeline이 존재한다. 먼저 이 두가지에 대해서 알아보자 FreeStyle VS Pipeline Pipeline Pipeline은 스크립트 언어인 Groovy문법을 통해서 디테일한 일련의 작업들의 순서와 흐.. 공감수 0 댓글수 0 2023. 3. 30.
Jenkins로 CI 적용하기 part 1 이 글을 끝까지 읽으면 얻을 수 있는 이득 1. CI란 무엇인가 왜 필요한 것인지 2. 젠킨스는 무엇인지 3. Docker를 이용해서 Jenkins설치하기 CI(Continuous Integration)란 무엇인가? CI란 팀의 구성원들이 작업한 내용을 레파지토리에 정기적으로 통합하는 것을 의미한다. 하나의 프로젝트를 여러 명으로 구성된 한 팀이 작업을 하게 되고 분업과 협업을 하는 과정에서 각각의 할당된 작업이 있을 것이다. 팀원은 본인이 작업한 내용을 GIT, SVN같은 버전 관리 시스템에 Sunmit하게 되는데 이렇게 submit된 소스코드들을 정기적으로 통합하는 것을 CI라고 하고 이것을 시행시켜주는 서버를 CI Tool이라고 한다. 젠킨스 또한 CI Tool에 속한다. CI 시스템을 구축하지 않.. 공감수 0 댓글수 0 2023. 3. 29.
JPA 영속성 컨텍스트 오늘은 이전 프로젝트 진행할 때 실시간 알림 구현중 OSIV 때문에 connection이 반환되지 않아 문제가 발생했던 적이 있었는데 해당 문제가 왜 발생했는지 알아보기 위해 2번의 포스팅(영속성 컨텍스트, 지연로딩과 OSIV)을 통해 알아보려고 한다. 우선 최종 목표인 OSIV에 대한 간단한 정의부터 살펴보자. OSIV(Open-Session-In-View)란? OSIV는 영속성 컨텍스트를 뷰까지 열어준다는 의미이다. 영속성 컨텍스트가 살아있으면 엔티티는 영속 상태로 유지된다. 따라서 뷰에서도 지연 로딩을 사용할 수 있다고 한다. 오늘은 지연로딩에 대해 공부하기 이전에 영속성 컨텍스트부터 알아보자. 영속성 컨텍스트란? 영속성 컨텍스트는 엔티티를 영구 저장하는 환경을 말한다. 간단히 말하면 엔티티를 저장.. 공감수 0 댓글수 0 2023. 1. 18.
OSIV(Open-Session-In_view)와 지연로딩에 대해서 OSIV를 켜두면 뷰단에서도 지연로딩을 사용할 수 있다고 배웠는데 지연로딩이 무엇인지 알아보자. 지연로딩에 대해 공부하기 이전에 프록시(Proxy)라는 개념을 알아야 한다. 프록시란? 프록시는 실제 클래스를 상속 받아서 만들어진 가짜 객체라고 생각하자. 가짜 객체이긴 하지만 실제 클래스와 겉 모양이 같아서 사용하는 입장에서는 구분하지 않고 사용한다. 그리고 프록시 객체는 실제 객체의 참조를 보관한다는 특징을 갖고있다. 그래서 프록시 객체를 통해서 메서드를 호출하면 실제 객체의 메서드를 호출한다. JPA에서 객체를 조회하는 두 가지 메서드( em.find(), em.getReference() )가 있는데 그중 em.getReference() 메서드가 프록시 객체를 조회한다. 지연로딩이란? 그럼 지연로딩은 .. 공감수 0 댓글수 0 2023. 1. 11.
2022년 회고 1. 개발 공부 시작 올해 초부터는 진로에 대한 걱정이 많았다. 전역하고 어영부영 보낸 시간이 1년 가까이 되어가자 위기감이 느껴졌다. 군에 입대하기 전에 일했던 회사에 다시 취업을 할까? 하는 생각도 했지만 업무가.. 스타크래프트의 SCV랑 똑같다. 이곳에서 다시 일을 해서 5년이 흐르고 10년이 흘렀다고 잠시 생각을 해봤다. 아찔 했다. 1년 차나 10년차나 하는 일에 크게 차이가 있는 일도 아니고 SCV는 가장 빠르고 적은 자원으로 만들 수 있는 유닛이다. 이건 아니다 라고 생각을 했지만 또 고민만 하면서 액션은 취하지 않았다. 그렇게 어영부영 시간을 보내던 중 친구가 추천해준 의문의 웨비나 하나를 통해서 올해의 기억에 남는 결정을 하게 된다. 홀맨님의 웨비나 였는데 전반적으로 세상이 어떻게 돌아가.. 공감수 0 댓글수 0 2022. 12. 30.
많은 일이 있었던 2022년 회고 1. 개발 공부 시작 올해 초부터는 진로에 대한 걱정이 많았다. 전역하고 어영부영 보낸 시간이 1년 가까이 되어가자 위기감이 느껴졌다. 군에 입대하기 전에 일했던 회사에 다시 취업을 할까? 하는 생각도 했지만 업무가.. 스타크래프트의 SCV랑 똑같다. 이곳에서 다시 일을 해서 5년이 흐르고 10년이 흘렀다고 잠시 생각을 해봤다. 아찔 했다. 1년 차나 10년차나 하는 일에 크게 차이가 있는 일도 아니고 SCV는 가장 빠르고 적은 자원으로 만들 수 있는 유닛이다. 이건 아니다 라고 생각을 했지만 또 고민만 하면서 액션은 취하지 않았다. 그렇게 어영부영 시간을 보내던 중 친구가 추천해준 의문의 웨비나 하나를 통해서 올해의 기억에 남는 결정을 하게 된다. 홀맨님의 웨비나 였는데 전반적으로 세상이 어떻게 돌아가.. 공감수 0 댓글수 0 2022. 12. 30.
TIL-221210 - 컴포넌트 재활용이 어려워 지는 구조 디자인 피그마와 현재 구현한 상태를 점검을 뺴먹은 것 은 없나 확인을 하던 중 홈페이지를 구성을 안 하고 있었다. 이런 식으로 추천 상품이나 , dailyBest아이템 같은 것들을 진열을 해 놓을 생각이였는데 추천 상품이나 , dailyBest상품 같은 경우는 구현을 하지 못해서 최근 본 상품과 찜하기 한 상품정도만 해놔야 겠다. 계획을 했는디. 오케이 이미 만들어놓은 컴포넌트가 있으니까 재활용만 하면 되겠지 라고 생각을 했는데 유사 플럭스 구조를 사용해서 그렇게 할 수가 없는 문제점이 발생했다. page단에서 props를 받아와야 하니 페이지단에서 스토어에서 관리하는 상태들을 전부 다 들고와야 쓸 수가 있었다. 사실상 컴포넌트 재활용의 의미가 별로 없는 것 같다. 스토어를 생성을 하고 다 해줘야하니까 .. 공감수 0 댓글수 0 2022. 12. 10.
TIL-221209- 남은 기간 단 2일 빼먹은 것들을 채우자 오늘까지 디자인 작업을 마무리 하기 위해서 디자인 작업만 하루종일 진행을 했다. CSS를 할 떄 가장 먼저 체크를 해야 할 것은 바로 화면의 확대가 됬는 지 안됬는지 이다. 본인 같은 경우 모니터가 커서 크롬을 확대를 해서 사용을 하고 있었는데 그렇게 확대를 한 상태에서 CSS작업을 계속해서 작업을 했던 것이다. 어쩐지 폰트 사이즈가 너무 크다고 생각을 했는데 큰이유가 확대를 해서 엄청나게 크게 보이는 것이였다. 그래서 화면 확대를 축소를 하니 모든 페이지의 폰트 사이즈를 다시 조정을 해줘야 하는 이슈가 있었다. 저번 마카오 기프트를 배포하고 나서 내가 배포한 결과물을 보니 css의 폰트사이즈가 이상하게 너무 작다라고 생각을 했는데 화면을 확대를 해놓은 상태에서 CSS작업을 해서 그런 것이였다. CSS작.. 공감수 0 댓글수 0 2022. 12. 9.
TIL-221208 유사 flex패턴 제대로 사용하고 있지 않았던 플럭스 패턴 현재 진행하고 있는 프로젝트에 떡하니 프론트엔드는 플럭스 패턴을 사용한다고 떡하니 써놓아 있다. 그래서 store를 만들어서 비즈니스 로직과 상태 관리를 store에서 하고 있기는 한데 프로젝트를 진행하면서 상품 상세 페이지 같은 경우는 상품 정보, 리뷰, 문의 사항같은 정보들을 API요청을 여러번 요청을 해서 데이터를 받아온다. 그렇게 받아온 데이터를 스토어에서 관리를 해주는데 스토어 및 상태관리를 하고 있는 데이터를 페이지 단에서 선언을 해주고 해당 데이터들을 사용하는 컴포넌트에 props로 전달을 하는 방식으로 진행을 하고 있었다. 프롭스가 10개가 넘어가는 컴포넌트가 몇개나 있었다. (이 때 수상함을 느끼고 뭔가 질문을 했어야 했다.) 이렇게 하면 문제인게.. 공감수 0 댓글수 0 2022. 12. 8.
TIL-221207- 최근 본 상품 구현하기 장바구니 기능 중 오늘은 최근 본 상품을 구현을 해서 장바구니 기능을 최종적으로 완성을 했다. 장바구니가 피처기능은 아니지만 그래도 본인이 생각하기에는 괜찮았던 것 같다. 장바구니의 최근 본 상품을 구현 하는 방법은 2개 정도를 생각했다. 1. 로컬 스토리지, 세션 스토리지에 최근 본 상품들의 아이디를 저장한다. 2. Cookie에 데이터를 저장한다. 본인이 생각하기에는 일단 쿠키에 정보를 담는 것은 한 번도 해보지 않아서 한번 도전해 보려고 했지만 쿠키는 API요청을 통해서 서버단에서 데이터를 저장할 수 있기 때문에 프론트에서 처리해 주도록 localStorage에 저장하는 방법을 사용했다. 기본 적인 프로세스는 1. 상품의 상세 페이지에 접속을 한다. 2. 로컬 스토리지에 상품의 아이디를 배열의 첫번.. 공감수 0 댓글수 0 2022. 12. 7.
TIL-221206- 장바구니 기능 추가 하기 어드민 기능을 구현하기 전에 일단은 만들어놓은 오늘은 어제 조금 애를 먹었던 상품 주문 페이지에서 배송지 정보 수정하기를 페이지를 이동해서 수정하는 방식으로 변경했다 장바구니의 찜한 상품 및 최근 본 상품을 장바구니에 추가하는 기능까지 구현을 하는게 목표이다 REST API 설계에서 아샬님이 저번에 해주셨던 코멘트를 조금(?) 반영해서 찜하기한 상품을 불러오는 REST API URI를 user/me/wishes/products 이렇게 사용을 하려고 했는데 아무리 봐도 이상하다. 저 URI가 가리키는 리소스는 결국 products인데 그러면 이 친구는 product컨트롤러에 있어야 해야 하는데? 근데 이 친구가 productController에 들어가게 되면 메소드가 6개가 되버리는 상황이 발생한다. 하지.. 공감수 0 댓글수 0 2022. 12. 6.
TIL-221205 - 카카오 서드파티 구현하기 오늘은 카카오 서드파티를 구현을 완료했다.. 어제는 딱 카카오 싱크 페이지까지만 했었는데 오늘은 전체적으로 구현을 완료했다. 이렇게 카카오 싱크를 통해 개인정보 수집제공에 동의를 하면 닉네임 정보를 얻어 올 수 있다. 어떻게 얻을 수 있냐 확인을 누르면 redirect-uri로 설정해놓은 url로 리다이렉트를 시켜주고 쿼리 스트링으로 authCode라는 것을 주는 데 이곳에 본인이 카카오 서버로 부터 얻을 유저의 정보를 decode해놓은 것이라고 생각하면 된다. 그러면 redirect-urI로 설정해놓은 페이지로 가서 쿼리파라미터로 붙어 있는 code를 해당 페이지가 마운트 될 떄 API서버로 요청을 보내 해당 유저의 정보를 들고 올 수 있다. kakaoAuthUtil의 안에있는 process 메소드를 .. 공감수 0 댓글수 0 2022. 12. 5.
6주차 스프린트 주간회고 주간 작업 목표 : 결제하기 와 장바구니를 구현하기 1. 결제하기는 기존에는 무조건 결제가 되는 식이였지만 카카오페이 API를 연동 2. 장바구니 추가 1. CRUD 기능과 일괄 삭제 , 일괄 주문 기능까지 추가 + 카카오 서드파티 로그인 구현하기 사용자 스토리 작업명 예상 실제 비고 결제를 편리하게 하기 위해서 카카오페이를 사용할 수 있다. 주문 페이지 만들기 3 5 다음 주소찾기 API를 사용하는데 시간이 생각보다 많이 걸림 카카오페이 결제 API 연동 20 24 DTO의 getter에 get~~로 안해서 그것 찾느라 시간이 좀 걸림.... 여러개의 상품을 구매하고 싶은 사용자는 장바구니 에 물품을 추가할 수 있다. 장바구니 물품 추가 3 2 장바구니 물품 삭제 3 2 장바구니 물품 일괄 삭제 7 1.. 공감수 0 댓글수 0 2022. 12. 5.
TIL- 221204 - 카카오 서드파티 로그인 이미지 트레이닝 오늘의 작업 목표 카카오 서드파티 로그인 구현하기 먼저 서드파티 로그인을 왜 구현을 해야할까? 비밀번호암호화, 회원가입시 유효성검사와 암호화 등 로그인과 회원가입기능에 신경써야할 부분이 많기 때문에 로그인 API를 쓰면 로그인과 회원가입을 대신해 주기 때문에 회원관리하기가 편해진다 유저입장에서도 회원가입절차가 줄어들어 사용성이 높아진다. 하지만 비즈니스용 프로그램이 아니기 때문에 내가 필요한 값인 배송지 정보나 회원의 전화번호 같은 정보들은 직접 입력을 받아야 하는 이슈가 있기는 하지만 나중에 실제 서비스에 서드파티 로그인을 구현할 떄는 배송지나 전화번호 같은 정보만 필수 동의를 받기만 하면 되니 카카오 로그인을 구현을 해보자. 전체 적인 프로세스 정리 카카오 로그인 버튼 클릭 => 카카오 싱크를 통해 .. 공감수 0 댓글수 0 2022. 12. 4.
TIL-221203 생각할 게 참 많은 장바구니 기능 오늘은 드디어 장바구니 기능을 완성을 했다. 장바구니 CRUD같은 경우는 어제 끝냈지만 장바구니의 일괄 결제 기능을 구현을 하지 못해서 문제였는데 결제하기 페이지를 설계할 떄 여러개의 상품을 구매할 때가 있는 경우를 생각을 하지 못하고 한 개의 상품을 결제할 경우만 만들어 놔서 이 부분을 전부 다 바꾸고 여러가지 바꿀 게 많아서 생각보다 오래 걸렸다 ㅠㅠ 그래서 오늘은 결국 장바구니를 다중 결제를 완료를 했는데 다중 결제를 하니 카카오페이 API를 사용을 해야 하는데 어떻게 해야할까 고민한 부분들이 있었다. 1. 이름을 어떻게 할 것이냐? 상품을 5개를 사면 5개 전부 다 이름을 보여줘야 하나? 2. 수량(quantity)은 어떻게 해야할까? 각각 상품 하나마다 수량을 구분을 해야하나? 아니면 그냥 주문.. 공감수 0 댓글수 0 2022. 12. 3.
TIL-221202- 구현중인 기능에 대한 가치를 생각해보자 오늘도 마찬가지로 장바구니 구현이 목적이다. CRUD는 및 개별 주문은 완료를 했는데 장바구니의 가장 핵심적인 기능인 일괄 주문하기에서 발목이 잡혀 아직까지 장바구니 기능을 다 구현을 하지 못했다. 일괄 주문하기를 하기 위해서는 상품에 대한 정보를 주문페이지로 넘겨줘야하는데 이 정보들을 이전까지는 그냥 객체형식으로 만 사용을 하고 있었기 때문에 배열로 바꿔야 하는 작업을 해야하는 데 이것 떄문에 생각보다 많은 부분이 바뀌어야 할 것 같다. 작업 설계를 할 떄 이정도는 예측을 했어야 하는 아쉬움이 있다. 어떻게 해야 작업 설계를 잘 할 수 있을까? 그리고 장바구니 객체의 이미지는 1개만 가지고 있으면 되서 url만 가지고 있는 게 구현할 때 더욱 편하게 할 수 있는 데 굳이 ProductImage값 객체(.. 공감수 0 댓글수 0 2022. 12. 2.
TIL-221201 장바구니 전체 선택 구현하기(정말 어려운 REST API설계) 오늘은 드디어 장바구니 기능 구현을 시작했다. 프론트엔드는 백엔드는 구현을 했는데 프론트가 확실히 시간이 꽤나 오래 걸리는 데 오늘은 그 중에서 특히 조금 에를 먹었던 전체 선택 기능을 구현하는 방법을 알아보자 이렇게 전체 선택 checkbox를 클릭하면 모든 상품이 선택 되는 것 거의 모든 쇼핑몰은 전체 선택하기 기능이 있다. 요구 사항 1. 최상단에 있는 전체 선택 박스 클릭 시 전체 선택/ 전체 해제 기능 2. 전체 선택 시에 하나라도 체크가 해제될 시 에는 전체 선택 체크 박스는 해제가 되야 한다. 3. 모든 체크 박스가 선택 될 시에는 전체 선택 체크박스도 활성화가 되어야 한다. 해당 값들은 스토어에서 관리를 해준다. 배열의 요소에는 선택된 요소의 id값이 들어 간다. 먼저 singleCheck.. 공감수 0 댓글수 0 2022. 12. 1.
TIL-221130 - spring 카카오페이 단건결제 구현하기 오늘은 어제 카카오페이를 구현하던 도중 만났던 에러를 해결하고 드디어 구현을 완료했다!!!!!!!!!!!!!!. 먼저 어제 있었던 첫번째 오류 결제 완료 페이지가 마운트되고 결제승인 API를 요청하는데 이미 결제가 완료됬다고 나오는 이 문제는 이런 걸로 시간을 날렸다는게 부끄러운 useEffect의 마지막 어떤 상태가 변경되었을 떄 함수를 실행시키냐는 곳에 빈 배열을 넣지 않아서 함수가 무한 호출이 되어서 그렇다. 오늘 아침 경건한 마음으로 다시 개발자 도구의 네트워크를 뚜러져라 쳐다보니 API요청이 2번이 되었는데 이미 첫번째에 결제 승인을 했는데 한번 더 요청을 하니까 이미 결제 승인이 났다고 나오는 것이였다.. ㅠㅠㅠㅠㅠ 그렇게 이 문제를 해결하니 또 다른 문제에 봉착했다. 2번째 문제는 카카오페이.. 공감수 1 댓글수 0 2022. 11. 30.
221129- 카카오페이 API사용해보기 오늘은 카카오페이 결제하기를 사용을 해봤다. 일단은 카카오 페이 API를 사용해서 본인 프로젝트의 경우에는 버튼을 누르면 결제하기 버튼을 누르면 카카오페이 결제 창으로 리다이렉트를 시켜줘야 한다. OrderController에서 POST요청으로 처리를 해줘야 한다. 스프링에서 외부 API와 통신을 하기 위해서 RestTemplete을 사용했다. 결제준비를 위해서 필수로 넘겨줘야 하는 값들만 넘겨 줬다. url삼총사 같은 경우에는 성공, 실패 , 취소 했을 경우에 리다이렉트될 url을 설정을 해줘야 한다. 결제준비단계에서는 반환 되는 url은 이렇게 카카오페이 결제 url을 프론트엔드에서 리다이렉트를 시켜줘야 한다. 현재 아직까지 해결을 못한 문제가 있는데 모바일로 결제하기를 누르면 결제 성공페이지로 자동.. 공감수 0 댓글수 0 2022. 11. 29.
TIL-221128- 카카오페이 API를 ARABOZA 결제 기능은 거의 모든 서비스에 존재하는데 광고를 주 매출로 하는 커뮤니티 사이트들을 제외하고는 거의 모든 웹 애플리케이션에는 결제 기능이 기본적으로 탑재가 되어 있다. 그렇기 때문에 결제 기능을 한 번 만들어 보는 것도 나쁘지 않다는 생각이 든다. 이번 포트폴리오에서는 진짜 결제는 하지 못하지만 테스트 용으로 한 번 찍먹을 해보는 것으로 정했다. 일단 카카오페이 API가 테스트용으로도 제공을 해주는 것을 확인을 해서 카카오페이 API를 사용할 것이다. 1. 카카오 디벨로퍼 사이트에 접속 후 애플리케이션을 추가한다. 애플리케이션을 추가한 다음 플랫폼 설정을 통해 본인의 프로젝트의 baseURL을 추가해준다. 2. 단건 결제 전체 흐름도 카카오페이 또한 카카오 로그인하기 와 비슷하게 먼저 본인의 상세 정보.. 공감수 0 댓글수 0 2022. 11. 28.
스프린트 6주차 주간회고 사용자 스토리 작업 내용 스토리 포인트 실제 상품 목록 불러오기 게시글 페이지 및 API요청 10 12 상품 결제 결제 페이지, 배송지 정보(다음 주소찾기 API사용), 20 25 결제하기 버튼 클릭 시 주문 내역을 생성하는 API요청 5 7 상품 결제 완료 페이지 5 3 로그인 로그인 페이지 생성, 로그인 완료 시 accessToken을 발급, 로그인 예외 처리 7 10 총합 47 57 이번 주 의 목표는 이제 얼마 남지 않은 포트폴리오 기간안에 완성된 형태의 프로그램을 만들기 위해 상품 목록 페이지와 결제 페이지 , 로그인까지 구현을 목표로 잡았다. 이번 스프린트 목표는 굉장히 보수적으로 잡은 것 같지만 역시 생각보다 시간이 굉장히 오래걸렸다. 첫 주차 부터 계속해서 문제였지만 역시 프론트엔드 테스트.. 공감수 0 댓글수 1 2022. 11. 28.
TIL-221127- 컨트롤러는 커질수가 없는 친구 오늘은 어제 게획했던 리팩토링 부분을 조금 더 수정을 해야 하는 상황이였다. 리팩토링을 해야 하는 이유 어떤 게 이상한 상황인지를 제대로 인지를 못했던 상황이였는데 ProductController의 크기가 너무 커지지 않을까 하는 걱정으로 Controller를 나눴다고 했는데 이것은 한 페이지안에서 여러개의 API를 호출한다 = 여러개의 컨트롤러를 사용한다. /products/{productId}/inquiries 를 처리하는 컨트롤러는 Product컨트롤러 일줄 알았는데 이건 InquiryController에서 처리를 해줘야 하는 리소스이다. REST API 구조를 사용한다고하면 하나의 컨트롤러에는 CRUD를 꽉 채워서 쓴다고 하면 최대 5개가 나올 수 있다. REST API로 설계는 해당 리소스에 대.. 공감수 0 댓글수 0 2022. 11. 27.
TIL-221126- 어떤 문제인지 헛다리를 짚었구나.. 어제 로그인 시 ApiService에 setAccessToken을 여러곳에 해야 하는 상황이 발생해서 상속을 통해서 accessToken을 set해주는 과정을 하나의 모듈만 하게 바꿨다. 내가 문제점으로 꼽은 것 은 로그인 시 에 setAccessToken이라는 똑같은 코드를 5번이나 해주는 것을 문제로 보아서 이를 해결하기 위해서 상속을 통해 해결을 할려고 했었다. 하지만 문제점의 타겟을 잘못잡았었던 것 같다. setAccessToken 코드를 5번 적어야 하는 것이 문제가 아니라 setAccessToken을 5번이나 호출을 해야 하는 이 구조자체에 빨간불이 들어왔다는 것이다. REST API의 설계자체가 이상한 구조일 가능성이 크다. 일단은 URI 설계가 잘못됬다. inquiries(상품 문의) 상품.. 공감수 0 댓글수 0 2022. 11. 26.
TIL-221125 - 자바스크립트 상속 알아보기 오늘은 결제 페이지에 접속을 했을 때 사용자의 배송 정보가 자동으로 입력이 되있는 기능을 구현 하기 위해서 로그인 기능을 만들었다. 구현을 하고 나서 보니 굉장히 불편한 모습이 있었는데. 로그인을 하고 ACCESSTOEKN을 APIService 모듈에 set을 해줘야 하는데 set을 해줘야 하는 파일이 5개가 넘게 있었다. 그래서 부모 클래스에 ACCESSTOKEN을 세팅만 해주고 자식 클래스들이 상속을 받아서 사용을 하면 부모 생성자에만 ACCESSTOKEN을 set해주면 되는 모습이라 딱 바로 리팩토링에 들어 갔다. 그런데 문제가 있다. 부모 상속을 해주고 accessToken을 사용을 할려고 하니 accessToken의 값을 setAccessToken을 통해 바꿔도 바뀌지가 않는다? setAcces.. 공감수 0 댓글수 0 2022. 11. 25.
TIL-221124- React 다음 우편주소 찾기 API사용법 기존의 결제페이지에서의 배송지 선택을 조금 기획을 바꾸게 되었다. 네이버 스마트 스토어를 레퍼런스로 참고를 했는데 구현을 할려고 다시 한번 네이버에서 사용을 해보니 조금 불편한 감이 있는 것 같아 조금 수정하기로 했다. MVP형태로 이번 주 기획의 형태는 체크박스를 통해 유저 정보에 있는 배송지를 선택하거나 직접 입력 하는 식으로 구현을 할려고했는데 다음 주소찾기 API는 라이브러리로 사용감이 쉬운 것 같아 실험을 해보고 적용을 하기로 했다. 먼저 npm에서 다운 로드를 해주자 npm install react-daum-postcode https://www.npmjs.com/package/react-daum-postcode react-daum-postcode Daum Postcode service for .. 공감수 0 댓글수 0 2022. 11. 24.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.