본문 바로가기
728x90
반응형

분류 전체보기237

물회의 달인 마라도 회집~! 처음으로 맛집을 포스팅한다~ ^^ 바로~~ 생활에 달인 물회 편에 나와서 1위를 했던 그 맛집~!! 위치는 이곳이다~!!! 친구들과 오랜만에 포항을 갔다.. 물론 추석이라는 명절때문에 집에 내려간것이다~ ^^ 물회가 너무 먹고 싶어~ 찾아보다 생활의 달인에서 1등한집이 있다고 해서~~ 바로 그곳으로 차를 타고 갔다~!! 가니 주차장에 차가 많았다... 흠... 사람이 많구나~~ 라는 생각과함께 들어가니 예약을 하고 기다리란다.. 예약목록을 적는데... 4번째 정도~! 머 기다릴만하군이라고 생각하고 바로 앞 백사장에서~~ 친구들이랑 이런저런 담화를 하다가 된거 같은데~? 라는 생각이 들어 가서 물어봤다~~ 차례가 되지 않았냐고~? 하지만.. 왠걸... 뒤쪽에 한페이지가 더 있었던 것이다.. 두둥...ㅠㅠ .. 2010. 10. 15.
테이블에 마우스오버하면 그줄 전부가 색이 달라지는 javascript var arrayOfRolloverClasses = new Array(); var arrayOfClickClasses = new Array(); var activeRow = false; var activeRowClickArray = new Array(); function highlightTableRow() { var tableObj = this.parentNode; if(tableObj.tagName!='table')tableObj = tableObj.parentNode; if(this!=activeRow){ this.setAttribute('origCl',this.className); this.origCl = this.className; } this.className = arrayOfRolloverCl.. 2010. 10. 15.
a링크 찾아서 그 밑 div접고 펴는 스크립트 var faq = document.getElementById("faqList"); // 테이블의 아이디명이다.. var links = faq.getElementsByTagName("a"); //그리고 그안에 td안에 있는 a태그 for(var i=0;i 2010. 4. 7.
자바스크립트 총정리~! window-------------frame ---form-----------texarea navigator-----plugin --------document -----------layer ---test -----mimetype --------location ---link ---fileupload --------history ---image ---password ---area ---hidden ---anchor ---submit ---applet! ---reset ---plugin ---radio ---checkbox ---button ---select--------------option ######################### 개체(Object) : 개체라는 말은 상당히 추상적이다. 이 개념을 알.. 2010. 4. 7.
java script favorite 밑에 소스는 현재 보고 있는 페이지를 즐켜찾기 추가하는 소스이다... 태그와 스크립트를 삽입하면... 현재 보고 있는 페이지를 즐겨찾기로 추가할 수 있다. function bookMark() { var title = document.title; var url = window.location!.href; //파이어폭스~! if (window.sidebar) { window.sidebar.addPanel(title, url,""); } //익스플로어 else if( window.external ) { window.external.AddFavorite( url, title); } }; 2010. 3. 8.
브라우저랜더링과 테이블구조 테이블을 만들때... 각 브라우저는 렌더링을 다르게 한다... 일반적으로 우리는 테이블의 사이즈를 정하고 th,td의 사이즈를 계산하여 만들것이다... 전체를 1000px로 한다면 머 이렇게 선언하여서 스타일을 시작할 것이다. 위의 클래스를 테이블에 선언 하여 각각의 사이즈를 잡을것이다. 으로 선언하여 테이블을 시작하면 그밑에 각 서브 항목들은 위의 th값과 thead값등의 스타일을 먹게 된다.. 여기서 중요한 것은 c1~c5까지의 클래스는 사이즈가 있다. 그리고 보더도 들어가있다... 이렇게 선언하여 테이블을 구성할 경우에 실제 테이블은 1000이라는 전체범위를 가지고 있다. 실제 안에 면적에 해당하는 c1~c4를 더해보면 474밖에 되지 않는다. 하지만 브라우저가 테이블 전체 크기를 계산하여서 범위 .. 2010. 2. 25.
MVC모델 MVC 모델의 기초 골격 Model View Controller로 구성되는 MVC모델은 Controller에서 요청받은 Model에서 메소드 처리 후 View페이지로 넘겨주어 출력하여 구동-처리-출력으로 역할을 나누게 된다.요청이 들어오면 Controller는 어디로 넘겨주어야 할지 결정하게 된다. 이는 web.xml을 참조한다. 클래스이름해당클래스 클래스이름/url패턴/url패턴의 주소로 요청이 들어오면 Controller는 web.xml의 설정에서 해당 url패턴을 찾아 해당 url패턴의 servlet 이름을 찾아 해당 클래스를 실행한다. 이 클래스는 servlet으로 만들어진 페이지이다.import!! javax.servlet.*;import!! javax.servlet.http.*;public c.. 2010. 2. 25.
CSS 선택자 우선순위 vCSS 선택자 우선순위 1.Inline Style ( ) 2.ID ( #wrap {height:100%:} 3.Class ( ) 4.Tag ( h3 {font-size:10px;} ) vCSS 속성값의 작성 순서 및 규칙 1.display: 표시 2.overflow: 넘침 3.float: 흐름 4.position: 위치 5.z-index: 정렬 6.width & height: 크기 7.margin & padding:간격 8.border: 보더 9.font: 폰트 10.background: 배경 11.etc: 기타 üFloat 사용시에는 해당 Element 종료 후에 clear:both 속성을 가지는 tag를 삽입하여 틀어짐을 방지. (예: ) 2010. 2. 25.
프리마커문법 프리마커 문법 http://freemarker.org/docs/index.html FreeMarker는 Velocity와 마찬가지로 templating 언어이다. 우리가 Jsp를 코딩하다보면 날코딩으로 생산성이 떨어진다. 그래서 우리는 좀더 편리하게 사용하기위해서 템플릿 엔진을 사용한다. 그리고 가장 큰 장점은 아래의 1번에서 보듯이 매크로 기능으로 기능을 만들어서 사용할 수 있다는 점이다. 다음은 FreeMarker의 사용 방법을 기술했다. FTL tag 주석 반복문 1. 2. for(int i=0;i ${x} 6. ""이런식으로 쓴다. 주로 변하지 않는 변수를 이렇게 선언해서 쓴다. 7. 조건문 8. int형으로 선언해 주고 싶은때에는 @macro - 프리마커 템플릿 전역에서 공통으로 사용되는 UI .. 2010. 2. 25.
CSS hack모음 2010. 2. 25.
Java-script 로 1000단위 구분 콤마 찍기.. var insertComma = function(n) { n += ''; var reg = /(^[+-]?\d+)(\d{3})/; while (reg.test(n)){ n = n.replace(reg, '$1' + ',' + '$2'); } return n; }, // 1000단위 콤마 제거 var deleteComma = function(n){ n += ''; n = n.replace(/,/gi, ''); return n; }, 2010. 2. 25.
a href를 button의 onClick로 바꾸기 == 여기서 top는 iframe target때문에 선언해준것이고 location은 윈도우 name space의 객체이다... href는 주소 속성을 사용해준것이다. ... 이렇게 하면 똑같은 의미가 된다... 참~~ 쉽죠잉~~ 그리고 하나다 href의 스크립트 형태로 들어가 있을때... 위와 같은 경우는 자바스크립트를 href속성에 걸어서 사용한것이다. 이것을 onClick로 바꿀때는 이렇게 사용하여 주면 된다. 온클릭이벤트는 자바스크립트 이벤트이므로 그냥 뒷부분만 사용 하면 되는것이다. 2010. 2. 25.
728x90
반응형

티스토리툴바