본문 바로가기

전체 글838

[커피 월드컵] React에서 사용한 기술 정리 미니미 프로젝트, 커피 월드텁 시리즈 제3탄.. 1탄: [커피 월드컵] Netlify React 배포2탄: [커피 월드컵] React 카카오톡 공유하기3탄: 현재 글! React를 한땀 한땀, 살펴볼 예정은 아니지만 어떤 기술을 활용했는지 간단히 정리해두면 좋을 것 같아서 VS Code를 실행해서 복기해 보고자 합니다. 저는 React가 완전 처음은 아니고, 기존에 팀 프로젝트에서 프론트 기술로 사용해본 경험이 있습니다.그래서 React를 하나도 몰라도 만들 수 있군! 보다는 React를 조금 알아도 만들 수 있군! 정도로 생각해 주시면 좋을 것 같습니다! 찐 시작!  1. React Hooks쓰지 않을 수 없는 React Hooks...그 중에 저는 useState, useEffect, useMemo를.. 2025. 1. 1.
[커피 월드컵] React 카카오톡 공유하기 안녕하세요. 옆의 귀여운 루피와 공유하기는 제 미니미 프로젝트의 핵심 카카오톡 공유하기 화면입니다.처음에 계획했던 건 커피 월드컵 사이트를 공유하는 것이었는데, 최종에서는 결과를 공유하는 것으로 변경되었습니다. 왜냐면, 이 프로젝트의 핵심은 월드컵이 아니라 월드컵 결과로 친구들에게 기프티콘을 노나주는 것이기 때문이죠. 덕분에 리액트에서 라우터를 추가해서 페이지도 만들고 해봤습니다. 그래서 이번에는 해놓으면 간단하지만 하기 전에는 조금 어려워보이는 카카오톡 공유하기를 간단히 정리해보고자 합니다. 사용방법이 엄청 어렵다!는 아니지만, 우편번호 API보다는 난이도가 있습니다!   1. Kakao Developerhttps://developers.kakao.com/ Kakao Developers카카오 API를 .. 2024. 12. 26.
[커피 월드컵] Netlify React 배포 다들 연말 잘 보내고 계신가요? 올해 제 목표 중 하나는 직접 만든 사이트를 친구에게 재밌게 보여주기였습니다.마침 연말이기도 하고, 고마운 마음을 기프티콘을 통해 보내기도 하는데, 마침 저에게는 웹 사이트를 만들 능력이 조금 있었습니다. 그래서 만들어 본 커피 이상형 월드컵.. 리액트를 메인으로 공부하지 않기 때문에, 여기서는 리액트 코드보다는 새로운 시도를 했던 기술들을 간략히 적어보고자 합니다.   그 첫번째는 바로, Netlify 입니다. 친구들 중에 개발을 하지 않는 친구가 더 많기 때문에 내 깃헙으로 들어와서 코드를 클론하고 npm start로 실행해줘라는 부탁은 쉽지 않습니다. 그래서 도메인을 연결해 누구나 접근 가능한 사이트를 하나 갖고 있어야합니다. 이 때, 필요한 것이 바로 Netlify.. 2024. 12. 24.
[1년 후 마실가실] Spring Security - UserDetailsService 1년 전 진행했던 마실가실 프로젝트를 🛠️리팩토링하며 정리한 내용입니다. Security는 끝날 때까지 끝난 게 아닙니다..지금은 그간 놓치고 있던 오류 처리를 해주고 있습니다. 회원 탈퇴 기능을 추가하면서 User 테이블에 IsUsed를 선언해서 flag 처럼 사용하고 있습니다.이제 탈퇴한 회원은 조회가 되면 안되기에 검색 로직에서 IsUsed를 추가해주고 로그인을 테스트해본 것이 가까워진 Security와 멀어진 계기가 되었죠.. 멀어진 Security와 다시 가까워지기 위한 노력을 정리해 보았습니다.. 자.. 이제 문제가 뭐였느냐..회원 정보가 없을 때, 제가 Throw한 Exception과 전달받은 Exception이 달랐습니다.. 준 적이 없는데 누군가는 받은 셈.. LoginFilter.ja.. 2024. 11. 29.
[해결 방법] no suitable constructor found for Jackson2JsonRedisSerializer(Class<CAP#1>) EnvironmentLanguage: Java17Framework: SpringBoot 3.1.0 오류constructor Jackson2JsonRedisSerializer.Jackson2JsonRedisSerializer(Class) is not applicable(argument mismatch; Class cannot be converted to Class)constructor Jackson2JsonRedisSerializer.Jackson2JsonRedisSerializer(JavaType) is not applicable(argument mismatch; Class cannot be converted to JavaType)where T is a type-variable: T extends Ob.. 2024. 11. 24.
[1년 후 마실가실] SonarQube와 Immutable List 1년 전 진행했던 마실가실 프로젝트를 🛠️리팩토링하며 정리한 내용입니다. (이미지와는 크게 상관없는 내용인데, 귀여워서 넣어봤습니다.) 여러분은 모르셨겠지만, 최근에 얼추 갖춰진 회원 CRUD가 끝났습니다.. 야호..아직도 수정해야할 건 산더미이긴 하지만, 부담갖지 않고 해보고싶은 것들, 궁금한 것들을 위주로 리팩토링을 하자,, 라고 마음을 다지고 있습니다🚀. 지금은 큰 산이라고 생각한 이미지를 시작해보기 전에 코드를 좀 다듬는 중입니다. 그래서 이번에는 조금 간단한 내용으로 정적분석도구 SonarQube를 어떻게 쓰고 있는지를 짧게 남겨보고자 합니다. SonarQube 사용하기 GlobalExceptionHandler.java@Slf4j@RestControllerAdvicepublic class G.. 2024. 11. 22.