전체 글
-
20230305 TIL 공식 문서를 꼬옥 읽자 (카카오페이 배포 후 CORS 해결)TIL 2023. 3. 5. 18:18
배포한 버전을 직접 테스팅하던 중에 외부 API가 잘 되지 않는 것을 발견했다. 그 이유는 애증의 CORS였다. CORS를 피하기 위해 클라이언트 대신 서버에서 외부 API를 요청하게끔 작업을 해두었었다. 배포하기 전에는 문제가 없었으나... 배포 후에 문제가 발생했다. 배포 후에 문제가 발생했기 때문에 다른 서비스를 이용해 새로 배포를 해보았으나 그래도 또 CORS에러가 발생하였다. 몇 시간을 헤매다가 로그를 발견했다. 2023-03-03T21:01:53.342Z ERROR 2 --- [io-16617-exec-5] o.a.c.c.C.[.[.[/].[dispatcherServlet] : Servlet.service() for servlet [dispatcherServlet] in context with..
-
20230228 TIL 환경마다 리다이렉트 url 다르게 설정하기TIL 2023. 2. 28. 14:45
카카오페이를 연동할 때 카카오페이 결제 이후 리다이렉트 url이 필요하다. 개발할 때는 하드코딩으로 http://localhost:8080을 넣어두었었고, TODO로 배포 후 수정하기를 주석으로 달아놓았었다. 배포를 한지 벌써 2주 정도 되었는데, 한동안 까먹고 있었다가 백로그를 훑어보는 중에 발견해서 바로 수정을 하였다. 처음에는 하드코딩된 부분을 배포한 client base url로만 수정을 해서 배포를 다시할까 생각도 했었지만, 배포할 때마다 수정을 해야할 것으로 보여서 더 좋은 방법을 고민해보았다. 환경마다 다른 값을 주는 것은 전에도 해본 적이 있었다. test환경에서 실제 DB를 사용하지 않도록 다른 DB로 설정하는 것을 해보았었다. 리다이렉트 url도 마찬가지 방법을 이용하면 될 것 같아서 ..
-
20230216 TIL 디버깅이 젤루 좋아TIL 2023. 2. 16. 21:54
오늘은 이력서 작성법에 관해 노아님께서 워크샵을 진행해주셨다. 오랜만에 동기들과 1기 선배분들을 만나 기분이 좋았다! 오늘까지 배포를 하는 게 우리 기수의 목표였는데, 나는 14주차 때 배포를 한 번 며칠 동안에 걸쳐 해보았기 때문에 큰 어려움은 없이 배포를 하고 팁을 공유했다! 며칠 전 종강을 하면서 사무실에 있던 짐을 옮겨야 했는데 선배님과 짝꿍님께서 기꺼이 무거운 짐을 옮기는 걸 도와주셨다. 나는 뭘 도와드릴 수 있을까 하다가 배포를 도와드리기로 약속했었다. 선배님은 이미 어느정도 배포를 해둔 상태라 내가 도울 게 있을까 싶었지만 우연히 짝꿍님 배포를 돕다가 같은 현상이 발생해서 도움을 드릴 수 있게 되었다! 그리고 배포를 하면서 예상치 못한 상황을 많이 마주하긴 하지만 해야될 게 많진 않아서 짝꿍..
-
ofCORS 포트폴리오 8주차 주간회고회고 2023. 2. 13. 20:20
예쁘게 디자인이 입혀졌고, 데모데이를 성공적으로 마무리했다! 이번 주는 데모를 위하여 필요한 기능 중 최소한으로 구현해야할 기능을 구현하고, 남은 시간 동안 디자인을 입히는 작업을 하였다. 환전을 하기 위해 필요했던 미뤄왔던 실명인증 기능을 아임포트 API를 이용해서 구현하였다. 그리고 디자인을 열심히 열심히 입혔다. 사실 처음에는 디자인을 입히기가 막막했는데, 간단하게 작업할 수 있는 부분부터 하나씩 작업하다보니 마감 기한 내에 디자인 작업을 마무리할 수 있었다. 조회 수 증가 로직을 IP를 바탕으로 적용하기, 구독, 페이지네이션 등 추가적으로 있으면 좋을 기능도 우선 순위를 매겨서 해왔던대로 계획을 짜고, 회고도 하면서 하나씩 작업해나가면 좋을 것 같다. 프로젝트를 스스로 만들 수 있는 사람이 되어서..
-
20230212 TIL 막막할수록 하나씩 작게 쪼개서 작업하기TIL 2023. 2. 12. 19:25
오늘은 내일 있을 데모를 위해 남은 디자인 작업을 마무리해야하는 날이다. 약 10 페이지 가량 디자인을 입혀야했기 때문에 막막하고 작업을 미루고 싶은 마음이 들기 시작했다. 하지만 정말 디데이가 다가왔기 때문에 어떻게든 해야했다. 그래서 작업을 최대한 잘 마무리하려면 어떻게 해야할까 고민을 했고, 작업을 끝내기 쉬운 단위로 나누어 작업을 진행했다. 그리고 가장 작업이 빠르게 끝날 것 같은 부분을 먼저 작업을 했고, 디자인이 나름 일관성이 있기 때문에 미리 해둔 작업을 토대로 나머지 부분에도 적용을 하니 가속도가 붙었다. 성취도가 작업 속도에 정말 큰 영향을 주는 것 같다. 작업이 막막할 때는 어떻게 작업을 쪼갤 수 있을지, 어떻게 성취도를 높일 수 있을지를 꼭 고민해서 작업하면 좋을 것 같다.
-
20230211 TIL API를 여러번 호출하자TIL 2023. 2. 11. 19:02
카카오페이를 이용한 결제를 할 때 이렇게 해도 괜찮은가 싶었던 부분이 있었다. 카카오페이 결제를 할 때, 결제를 성공하면 token이 발행이 되고, token을 이용해서 결제 정보를 조회할 수 있는데, token이 발급되기 전까지는 결제가 성공했다고 보기 어렵기 때문에 token이 발급되었다고 볼 수 있는 결제 정보를 조회할 때 DB에 결제 내역을 저장했었다. 그런데 아무리봐도 결제 정보 조회 API에서 결제 내역 저장을 하는 것은 RESTful하지 않았다. 하지만 당시에는 더 좋은 방법이 떠오르지 않았기 때문에 일단은 그렇게 작업을 했었다. 그런데 오늘 짝꿍님께서 같은 작업을 하다가 좋은 아이디어를 알려주셨다. 결제 정보를 조회할 때 결제 내역을 저장하는 API를 추가적으로 요청하도록해서 결제 내역을 ..
-
20230210 TIL 이 부분은 어떻게 스타일링을 하면 좋을까TIL 2023. 2. 10. 19:25
크게 어려워보이지 않는데 어떻게 하면 좋을지 감이 잘 잡히지 않는 부분들이 가끔있다. 오늘 디자인을 입히는 중에 위의 부분이 그런 경우에 해당했다. 크게 어렵지 않고 디자인을 입히려면 쉽게 입힐 수 있겠지만 바람직해보이지 않았다. 가장 먼저 떠오른 방법은 추천수 부분과 조회수 부분을 같은 태그로, |를 다른 태그로 감싸서 처리하는 방법이었는데, 태그를 스타일링을 위해 다르게 사용하는 것은 시멘틱하지 않아 바람직하지 않다고 생각했다. 혹시 더 좋은 방법이 있을까 싶어 프론트엔드 끝판왕 짝꿍님께 여쭤보았더니 좋은 팁을 얻을 수 있었다. 가상 선택자를 개발자 도구에서 본 적은 있었지만 사용해본 적은 없었는데, 가상 선택자를 이런 경우에 사용할 수 있다고 알려주셨다. 가상 선택자를 사용하면 HTML 마크업을 수..
-
20230209 TIL 차이점을 명확히 알아두자TIL 2023. 2. 9. 21:12
요즘은 코딩도장 문제를 하루는 자바로, 하루는 자바스크립트로 풀고 있다. 그런데 자바스크립트로 문제를 풀다보면 나와 동일한 로직인데 다른 자료구조나 메서드를 활용하는 것을 볼 수 있다. 오늘은 그 중 Map과 Object, substring과 slice의 차이에 대해 제대로 확인해보았다. 짝꿍님께서 말씀해주시기를 Map은 키-값 쌍을 저장한 순서대로 조회를 할 수 있지만 Object는 순서를 보장할 수 없다는 단점이 있다고 알려주셨다. 그리고 Object는 키에 문자열만 사용할 수 있지만, Map은 키로 숫자, 문자열, 객체를 모두 사용할 수 있다고 한다. 따라서 값의 순서를 보장해야하는 경우와 키에 문자열 외의 값을 넣어야하는 경우는 Map을 사용해야 한다. substring과 slice는 시작값이 끝..