뉴히의 개발 로그

로그아웃은나는 별도 서버 없이 로그인시 localStorage에 유저 정보를 저장했다.localStorage에 유저가 있을시login  버튼은 logout으로 변경해주고로그아웃 클릭시 유저 정보 삭제와 메인으로 돌아가기if (localStorage.getItem("name")) { // login 버튼 변경 const loginButton = document.getElementById("login_button"); loginButton.innerHTML = "Logout"; // 로그아웃 const logoutButton = document.getElementById("logout_button"); logoutButton.addEventListener("click", fu..

네이버 개발자 센터 > application > 애플리케이션 등록 api 이용신청애플리케이션 이름 넣고 사용할 API 선택 (네이버 로그인)사이트에 필요하지 않은 정보까지 사용체크하면 검수시에 반려나니 사이트에서 보여지는 필요 정보들만 선택 서비스 URL 에 웹사이트 주소, callback URL에 로그인 완료후 보여질 페이지 URL 등록 모두 넣고 등록하세요!그리고login 페이지와 callback 페이지 작업https://developers.naver.com/docs/login/web/web.md Web 애플리케이션 - LOGIN네이버 로그인은 서버 사이드 언어인 PHP나 Java로 개발한 웹 애플리케이션에도 적용할 수 있습니다. 또한 프런트엔드에서 사용하는 JavaScript를 사용해도 적용할 수 ..

document.ready 개인과제 프로젝트를 하다가 바로 문제를 만나버림 왜애ㅐㅐㅐㅐㅐㅐㅐㅐㅐㅐㅐㅐㅐㅐㅐㅐㅐㅐㅐㅐ!!! addEventListner 오류는 상황마다 다르고 해결 방법도 다를 수 있겟지만 구글링해보면 여러 해결 방법들이 나와있다. 해결 1) script 코드가 상단 안에 있을경우 HTML이 다 읽히기도 전에 이벤트가 발생하기 때문에, 객체가 무엇인지, 그값을 알 수 없어서 오류가 발생하는 경우가 있다. 나같은 경우는 cardList가 null 값이 었고, script 소스 코드를 body 닫는 태그 위로 옮기니 바로 해결이 되었다. html 파싱 후에 script가 동작하니 깔끔히 해결되는 문제였던 것이다! 해결2) 이와같은 경우는 script를 상단에 두고도 해결이 가능하다. defer..

원래 제이쿼리에 조금 더 익숙했던 나 요즘은 바닐라자바스크립트를 쓴다고한다. 이유는 아무래도 jquery는 라이브러리기 때문에 용량이 크고 바닐라자바스크립트보다 느리다고한다. 초반에는 느렸던 javascript가 크롬을 만나면서 기술이 좋아지고 속도가 많이 향상되어 지금은 더 빠르기 때문에 jquery문법보다는 순수 javascript를 쓰는 추세라고 한다! 하지만, 직관적으로 보기 쉽고 이해하기 쉬운 코드는 jquery인것은 무시하지 못한다! $(document).ready(function(){ }); $(function(){ }); => window.addEventListener("DOMContentLoaded", function(){ }); window.addEventListener("load", ..

먼저, 추가로 알고가는! 왜 순수 자바스크립트를 바닐라 자바스크립트라고 헷갈리게 지칭하는지 찾아보았다 ㅎㅎ 바닐라 자바스크립트? 바닐라 자바스크립트(Vanilla JS)란 프레임워크 또는 라이브러리가 적용되지 않은 순수한 자바스크립트를 뜻한다. 왜 하필 바닐라(Vanilla)? 위키백과에 따르면 바닐라의 뜻은 다음과 같다. 바닐라는 향신료 중 하나로, 난초의 일종인 바닐라속에 속해 있으며, 원산지는 멕시코이다. 바닐라라는 이름은 스페인어 "Vainilla"에서 나왔으며 작은 꼬투리, 콩을 뜻한다. 뜻에서 유추할 수 있듯, 바닐라는 콩이라는 뜻으로 "핵심, 근본이 되는" 이라는 의미를 비유적으로 표현할 수 있다. 그러므로 바닐라 자바스크립트는 핵심이 되는 아무것도 포함되지 않은 순수 자바스크립트를 함축적으..