CheolCheol Dev Note

{{item.label}} 같이 사용 select 나 click이 아니라 change 이벤트 사용해야함

기존 CSS 문법에 SASS문법을 섞은 것이며, SASS 컴파일러로 그대로 컴파일 될 수 있다 기본문법 – 셀렉터 지정 및 속성 작성SCSS의 기본문법은 기본적으로 CSS 기본 문법을 그대로 적용하고, 여기에 SASS 식의 치환가능한 요소들을 추가할 수 있다. 기본룰은 다음과 같다. 기본틀은 CSS 문법과 동일하다. 셀렉터를 쓰고 { .. } 블럭안에 속성:속성값; 의 형태로 속성들을 정의할 수 있다. nested block을 적용할 수 있다. //을 이용해서 라인단위로 주석처리를 할 수 있다. 셀렉터 네스팅특정 선택자 내에는 속성 정의만 들어오는 것이 아니라, nested된 속성 정의 블럭이 들어올 수 있다..entry-content { p { font-size: 9.814rem; } }// compi..

IE에서는 event listeners를 붙이거나 없앨 때, addEventListener/removeEventListener 대신에, attachEvent/detachEvent를 쓴다. IE에서는 event 이름의 형식이, event가 아닌, onevent 형식을 쓴다. IE에서는 event object를 해당 listener의 한 전달 변수(argument)로 돌려주지 않아서, 대신 global event 변수를 써서 접근해야 한다. event 발생시 기본적으로 주어진 action이 실행되는 것을 막으려면 preventDefaultmethod를 쓰는 것이 정석이지만, IE에서는 event object의 returnValue 속성 값을 false로 지정해 주어야 한다. IE는 event 전달 과정(pr..

현재 웹 페이지가 어떤 웹 브라우저로 열렸는지 확인하려면 간단히 userAgent값을 확인하면 됩니다. userAgent 값에 브라우저를 구분하는 고유의 값들이 들어 있습니다. 예를 들면 현재 페이지가 구글 크롬(Chrome)에서 열렸는지 체크하려면 다음과 같이 작성합니다. var agent = navigator.userAgent.toLowerCase(); if (agent.indexOf("chrome") != -1) { alert("크롬 브라우저입니다."); } 사파리나 파이어 폭스 역시 다음과 같습니다. if (agent.indexOf("safari") != -1) { alert("사파리 브라우저입니다."); } if (agent.indexOf("firefox") != -1) { alert("파이어폭..

http://json.parser.online.fr