본문 바로가기
300x250

Web/JavaScript8

[Vue] should always be multi-word vue/multi-word-component-names 에러 해결 방법 Vue에서는 컴포넌트의 이름을 단일 단어가 아닌 두 개 이상의 단어를 조합하여 만드는 것을 추천한다고 합니다. 이유는 HTML의 요소와 혼동을 일으킬 수 있는 요소가 발생할 수 있어서 그렇다고 합니다. ESLint를 설치한 경우 단일 단어로 입력했을 경우 에러를 발생시킵니다. 예를 들어 Menu.vue와 같이 작성 했을 경우 에러가 발생하며 TitleMenu.vue로 작성 했을 경우 에러가 발생하지 않습니다. ESLint를 설치한 상황에서 단일 단어로 입력해도 에러가 발생하지 않도록 하는 방법에 대해 알아보도록 하겠습니다. ESLint란? ESLint란 ES + Lint의 합성어 입니다. ES 는 표준 자바스크립트(ECMA Javascript)를 말합니다. Lint란 에러가 있는 코드에 표시를 달아두는 .. 2023. 4. 16.
[JQUERY] HTML 태그에 CLASS 추가하기. HTML 태그에 CLASS 추가 하기 입니다. 아래와 같은 HTML이 있다는 가정하에 아래의 P 태그에 CLASS 추가하는 스크립트 입니다. 테스트 입니다. 아래와 같은 방법으로 클래스를 추가, 삭제 할 수 있습니다. // 클래스 추가하기 (띄어쓰기로 여러개 가능) $("#input_id").addClass("class_name1 class_name2"); // 클래스 삭제하기(띄어쓰기로 여러개 가능) $("#input_id").removeClass("class_name1 class_name2"); // 클래스 모두 삭제하기 $("#input_id").removeClass(); 아래와 같이 작성합니다., $("#answer").addClass("answer"); 위의 코드가 반영되면 아래와 같이 됩니다... 2021. 9. 22.
[JavaScript] 네이버 아이디로 로그인(네아로) 커스텀 버튼 구현 네아로 SDK 에서 제공되는 샘프르 소스는 아래의 id와 연동 되어 있습니다. 새로 생성하는 커스텀 버튼에 위의 ID를 입력하게 되면 커스텀 이미지가 사라지고 네이버 기본 이미지만 출력됩니다. 커스텀 버튼을 사용하려면 아래와 같이 변경하면 됩니다. 네이버ID로 로그인 2021. 6. 28.
[JavaScript] 카카오 아이디로 로그인, 로그아웃 구현 카카오톡 아이디로 로그인, 회원 가입 하는 소스 입니다. 로그아웃은 네이버와 동일하게 세션 초기화 하는 방법을 사용합니다. Kakao Developers 에서 애플리케이션 추가(웹사이트) 및 자바스크립트 키를 확인합니다. 네이버 로그인과는 다르게 별도의 CallBack 페이지가 없습니다. [login.html]: 카카오톡 로그인 페이지 소스 입니다. [logout.html]: 카카오톡 로그아웃 입니다. function Logout(){ sessionStorage.clear(); } 2021. 6. 27.
300x250