본문 바로가기
300x250

Web26

[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.
[JavaScript] 네이버 아이디로 로그인(네아로) 로그아웃 구현 네이버 아이디로 로그인 구현 시 네이버 개발자센터에서 네이버 아이디로 로그인 - INTRO (naver.com) 에서 웹사이트를 등록 후 클라이언트 ID를 발급 받아야 합니다. 발급 완료 후 아래의 코드를 작성합니다. [login.html]: 로그인 페이지 입니다. [callback.html]: 콜백 페이지 입니다. 네이버 로그아웃은 직접 만들어야 한다고 나옵니다. 유저 아이디를 세션에 저장하였기에 네이버 로그아웃은 세션을 지우는 것으로 처리하였습니다. [logout.html]: 로그아웃 페이지 입니다. function Logout(){ sessionStorage.clear(); } 2021. 6. 27.
300x250