자바스크립트 함수 부분 function maelong() { $.ajax({ url : "http://ajax를 처리할 서버주소/처리하는 페이지", dataType : "jsonp", jsonp : "callback", data : $("#html에서 값들을 감싼 form의 id값").serialize(), contentType : "application/x-www-form-urlencoded;charset=UTF-8", success : function(d){ // 성공시 콜백함수 } }); } }serialize -> jquery에서 알아서 form안의 값들을 직렬화하여 담아준다. 또다른 예시 $.ajax({ type : "POST", url : "호출주소", data : { 키1:'값1', 키2:'..

버튼에 그라데이션과 자그마한 아이콘을 동시에 사용하고자 할 경우에는 다음과 같이 BackGround속성을 동시에 나열하면 가능하다. background: url("이미지주소") no-repeat 10% 50%, -webkit-gradient(linear, left top, left bottom, from(#시작색상값), to(#끝색상값)); 위 빨간색 글씨가 중요한 부분이며, no-repeat(이미지를 한번만 그림) 다음의 10% 50%는 각각 해당 버튼을 기준으로 이미지를 위치시키고 싶은 x, y 좌표값이다.이미지 아이콘을 한장에 합쳐서 ( 용량 엑서스 문제 해결을 위해 최근에는 enable, hover, active, disable 4가지 경우의 이미지를 한장의 이미지 파일에 가로 혹은 세로로 붙여서..

웹킷 기반의 웹 브라우저는 뷰포트(viewport)의 크기에 따라 폰트 사이즈가 변경된다.폰트를 고정시켜서 작업하다가, 폰트가 원치않게 조정될 경우 전체적인 디자인이 깨지는 경우가 발생한다.이를 방지하기 위한 방법으로 폰트를 고정하고자 할때는,다음 CSS를 원하는 곳에 추가한다. -webkit-text-size-adjust:none;-webkit-text-size-adjust - auto | none | N% (default auto);

[ AJAX 비동기 통신의 기본 예제 ] AJAX 비동기 통신은 간단히 말해서, 화면의 리로딩(페이지 새로고침)없이 사용자가 원하는 정보를 바로 그자리(?)에서 보여주는 통신방법입니다. 네이버나 다음, 혹은 다른 검색 사이트를 보면 검색어를 다 쓰지 않았음에도 화면 새로고침이 없이 연관 검색어가 바로 밑에 보이는 것이 바로 이러한 AJAX 방식입니다. 우선 이번 시간에는 AJAX 통신이 어떤 방식으로 이루어지는지 가장 간단한 예제로 알아보겠습니다. 큰 흐름은 다음과 같습니다. 클라이언트 서버 HTML ( 이벤트 발생 ) JSP 에서 바로바로 요청을 처리 서버로 바로바로 요청 HTML로 다시 결과를 보내줌 단, AJAX라고 해서 모든 것을 바로바로 처리 할 수 없는 경우가 있습니다. 인터넷 환경상의 부하가..

정보처리기사 실기 공부를 하시는 분들에게 도움이 되는 신기술동향 자료가 TTA에 업데이트 되었습니다~ 아마 2012년도 3차 실기 시험에 적용이 될 듯 합니다. 위치를 링크로 걸어두었습니다~ TTA 한국정보통신기술협회 2012년 1차 신기술용어 게시판 위치 링크 : http://word.tta.or.kr/board/publicOne.jsp?where=main&gubun=1&no=24

1. 웹표준이란?표준이라는 단어는 사물의 정도나 성격 따위를 알기 위한 근거나 기준을 뜻하는 단어로서, 단순한 웹페이지를 구현하는 것이 아니라 웹을 관리하고 서비스하는 데 필요한 일정한 기준이라고 볼 수있습니다. 물론 이것은 사용자의 사용성이나 접근성에 있어서 현재의 인터넷 수준보다 더 표준으로 제공할 수있는 측면을 포함하고 있습니다.그러기 위해서 기존에 무분별하게 사용해도 별탈(?)없던 코딩 스타일들에 변화를 줄 필요가 생겼죠.우선 운영하고 계신 블로그나 사이트가 있다면, 웹표준을 얼만큼 준수하고 있었는지 검증할 필요가 있습니다. [ 웹표준 검사 사이트 ] - http://validator.kldp.org/ 2. 가장 기본적인 웹표준의 순서. MVC 패턴인터넷 페이지를 구성할때 단순히 내용만 보여주는 ..

정보처리기사 실기 시험을 치르면서 최근 기출 경향으 분석할 필요가 있어 보이기에 이렇게 기출 분석을 하고자 합니다. 1. 알고리즘 기존 기출문제 응용을 벗어나지 못하고 있습니다. 출제 비중은 정렬, 배열, 진법 이렇게 3가지가 70% 이상을 차지하고 있습니다. 정렬의 경우에는 선택정렬, 버블정렬, 삽입정렬이며, 배열을 거의 2차원배열(가로, 세로 표처럼 생긴)로, 진법은 특정 진수를 다른 진수로 변환하는 것입니다. 이번 2012년 1회와 2회 시험은 2차원 배열이 나왔습니다만, 2회같은 경우는 제가 예상했던대로 배열과 정렬 혼합문제가 출제되었습니다. 디버깅을 꼭하라고 하지만, 저는 디버깅 연습을 안했습니다;;; 디버깅을 하면 내가 한것이 맞는지 틀린지 알 수 있어서 분명히 해야하는 작업이 맞습니다. 변수..

선생님이 물어봅니다. "우리 반 학생들은 손들어!" "우리 반 학생들 중에 남학생은 손들어!" "우리 반 남학생들 중에 키가 170cm 이상 손들어!" "우리 반 남학생들 중에 키가 170cm 이상이면서 키 높이 깔창을 신고 있는 학생 손들어!" 학생들은 선생님의 질문을 듣고 적합한 학생들만 손을 들겠죠. 각 질문에 적합하지 않은 학생이 손을 들면 그 학생은 거짓말쟁이가 됩니다. 쇼핑할 때도 마찬가지죠~ 가령 나이커 회사에서 파는 거라면 다 좋을 수도 있고, 나이커 중에서 조던이라는 이름을 가진 운동화, 그 중에서도 흰색, 그 중에서도 가격이 얼마 이하 등~ 점원이 엄하게 나이커가 아닌 아디됐스를 가져오면 손님은 "야!" 를 외칠 수도 있죠 ㅋ 신발가게에는 200켤레의 신발이 있지만, 그 중에서 원하는 ..