Eundms

카카오맵 API 사용하기그렇다 사용 설정 방식이 변경되었다  카카오맵 API  발급 및 활성화  1. 카카오 Devevopers 에 가입한다https://developers.kakao.com/ Kakao Developers카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다.developers.kakao.com 2. 내  애플리케이션 에서 애플리케이션 추가하기를 누른다 3.  내 애플리케이션 > 앱 설정 >  앱 권한 설정 앱 권한 신청 영역을 확인해보면 카카오맵이라고 설정된 부분이 있다 이를 설정하기 위해서는 비즈 앱 신청을 사전에 해야 한다 4. 내 애플리케이션 > 앱 설정 > 비즈니스  비즈앱의 종류는 2가지로 사..

🔥Activites/[프로젝트] 진행하며 생각을 했다 2025. 1. 8. 11:15

회원가입 후(1) 유저 정보 입력 (2) 부부 정보 입력  2가지 작업을 마쳐야 홈 화면에 진입할 수 있다.아래와 같이 프론트앤드 코드에서는 입력이 필요한 값들이 입력되었는지 여부에 따라 status를 결정하고status값을 기준으로 화면 전환을 진행하고 있었다 export type LoginStatusType = 'init' | 'logged' | 'authed' | 'coded' | 'complete';const [status, setStatus] = useState('init');if (res.data.spouseInfoAdded && res.data.spouseConnected && res.data.authenticated) {    setStatus('complete');} else if (!r..

🔥Activites/[프로젝트] 진행하며 생각을 했다 2025. 1. 6. 14:19

기존 방식과 문제점 각 컨트롤러에서 Authorizaiton 헤더를 검증하여token이 있는지 확인하고 userId를 가져오는 로직이 중복됨을 발견할 수 있었다. 그리고 만약 인증 방식이 변경된다면 모든 Controller를 수정해야 한다 그리고 잘못된 토큰을 가진 요청은 컨트롤러에 도달하기 전에 차단하기 위한 방안을 고려하고자 했다 개선 방안 Interceptor에 아래 로직 담자 1. JWT 토큰 유효성 검사- 토큰 파싱 & 서명 검증 & 만료 검사 2. 토큰에서 추출한 userId로 사용자 유효한지 확인 3. Auth Context에 사용자 정보 저장유효한 사용자라면 Auth Context에 사용자 정보 저장 public class AuthContext { private static Thr..

🔥Activites/[프로젝트] 진행하며 생각을 했다 2025. 1. 4. 19:21

이전에는 각각의 controller 최상단에서 어떤 값을 파라미터로 받았는지 직접 로깅을 진행했다그리고 실행 시간에 대한 로깅을 하지 않았다.  비즈니스 코드에 영향을 주지 않으면서도 (log.debug 엄청 많으니까 복잡하더라)Controller, Service, Repository 메서드 호출할 때마다 시작시간,  끝시간을 남기고 싶었다.   따라서, Spring AOP 사용하여 Logging 작업을 진행하기로 했다.대략 이렇게 작성했다@Aspect@Componentpublic class LoggingAspect { private static final Logger logger = LoggerFactory.getLogger(LoggingAspect.class); // ThreadLocal로 시작 시간..

🔥Activites/[프로젝트] 진행하며 생각을 했다 2025. 1. 3. 11:06

Python 설치pip install python pre-commit 툴 설치pip install pre-commit  프로젝트 루트 디렉토리에 .pre-commit-config.yaml 생성Google Java Format 리포지토리는 .pre-commit-hooks.yaml을 제공하지 않으므로 수동 설정이 필요하다.JAR 파일을 다운로드하고 실행 경로를 .pre-commit-config.yaml에 수동으로 지정한다. repos:  - repo: local    hooks:      - id: google-java-format        name: google-java-format        entry: java -jar tools/google-java-format-1.25.2-all-deps.ja..

🔥Activites/[프로젝트] 진행하며 생각을 했다 2025. 1. 1. 18:48

상황 : 버튼 위치 이상 (CSS)https://youtu.be/SkJryDvo6o0버튼 위치가 이상한 에러발생 원인absolute로 device 화면 세로 길이에 상관 없이 버튼의 위치를 고정시키면서 생긴 문제해결방안문제1) 화면 크기(100dvh)에서맨 위 영역 (header), 맨 하단 영역 ( navbar ) 영역 제외한 부분 = 컨텐츠 영역 이 되도록 CSS 재작성 전체 화면 크기를 고정한다음에tailwind-css에서 flex-grow 로 나머지를 차지하도록 설정. 단, overflow 되는 부분은 hidden으로 설정그 다음에 그 내부에서 vvue-scroll(overflow-y: auto; scollbar-width:none;)과 maxHeight 설정하여 원하는 영역만 스크롤 되도록 변경..

🔥Activites/[프로젝트] 진행하며 생각을 했다 2024. 12. 31. 11:06

https://vercel.com/ 에서 회원가입/로그인 한다   일단 도메인을 적는다 1. DNS Propagation이 제대로 안되면 Error가 뜰 수 있다 (DNS Propagation 확인하는 곳 : https://www.whatsmydns.net/)2. 그래도 에러가 뜬다 (의도한것)친절하게 IP 주소랑 등록해야 할 것들을 알려주는데이를 가비아의 DNS 관리 > DNS 설정 > 레코드 설정 에 등록하면 된다. 아! Settings 에 Environment Variables도 등록해줘야 한다.  모든 배포 과정이 UI로 가능하다 행복하다  드디어 배포성공..! Vercel 배포 너무 편하다

🔥Activites/[프로젝트] 진행하며 생각을 했다 2024. 12. 29. 20:06