본문 바로가기

전체보기119

참고 사이트 MDN - web API 참조용 developer.mozilla.org/ko/ MDN Web Docs MDN 웹 문서 사이트는 HTML, CSS, 및 웹 사이트와 프로그레시브 웹 앱을 위한 API를 포함한 오픈 웹 기술에 대한 정보를 제공합니다. 또한 Firefox 개발자 도구와 같은 Mozilla 제품을 위한 개발자 지향 문 developer.mozilla.org ECMAScript6 문법정리 itstory.tk/entry/JavaScript-ES6-%EB%AC%B8%EB%B2%95-%EC%A0%95%EB%A6%AC [JavaScript] ES6 문법 정리 ECMAScript 6 이 문서는 https://github.com/lukehoban/es6features 를 번역한 내용입니다. 번역 문서를 읽는.. 2020. 7. 30.
자바스크립트 토글 하는 방법 ==js== const toggleBtn = document.querySelector(".navbar_toggleBtn"); //toggleBtn 이라는 변수에 //document.querySelector 를 이용해서 //html 안에있는 클레스 로드중에 .navbar_toogleBtn라는 클레스가진 아이를 찾아서 //toggleBtn에 연결시켜주는것이다. const menu = document.querySelector(".navbar_menu"); const icon = document.querySelector(".navbar_icon"); toggleBtn.addEventListener("click", () => { //toggleBtn이 클릭될때마다 이벤트를 처리 //click이 될떄마다 지금 우리.. 2020. 7. 4.
css 변수선언 및 적용 css :root { --txt-color: #eee; } a{ color: var(txt-color); } 2020. 7. 4.
css 반응형에 어울리는 탑버튼 자동 정렬 1. display: flex; justify-content: space-between;2. text-align: -webkit-match-parent; 먼저 감싸야할 엘리먼트가 속성(1)을 부여하고 엘리먼트 안에 정렬할 테그나 엘리먼트에 속성(2)을 부여하면 적용된다. 예) 1234 2018. 2. 2.