[Vue.js 3] 비밀번호 보기/숨기기 기능 구현(3항연산자 활용)
일단 로그인 화면을 만들었음 여기서 안 보이는 비밀번호가 보여기게 하려면 눈 모양 버튼을 클릭했을 때 비밀번호 input type="password"에서 type="text"로 바뀌면 됨. 덤으로 버튼 이미지도 바꿔줄거임. script 코드 작성 ref와 reactive 차이는 알거라 생각함. 모르면 구글링 ㄱㄱ 이렇게 Bool 값이 변경되도록 했다면 template 코드 일부 수정함 이렇게 작성하고 눈 모양 버튼을 클릭하면 눈 모양 버튼 이미지도 바뀌고 글자도 보여지게 됨. 참 쉽죠?
문자열 길이 제한을 두려고 함. 처음에는 정규표현식을 써야 하나 고민했는데 몇 자만 추가하면 되는거였음. maxlengthValid for text, search, url, tel, email, and password, it defines the maximum number of characters (as UTF-16 code units) the user can enter into the field. This must be an integer value 0 or higher. If no maxlength is specified, or an invalid value is specified, the field has no maximum length. This value must also be greater t..
[Vue.js] npm ERR! Unexpected and of JSON input while parsing near '...
vue create test로 프로젝트 하나 만들려고 하니 이런 에러와 조우했다. 처음 보더라도 마치 오랜만에 만난 친구를 대하듯 침착하게 구글한테 물어보자. npm 버그 발생한 것 같다며 캐시 한 번 정리하라고 한다. 그리고 다시 vue create test를 하자. 한 번 설치하려고 시도했던 덕에 폴더가 있어서 덮어쓸건지 물어보길래 그냥 덮어쓰겟다고 했다. 그리고 마저 진행하면 완료된 듯 하다. 폴더도 확인해보자! 끝!