Front-end
-
CSS – !important
!important 중복 적용이 나타났을때 해당 구문 이후의 CSS 적용을 무시
-
HTML – Table 태그 사용법
table 태그 tr – 테이블 내의 열 단위 태그 td – 테이블 내의 행 단위 태그 th – 테이블 내의 행 단위 태그 (font-weight : bold 옵션을 기본으로 가짐 – 보통 header 또는 footer에 사용) header content 특별한 옵션은 없지만 각 영역을 그룹화 할 때 용이 반드시 하나 이상의 tr 태그를 포함 종류 – thead, tbody, tfoot colgroup – 각 행 별로 그룹화하여 옵션을 부여할 때 사용할 수 있습니다. colspan – 행 병합 rowspan – 열 병합 사용 예시
-
CSS – border Option
Require Option border-width, border-color, border-style 필수 선언 옵션 위 3개의 옵션은 선언 시 반드시 필요합니다.아래와 같이 개별 선언하는 방법이 있고 border 옵션을 통해 일괄 선언하는 방법이 있습니다. 선언 코드 Option (border) 선언 코드 Syntax – <line-width> || <line-style> || <color> border-top border-bottom border-left border-right Option (border-style) 선언 코드 solid – 선 dashed – 긴 점선 dotted – 점선 double – 두 줄 표시 groove top, left 라인은 바깥에 음영을 주고 bottom, right 라인은 안쪽에 음영을 줘서 선에 움푹 패인 효과를 주게 됩니다 ridge top, left 라인은 안쪽에 음영을 주고 bottom, right 라인은 바깥에 음영을 줘서 선에 볼록한 효과를 주게 됩니다 inset – 안쪽 선 음영 (top, left) outset – 바깥…
-
JavaScript – IE, Safari Browser new date invalid date error
Safari browser와 IE 브라우저의 경우 JavaScript에서 date 메서드로 yyyy-mm-dd 형태를 포맷시 invalid date error 발생을 확인할 수 있습니다.date 메서드의 경우 yyyy-mm-dd 형태의 포맷을 지원하지 않기 때문에 발생하는 원인으로 아래 방법으로 해결할 수 있습니다. 해결방법 방법1 date 메서드에서 지원하는 공식적인 사용법을 사용합니다. 방법2 – 문자를 대체해줍니다 방법3 moment.js 라이브러리를 사용하여 date 메서드의 일관성을 성립할 수 있습니다.
-
jQuery – radio 정리
radio 값 확인 radio 속성 변경 radio 갯수 체크 radio 변경 감지
-
javascript – window.open
기본 문법 window.open(url, name, specs, replace) url – 이동할 url 지정 name – 생성된 팝업의 이름 _blank = 기본값, 새 창(o) _self = 새 창의 띄우지 않고 현재 창에서 이동 _parent = 부모 프레임에서 새 창 생성 (부모 프레임이 없다면 _self와 같음)ㄴ _top = 최상위 프레임에서 창 생성 (부모 프레임이 없다면 _self와 같음) 임의값 = 임의값이 창의 이름이 되고 새 창을 생성 specs channelmode = 전체 화면 여부 ( IE 동작 ) fullscreen = 전체 화면 여부 height = 창의 높이 width = 창의 넓이 left = window 상의 왼쪽에서의 거리 위치 값 top = window 상의 위쪽에서의 거리 위치 값 menubar = 메뉴바 사용 여부 resizable = 창의 사이즈 조절 가능 여부 (…
-
jQuery – checkbox 정리
출처 : [농사짓는 개발자] 님의 https://openlife.tistory.com/381 checkbox checked 여부 : id인 경우 $(‘input:checkbox[id=”checkbox_id“]’).is(“:checked“) == true name인 경우 $(‘input:checkbox[name=”checkbox_name“]’).is(“:checked“) == true name 인 경우에만 가능 checkbox 전체 갯수 – $(‘input:checkbox[name=”checkbox_name“]’).length checkbox 선택된 갯수 – $(‘input:checkbox[name=”checkbox_name“]:checked‘).length checkbox 전체 순회 하며 처리(동일한 name으로 여래개인 경우 전체를 컨트롤 할 수 있다.) checkbox 전체 순회 하며 값을 값을 비교하여 checked 처리 주의 : 동일한 name 으로 1개 or여러개 있을 경우에는 같은 name 으로 된 모든 checkbox 가 checked 처리된다. checkbox value 값 가져오기 : $(‘input:checkbox[id=”checkbox_id“]’).val(); //단일건 checkbox checked 처리 하기 : $(‘input:checkbox[id=”checkbox_id“]’).attr(“checked“, true); //단일건 checkbox checked 여부 간단 확인: $(“#checkbox_id“]’).is(“:checked“); //단일건 === Reference === 만약 해당 id, name이 존재하지 않더라도 javascript 에러가 발생하지 않는다.
-
jQuery – selectbox 정리
출처 : [Twinsnow] 님의 http://blog.daum.net/twinsnow/124 jQuery로 선택된 값 읽기 jQuery로 선택된 내용 읽기 선택된 위치 Add options to the end of a select Add options to the start of a select Replace all the options with new options Replace items at a certain index 지정된 index 값으로 select 하기 text 값으로 select 하기 value 값으로 select 하기 지정된 인덱스 값의 item 삭제 첫번째 item 삭제 마지막 item 삭제 선택된 옵션의 text 구하기 선택된 옵션의 value 구하기 선택된 옵션 index 구하기 SelecBox 아이템 갯수 구하기 선택된 옵션 앞의 아이템 갯수 선택된 옵션 후의 아이템 갯수 0번째 item 다음에 삽입 3번째 item 전에 삽입 select box 값이 변경될때 선택된 현재값