배워가는블로거

■ HTML - 리스트 태그 (ul, ol, dl)오늘은 간단하게 html에서 사용하는 리스트 태그에 대해 정리하겠습니다.크게 , , 태그 3가지에 대해 정리하겠습니다.● 태그ul태그는 unordered list의 약자입니다. 즉 순서가 필요없는 리스트를 뜻하는 태그죠.사용 예시를 보면 이해가 더욱 쉬울 것 같네요. 리스트1 리스트2 ● 리스트1● 리스트2위의 ul 태그의 기본 type은 disc로 ●마크가 표기되는게 보이시죠.총 3가지 type이 존재합니다.- ● : disc- ○ : circle- ■ : square● 태그ol태그는 ordered list의 약자입니다. 즉 순서가 있는 리스트를 뜻하는 태그죠.여러 타입을 활용하여 순서가 있는 리스트를 표시해줍니다. 리스트1 리스트2 1. ..

■ CDATACDATA란 무엇인지에 대해 간략히 정리하겠습니다.● CDATA 정의CDATA는 보통 javascript에서 아래와 같이 사용하는데요.저 사이에 코드가 들어가게되죠.그럼 이 CDATA는 무슨 의미를 뜻할까요?MSDN (MS Developer Network)에 정의된 CDATA Sections는 다음과 같습니다.CDATA sections provide a way to tell the parser that there is no markup in the characters contained by the CDATA section. This makes it much easier to create documents containing sections where markup characters might..

■ jQuery 셀렉터 jQuery의 셀렉터에 대해 정리하겠습니다. 셀렉터 가장 기본적이고 중요한 개념입니다. 셀렉터 문자는 문서 내에서 어떠한 것을 선택하여 사용할지 정하는 것인데요. 수 많은 종류가 있지만, 가장 중요하고 빈번하게 사용되는 셀렉터 위주로 정리하겠습니다. ● 태그 셀렉터html 문서 내 태그를 선택합니다. 예를들어, ... 태그를 선택할 경우 사용되는데, 아래와 같습니다. 모든 예는 해당 셀렉터를 사용하여 클릭 이벤트를 발생하는 모습으로 하겠습니다. $("p").click(function(){ ... }); ● ID 셀렉터html 태그 중 id 값을 가진 요소를 선택하는데요. 그중 특정 id값을 직접 입력하여 선택할 수 있습니다. #문자를 사용하는데요. ... 인 경우 해당 셀렉터 사용..

■ Bootstrap - Grid SystemBootstrap에서는 반응형 웹 페이지를 쉽게 만들도록 도와줍니다.그리드 시스템은 웹 페이지를 최대 12컬럼으로 나누어 배열할 수 있도록 도와줍니다.특히 웹 페이지의 크기에 따라 (모바일, 태블릿, pc 등) 반응형으로 동작하게 해줍니다.그렇다면 Grid System을 어떻게 사용하는지 정리하겠습니다.● 컬럼 종류그리드 시스템에는 기본적으로 4가지 종류의 컬럼이 있습니다.그리고 보통 이는 태그를 사용하여 표현하게 됩니다. 먼저 4개 컬럼부터 보겠습니다.가장 잘 사용하는 것이니 그 크기를 알아두면 좋습니다.NameClass prefixpxExtra small.col-xs-*768px 이하Small.col-sm-*768px ~ 992pxMedium.col-md-..

안녕하세요. IT 기타 여러가지 유용한 정보를 모아서 정리해보려 합니다. 첫 번째는 JSTL 관련인데요.■ JSTL의 core library core library는 c.tld 파일 내에 잘 정리되어 있긴 하지만... 예시와 함께 정리해보겠어요 틀린부분이 있다면 지적해주세요. (환영합니다)Name Description c:out ● 객체를 화면에 출력● value = 변수명● default = 기본 값● excapeXml = true | false // true경우 &’”문자가 &It;, >, &, ', " ● 예시