삽질로그

프로젝트에서 성능 이슈가 계속 발생해서 Redis 캐싱을 적용해보기로 했다.생각보다 전략이 다양했다.정리해보자.캐싱 전략들전략 설명 장점 단점 사용 시기Cache-Aside애플리케이션이 직접 캐시 관리필요한 데이터만 캐싱, 장애 격리첫 요청 느림, 복잡한 코드읽기 중심 애플리케이션Write-Through캐시와 DB 동시 저장데이터 일관성 보장쓰기 성능 저하일관성이 중요한 시스템Write-Behind캐시 먼저, DB는 나중빠른 쓰기 성능데이터 손실 위험고성능 쓰기가 필요한 경우Read-Through캐시가 DB 조회 대행간단한 애플리케이션 코드캐시 의존성 증가읽기 패턴이 단순한 경우실제로 써본 Cache-Aside 패턴@Servicepublic class UserService { @Autowir..

액세스 토큰 (Access Token)액세스 토큰은 사용자가 인증된 후 서버에서 발급받는 토큰으로, 주로 짧은 유효 기간을 가짐이 토큰은 사용자가 서버에 요청을 보낼 때마다 포함되어,서버가 사용자의 권한을 확인하고 요청을 처리하는 데 사용리프레시 토큰 (Refresh Token)리프레시 토큰은 액세스 토큰의 유효 기간이 만료되었을 때,새로운 액세스 토큰을 발급받기 위해 사용되는 토큰리프레시 토큰은 보통 엑세스토큰보다 더 긴 유효 기간을 가지며,사용자가 다시 로그인할 필요 없이 지속적인 인증을 제공하는 역할을 함. 작동 원리로그인: 사용자가 로그인하면 서버는 액세스 토큰과 리프레시 토큰을 동시에 발급토큰 저장: 클라이언트는 액세스 토큰과 리프레시 토큰을 쿠키, 세션 또는 웹 스토리지에 저장 (또는 리프레시..

웹 모바일 페이지를 작업하다가 연락처 기입하는 칸에 숫자 키패드가 바로 나오게 해달라는 요청이 있었다. 일단 기본적으로 이렇게 input 타입을 number 로 주면 안드로이드 폰에서는 숫자 키패드가 뜨는데 아이폰에서는 뜨지 않는다.

회원 가입 페이지 만들거나 할 때 전화번호 입력 시 숫자만 제한해서 입력 받아야 하는 경우가 있다. 간단하게 이렇게만 입력 하고 처리되면 좋은데 TEST input 태그 number 타입에는 maxlength 값이 먹지가 않는다. 이럴땐 js 함수를 사용해서 같이 작업 해준다. 숫자제한 입력 : 대략 maxlength 보다 길이가 클 경우 잘라버린다는 뜻이다. input text 타입에 숫자만 입력 하고 싶은 경우에는 이렇게 정규식으로 숫자만 적용되도록 기입하면 된다. 다만 모양은 이런식으로 표현되니 참고 해야함! 여기에는 그대로 maxlength가 먹는다 TEST

태그는 페이지 이동을 도와준다 그런데 이 태그에 onclick 함수를 사용해야 하는 경우가 있음 a 태그 사용 시 onclick 실행 후 자꾸 새로고침이 되어서 곤란했던 경우가 있었다.. 클릭테스트 이런 식으로 a 태그 href 속성에 아무것도 기입하지 않으면 onclick 함수를 탄 후 계속 새로 고침이 된다. a 태그 속 href 속성이 비어 있으면 자기페이지로 계속 이동을 시키기 때문! 클릭테스트 클릭테스트 클릭테스트 href 속성에 이렇게 명시를 해주면 새로고침되지 않고 클릭 이벤트만 발생된다. * href="#" 앵커를 사용하면 상단으로 이동함