패키지

javascript의 JSON.parse()와 JSON.stringify 사용법자바스크립트의 메소드 중에는 JSON.parse()와 JSON.stringify()가 있다. (JSON으로는 주로 웹서버와의 데이터를 교환할 때 쓰인다.) JSON.stringify 란 stringify 메소드는 JSON 객체를 String 객체로 변환시켜준다. 어떻게 구성되었는지 알아야, 뽑아낼 수 있다. node js 프로젝트 중 이미지를 업로드 후 params 를 받는데 stringify로 어떻게 구성되었는지 확인해보았다.12345678910User.prototype.selectTestQuery = function (params, err){ console.log(JSON.stringify(params)); var name..

HTML 목록 요소HTML에서 빈번히 쓰이는 목록 요소로서, ul요소, ol요소 가 있다. ol과 ul요소의 하위에는 반드시 li요소가 나온다. 그 이외의 요소가 들어가면 유효한 HTML문서가 아니다. ul(Unordered list) - 순서가 중요하지 않은 목록ex) 선호도나 순서에 무관하게 친구를 나열하고자 한다.마크업12345친구 홍길동 이몽룡cs출력 ol(Ordered list) - 순서가 중요한 목록ex) 등수를 (rank) 표현하고자 하거나 가장 좋아하는 음식을 순서대로 꼽는다.마크업12345등수 홍길동 이몽룡cs출력p p요소는 'Paragraph'의 약자로 '단락'의 뜻. 목록 안에 다른 요소들 나타내기li 태그 안에는 p요소, h1요소 등 다양한 요소가 담길 수 있다.마크업12345678..

jQuery - each() 메서드 jQuery를 사용해 배열을 관리하고자 할 때 each() 메서드를 사용할 수 있다.each() 메서드는 매개 변수로 받은 것을 사용해 for in 반복문과 같이 배열이나 객체의 요소를 검사할 수 있는 메서드이다. each()메서드는 다음과 같은 두 가지 타입이 있다.123456789// jQuery 유틸리티 메서드$.each(object, function(index, item){ }); // jQuery 일반 메서드$(selecter).each(function(index, item){ });Colored by Color Scriptercs $.each()$.each()메서드는 object와 배열 모두에서 사용할 수 있는 일반적인 반복 함수.length 속성을 갖는 배..

* HTML FormThe HTML element defines a form that is used to collect user input:Form elements are different types of input elements, like text fields, checkbox, radio buttons, submit buttons, and more. HTML폼은 웹사이트 또는 어플리케이션이 서로 상호작용하는데 있어 중요한 기술 이다.폼은 사용자가 웹사이트로 데이터를 전송하는 것을 허용한다.(폼을 디자인 할때는 사용자 경험(UX)의 관점에서 반드시 필요한게 무엇인지 생각하며 간단히 유지하는게 좋다.) 속성(Attribute)폼을 동작시키기 위해선 일부 속성들을 지정해야 한다. 선택적인 여러 속성중에 ..

HTML ?HTML 이란 Hyper Text Markup Language 의 약자로써 월드와이드웹 문서를 작성하는 Markup Language 입니다. HTML 은 여러 태그들로 구성되어 있으며 각 태그들을 사용하여 원하는 형태의 문서를 만들어 갈 수 있습니다. (구글) * HTML ElementsAn HTML element usually consists of a star tag and end tag, with the content inserted in betweenContent Strat tagElement content End tag test element heading indicates a line break. HTML elements with no content are called empty el..

래퍼(wrapper)란? jQuery(엘리먼트 오브젝트 | 'css스타일 선택자')노란색 표시 부분이 래퍼, 인자로 전달된 요소들에 jQuery의 기능성을 부가해서 반환. 레퍼의 안전한 사용$(엘리먼트) 와 jQuery(엘리먼트)는 같은 의미이지만 $를 사용하는 다른 라이브러리들과의 충돌 때문에 다음과 같은 방법을 사용한다 제어 대상을 지정하는 방법- jQuery(selector, [context])- jQuery(element) 1234567891011121314151617181920212223242526272829 test2 test (function($){ $('ul.foo').click( function() { /* 여기서 this는 foo라는 class값에 있는 li태그부분을 가르킴 래퍼의 ==..

jQuery ?!1) javascript의 생산성을 향상시켜주는 자바스크립트 라이브러리*. jQuery를 이용하면 순수한 자바스크립트로 코딩하는 것보다 10배 이상의 생산성을 높힐 수 있다.2) DOM*을 내부에 감추고 보다 쉽게 웹페이지를 조작할 수 있도록 돕는 도구이다. jQuery라이브러리*는 DOM의 요소나 요소집합에 빠르고 쉽게 접근할 수 있게 해준다는 장점이 있다. jQuery를 사용하기위해서는 jquery.js, jquery.min.js라는 문서가 필요하다. jQuery를 html에 넣기 위한 두 가지 방법이 있다.1. jQuery.com 에서 다운받아 자신의 서버에 업로드 하기.2. jQeury 의 최신 버전을 삽입하기 위해 구글이 호스팅 하는 CDN을 사용하기.jQuery 홈페이지에서 다..

XSS 란?![Cross-site Scripting.]SQL injection과 함께[1] 웹 상에서 가장 기초적인 취약점 공격 방법의 일종으로, 악의적인 사용자가 공격하려는 사이트에 스크립트를 넣는 기법을 말한다. 공격에 성공하면 사이트에 접속한 사용자는 삽입된 코드를 실행하게 되며,[2] 보통 의도치 않은 행동을 수행시키거나 쿠키나 세션 토큰 등의 민감한 정보를 탈취한다. 크로스 사이트 스크립팅이란 이름 답게, 자바스크립트를 사용하여 공격하는 경우가 많다. 공격 방법이 단순하고 가장 기초적이지만, 많은 웹사이트들이 XSS에 대한 방어 조치를 해두지 않아 공격을 받는 경우가 많다. 여러 사용자가 접근 가능한 게시판 등에 코드를 삽입하는 경우도 많으며, 경우에 따라서는 메일과 같은 매체를 통해서도 전파된..

참조 블로그 : http://aboooks.tistory.com/335 요소박스 구성 content - 내용 영역 padding - 내용과 border사이의 여백(내부) border-선 margin-border와 바깥과의 여백 (외부) width 속성 : 요소의 너비를 설정할 때 width 속성을 쓰는데, 이 때 width는 content영역만을 의미한다. (padding, border, margin을 포함하지 않음) >속성값 auto : 기본값, 브라우저가 계산한 너비(길이값 -px,cm,in,em) 등 % : 부모 요소에 상대적인 너비 (부모 요소가 500px일 때 50%fkaus 250px) initial : 기본값으로 초기화 inherit : 부모 요소로부터 상속 받은 값 ex)html div w..

position :레이아웃 배치, 객체를 위치시킬 때 사용할 수 있는 속성 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 웹 페이지의 포인트 화면 부분이 익스 8,9일 때와 익스 10,11일 때가 맞지 않았다. 원인) 디버깅 화면을 통해 본 결과,,/해결방법 1. padding에 px단위에 적혀 있지 않았다. 2. 빨간줄이 뜬 에러부분을 해결하지 않았다. (에러나면 그 부분은 화면에 적용이 안된다) 3. position을 준다. 해당 jsp클래스에 위의 사항을 전부 적용해 주니 잘 해결되었다. +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ - position : static 초기값으로..

table 중앙 정렬 하기 1.width값을 설정 2. margin:auto 혹은 margin-right; margin-left:auto;로 설정 3. auto를 쓰려면 doc type(문서타입)을 선언해야 함. 월요일 화요일 수요일 text-align : block 요소 안에 있는 inline 요소를 정렬. text-align:left 왼쪽 정렬 text-align:right 오른쪽 정렬 text-align:center 중앙 정렬 text-align: justify 왼쪽과 오른쪽 열에 맞추어 화면을 늘어뜨림 ■ td 에서의 수평 정렬 : 해당 td 내에서의 내용물의 align 디폴트(align=left) align=center align=right 참조 블로그 : http://aboooks.tistor..

데이터 송수신 테스트클라이언트가 작성한 데이터를 서버로 전송하고, JSP 프로그램을 통해서 수신하는 과정.POST, GET 방식 전송 방법중 하나를 선택. //송신 //********* 클라이언트가 입력한 데이터를 서버로 전송하는 액션 전용 버튼. 대체 수단으로 Javascript에서 submit() 메소드를 이용할 수 있다. //수신name="식별자 속성은 서버에서 데이터 수신시 식별자로 사용한다. 예를 들어,String 변수 = request.getParameter("식별자"); //클라이언트가 보낸 명령어 수신. 내장 메소드 [request] **요청페이지와 수신 페이지가 나뉜다. 실행은 반드시 요청페이지로 실행한다. 주의) 사용자가 현재 페이지를 직접 호출하면 안된다. // 2. 사용자가 전송한 ..