Programming 썸네일형 리스트형 Zen Coding ( css html 입력을 빠르게해주는 코딩) notepad ++를 깔면 자동적으로 zenCoding이 내장되어있다. 주요 코딩은 다음과 같다. Child: >nav>ul>li Sibling: +div+p+bq Climb-up: ^div+div>p>span+em^bq div+div>p>span+em^^bq Grouping: ()div>(header>ul>li*2>a)+footer>p (div>dl>(dt+dd)*3)+footer>p Multiplication: *ul>li*5 Item numbering: $ul>li.item$*5 h$[title=item$]{Header $}*3Header 1 Header 2 Header 3ul>li.item$$$*5 ul>li.item$@-*5 ul>li.item$@3*5 ID and CLASS attributes.. 더보기 javascript window.laod function($) 로딩 순서 document.ready, window.ready, window.onload 실행순서document.ready, window.ready와 window.onload의 실행순서이 포스트를 쓰다보니 자바스크립트에 대해 너무 많이 모른다는 생각이 들어서조만간 자바스크립트 포스트만 쓰게 될 것 같다. :(스크립트의 실행 위치나, DOM 에 대한 자세한 것도 공부해서 올릴 예정 !1. 실행 순서document.readywindow.readywindow.onload2. 설명window.ready , document.readywindow.ready 보다 document.ready 가 먼저 실행됩니다. window.ready 는 페이지 내의 이미지를 포함하여 모든 리소스가 로드 되고나서 실행되고 document.rea.. 더보기 SpringFramework 에서 다국어처리지원하기 스프링 프레임웍에서 다국어 지원기능을 사용해 보겠습니다. 기본적으로 텍스트로 저장되는 properties 파일을 언어별로 만들어서 사용합니다. 이번에 해볼것은 다음과 같습니다. 1. 메세지 프로퍼티 파일을 작성합니다. 2. 스프링프레임웍에서 사용할 수 있도록 설정을 합니다. 3. 언어를 변경할 수 있도록 구현합니다. 4. 자바코드과 jsp 코드에서 다국어 메세지를 사용하는 방법을 알아봅니다. 파일구조는 다음과 같습니다. /WEB-INF/messges 폴더 아래에 메세지를 담은 파일이 있습니다. message.properties 파일은 기본 파일 입니다. 언어가 맞지 않으면 이것이 선택되어질 것입니다. message_ko.properties 파일은 한국어 메세지 파일 입니다.message_en.proper.. 더보기 이클립스 디버깅 Source not found 에러 처리하기 오늘 새 프로젝트를 셋팅을 하고 이클립스로 디버깅을 하다가 희한한 경우를 발견했습니다.디버깅모드에서 java 파일에 break point를 찍었는데 java 파일에서 디버깅이 되는 게 아니라 해당 파일의 class 파일에서 디버깅이 되는 거였어요. 이렇게 java 파일이 아닌 같은 이름의 class 파일에서 멈췄습니다.물론, break point에서 멈췄을 뿐이지 그 다음부터 디버깅이 제대로 진행되지는 않았습니다. 이 문제를 해결하기 위해 짧은 영어실력이지만 짧은 영어실력이지만 구글링을 통해 해결을 했습니다.디버그 모드의 톰캣서버(또는 웹로직)에서 마우스 오른쪽 버튼을 클릭하시고 아래 그림을 따라 진행해 보세요. [Edit Source Lookup]을 클릭합니다. 기존에 있는 Default를 제거하시고 .. 더보기 [jsp_struts]Struts 기본원리 [What is Struts?] 1. Craig McClanahan에 의해 개발 2. Apache Software Foundation Project 3. 오픈 소스 웹 애플리케이션 프레임워크 - XML 기반의 컨트롤러 서블릿. - End-to-End J2EE 어플리케이션 프레임워크 아님. 4. MVC 패턴 기반 5. 타 프레임워크와 연동 가능 - Velocity, iBatis, Hibernate, XSLT, Spring, Expresso, ADF …. 6. 웹 애플리케이션 개발 시 Common problems 해결 - common infrastructure service 제공 7. 중, 대형 규모의 웹 애플리케이션 개발에 적합. [MVC (Model-View-Controller)] 1. 변경. MVC는 .. 더보기 [Jsp+Mysql] 게시판 만들기 -2- 글 목록 저번 포스트에서 만들었던 list.jsp 파일을 연다 . 상세페이지를 구하는 페이지를 작성 한다. 게시판 번호 제목 작성자 작성일 조회수 저희가 사용할 게시판의 디자인양식입니다. 중간에 보시면 img/table_mid.gif 이런게 보이실겁니다. 이미지 파일을 사용하기위해 WebContent폴더에 img폴더를 하나 생성합니다. // sql문을 사용하기 위해 import시킵니다. 기존 list.jsp에 아래와 같은 내용을 추가 등록된 글이 없습니다. 더보기 [Jsp+Mysql] 게시판 만들기 -1- 프로젝트 세팅 1. jdk, Tomcat 설치 및 환경 변수를 설정 한다. 2. 이클립스 실행 - New - Dynamic Web Project 생성 3. 메뉴에서 window - show view - server 탭 클릭 하여 아래 화면을 띄운다. 3-1. 서버탭에서 파란줄 우클릭 new Server 원하는 톰캣 버젼 클릭 후 Next - 프로젝트 선택 후 finish 4. 프로젝트 안에서 WebContent 폴더를 찾아 우클릭 new - jsp file 선택하여 jsp 페이지 생성 5. 새로만든 jsp 파일 우클릭 Run as - Run on Server 실행하여 웹페이지가 띄워지는지 확인 6. 테스트 화면 7. jsp css 페이지 만들 때 기본 인코딩 설정 (구버젼의 경우)7-1. 구버전일 경우 Windows .. 더보기 답변형 게시판-답글 원리 더보기 [Struts] 스트럿츠의 기본형태 안녕하세요. 명월입니다. 이번 포스트는 Struts의 기본 형태입니다. 최근에는 Struts를 거의 사용하지 않는다고 하는데 지금은 공부하는 처지니 공부를 하고 지나가겠습니다. Struts는 구조가 크게 ActionForm, Action ,Jsp 웹 페이지로 나누어져 있습니다. ActionForm은 웹에서 넘어온 데이터를 저장하는 폼이고, Action은 데이터를 처리하는 클래스, 마지막으로 View페이지를 만들어질 때는 Jsp를 읽어 들여 작성되겠습니다. 위 이미지는 Struts의 흐름을 설명하고 있습니다. 소스예제를 통하여 자세히 공부하겠습니다. 위 이미지는 index.jsp의 소스입니다. 위 소스는 텍스트 박스와 Submit 버튼을 작성했습니다. 그리고 Submit 버튼을 누르면 form Action.. 더보기 반응형 페이지 만들기- 뷰포트와 미디어 쿼리 1.뷰포트 Viewport 뷰포트속성 속성명속성값 속성설명 width device-width, 양수 뷰포트의 너비를 지정합니다.height device-height. 양수 뷰포트의 높이를 지정합니다.inital-scale양수 뷰포트의 초기 배율을 지정합니다. 기본값은 1입니다. 1보다 작은 값을 사용하여 축소된 페이지를 표시하고, 1보다 큰 값을 사용하여 확대된 페이지를 표시합니다.user-scalableyes, no 뷰포트의 확대/축소 여부를 지정합니다. 기본값은 yes이며 no로 설정하면 사용자가 페이지를 확대 할 수 없습니다.minimum-scale양수 뷰포트의 최소 축소 비율을 지정합니다. 기본값은 0.25입니다. maximum-scale양수 뷰포트의 최대 확대 비율을 지정합니다. 기본값은 5.0.. 더보기 이전 1 ··· 5 6 7 8 9 다음
