개발노트

HTML의 태그는 기본적으로 클릭하면 href 속성에 정의된 URL로 이동하는데 브라우저는 새 페이지를 로드하거나 새 탭을 연다( 태그의 target="_blank" 속성은 링크를 새 탭에서 열도록 지시) [중복 동작의 원인] : 한 번의 클릭으로 탭이 2개가 열리는 현상이 발생 했다. 1) 태그가 클릭되면서 href 속성을 따라 URL을 새탭으로 열기2) js의 이벤트로 comm.sso.goEbookLink(url);

meta 태그 - 웹 서버와 웹 브라우저간에 상호 교환되는 정보를 정의하는 데 사용 - 사이에 사용하는 특수 태그 - 디자인에는 전혀 영향을 미치지 않고 문서가 어떤 내용을 담고 있고, 문서의 키워드는 무엇이며, 누가 만들었는지 등의 문서 자체의 특성을 설명 → 문서에 대한 설명하기 위해 사용하는 태그이다. 속성 - http-equiv, name, content 3가지 속성 /* 웹 브라우저가 서버에 명령을 내리는 속성으로 name 속성을 대신하여 사용 가능 */ http-equiv="항목명" /* meta 정보의 내용을 지정 */ content="정보값" /* meta 정보의 이름 지정 (지정하지 않을 경우, http-equiv 와 같은 기능 */ name="정보 이름" 종류 한글 폰트 지정 // 한글..

label 태그 : 사용자 인터페이스(UI) 요소를 정의할 때 사용 for 속성 : 다른 요소와의 결합을 위해 사용 // 축구 https://m.blog.naver.com/PostView.naver?isHttpsRedirect=true&blogId=haakuz&logNo=221341716499 label for란? label for? : label 태그는 input 태그를 제어하여 상태를 변경하게 도와주는 태그... blog.naver.com http://www.tcpschool.com/html-tags/label 코딩교육 티씨피스쿨 4차산업혁명, 코딩교육, 소프트웨어교육, 코딩기초, SW코딩, 기초코딩부터 자바 파이썬 등 tcpschool.com

size 속성 : 화면에 몇 글자까지 보여줄지 결정 - 텍스트 필드의 길이에 영향 maxlength 속성 : 최대 길이 지정 minlength 속성 : 최소 길이 지정 https://devjhs.tistory.com/568 [html5] size,maxlength,minlength - 길이, 최대 글자 수, 최소 글자 수 1. 개념 size,maxlength,minlength - 길이, 최대 글자 수, 최소 글자 수 size : 텍스트 필드 , 비밀번호 필드 , 검색 필드와 같이 한 줄로 입력되는 필드에서 화면에 몇 글자까지 보여지게 할지 지정 maxlength : devjhs.tistory.com

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

HTML 주석 - 웹 브라우저에서는 표시가 되지 않음. - 소스보기에서는 표시가 됨. JSP 주석 JAVA 주석 // 한 줄 주석 /* 주석(여러 줄에 걸친 주석) */

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 용어 ..