개발노트

HTML5에서 도입된 data-* 속성은 웹 개발자들에게 웹 페이지의 HTML 요소에 추가 정보를 저장할 수 있는 유연한 방법을 제공합니다. 이러한 사용자 정의 데이터 속성은 JavaScript를 통해 쉽게 접근하고 조작할 수 있으며, CSS에서도 일부 사용 사례에 활용될 수 있습니다. data-* 속성이란? data-* 속성은 HTML 요소에 고유한 정보를 저장하기 위해 설계되었습니다. 이 속성의 이름은 data- 뒤에 사용자가 정의하는 이름으로 구성됩니다. 예를 들어, data-id, data-role 등과 같이 사용할 수 있습니다. 속성 읽기 // HTML 요소에서 data-* 속성에 접근하기 const element = document.querySelector('#myElement'); const..

Project > Add Folder to Project...

미디어 쿼리(Media Queries) - 컴퓨터나 기기의 환경 또는 종류를 감지하여 웹사이트를 변경하는 기술 - 기기의 종류뿐만 아니라 해상도, 비트 수, 가로, 세로 여부 등을 감지할 수 있는 기술 (CSS3의 속성) @media [only 또는 not] [미디어 유형] [and 또는 콤마(,)] (조건문) {실행문} /* @media : 미디어 쿼리 문법의 시작 [only 또는 not] : not 다음에 오는 조건 부정 ex) not tv = tv를 제외한 모든 미디어 유형 [and 또는 콤마(,)] and: 앞뒤 조건이 모두 참일때 콤마(,): 두 조건중 하나라도 참일때 (조건문): 조건문이 참일때 뒤의 실행문 실행 {실행문} :앞의 조건들이 참일때 실행되는 실행문 */ /*사용 예시*/ @imp..

1. DAUM에서 제공하는 웹표준 정보 웹사이트 http://ui.daum.net/ 2. NAVER에서 제공하는 웹표준 정보 웹사이트 http://nuli.navercorp.com/ 3. 나라디자인 블로그의 UI개발가이드 페이지 http://naradesign.net/open_content/lecture/wp/ http://naradesign.net/wp/ 4. 웹 접근성 연구소 http://www.wah.or.kr/ 5. w3schools.com http://www.w3schools.com/ 6. Emmet http://emmet.io/ http://docs.emmet.io/cheat-sheet/ 7. 반응형 웹사이트 모음 http://mediaqueri.es/ 8. 부트스트랩 사이트 http://bo..

특수 문자 코드표 http://egloos.zum.com/keep/v/1030642 자판 기호 http://tip.daum.net/question/50228047 파일 확장자 (jpg 설명 등) http://blog.naver.com/PostView.nhn?blogId=misterryu&logNo=110143796002 HTML 슬라이드 http://www.slideshare.net/guruguru/html5-on-mobile http://html5.firejune.com/#slide23 CSS 선택자 우선 순위 http://circlash.tistory.com/570 인터넷 트랜드 http://xguru.net/ 윈도우 ISS http://studyforus.tistory.com/259 HTML 용어 ..