프론트엔드
-
로그인 구현중 input태그에 type="password" 에 눈 모양 없애기(edge 브라우저)프론트엔드 2022. 9. 3. 01:01
리액트에서 프로젝트 중 비밀번호 표시를 다른 아이콘으로 사용하고자 없애기 위해 많은 구글링을 통해서 적용하였다. 휴.. 자료가 별로 없어서 꽤나 찾기 힘들었다 또한 내가 적용한 방법은 첫 번째였는데 나머지는 리액트로 style component를 사용하고 있어서 그런지적용이 안됐다. 나처럼 이 기능을 원하는 분이 계실 것 같아서 남겨본다^^ css에 이걸 가져다 붙이면 끝이다 ::-ms-reveal { display: none; } [내가 적용한 방법은 가장 짧은 1번째 코드 ] input[type="password"]::-ms-reveal, input[type="password"]::-ms-clear { display: none; } input::-ms-reveal, input::-ms-clear { ..
-
Axios 요청 중 Interceptor프론트엔드 2022. 8. 30. 20:02
Interceptor란? REST API 요청에서의 공통작업 모든 사용자들에게 오픈되어 있는 API요청도 있겠지만 많은 API들이 OAuth2 인증 후 발급받는 Access token 을 Http Header에 담아 API 접근을 하도록 요구한다. 그렇다면 일일히 API 요청할 때 Access token을 담는 작업을 해야하는 상황이 오게 된다. 이러한 상황에 적용할 수 있는 Pattern이 바로 Intercepter다. Interceptor 이름그대로 사용자의 요청을 가로채는 역할을 한다. 조금 더 세부적으로는 then이나 catch로 처리되기 전에 요청이나 응답을 가로챌 수 있다. 따라서 이를 이용하면 Axios를 이용해 API로 통신할 때 항상 사용하는 baseURL이나 headers와 같은 부분을..