[Vue.js 3] 비밀번호 보기/숨기기 기능 구현(3항연산자 활용)
일단 로그인 화면을 만들었음 여기서 안 보이는 비밀번호가 보여기게 하려면 눈 모양 버튼을 클릭했을 때 비밀번호 input type="password"에서 type="text"로 바뀌면 됨. 덤으로 버튼 이미지도 바꿔줄거임. script 코드 작성 ref와 reactive 차이는 알거라 생각함. 모르면 구글링 ㄱㄱ 이렇게 Bool 값이 변경되도록 했다면 template 코드 일부 수정함 이렇게 작성하고 눈 모양 버튼을 클릭하면 눈 모양 버튼 이미지도 바뀌고 글자도 보여지게 됨. 참 쉽죠?
설치 npm install --save swrv 2. 파일명.vue에 사용해보기 이렇게 하면 콘솔창에 받아온 데이터가 보이게 된다. ※ 주의 ※ 이 상태로 새로고침을 하면 이상이 없는데 console.log(data.value)로 변경 후 새로고침하면 undefined 나온다. setTimeout(() => { console.log(data.value); }, 230); 이렇게 했을 때 콘솔이 정상 출력되는 것 보면 데이터 받아오는 시간보다 console 출력이 더 빠른 것으로 생각된다. 이건 데이터 받아올 때 까지 기다려야 할 것 같다. 참고 링크 : https://github.com/Kong/swrv/issues/105
[Vue.js] npm ERR! Unexpected and of JSON input while parsing near '...
vue create test로 프로젝트 하나 만들려고 하니 이런 에러와 조우했다. 처음 보더라도 마치 오랜만에 만난 친구를 대하듯 침착하게 구글한테 물어보자. npm 버그 발생한 것 같다며 캐시 한 번 정리하라고 한다. 그리고 다시 vue create test를 하자. 한 번 설치하려고 시도했던 덕에 폴더가 있어서 덮어쓸건지 물어보길래 그냥 덮어쓰겟다고 했다. 그리고 마저 진행하면 완료된 듯 하다. 폴더도 확인해보자! 끝!