본문 바로가기

Development

canvas & svg 실습자료 보호되어 있는 글입니다. 더보기
css 기초 ppt 보호되어 있는 글입니다. 더보기
jQuery : Animation jQuery는 웹화면에서 visual effect를 간편하게 만들고 변경할 수 있게 도와 줍니다. 이런 visual effect는 웹 화면에 대한 사용자의 만족도를 높이는 방법 중에 하나입니다. 본 글에서는 jQuery Animation 프레임워크를 살펴 보겠습니다. 1. jQuery Animation 프레임 워크의 일반적인 특징 애니메이션은 얼마만큼의 시간동안 visual effect를 나타내야 하는지를 지정해야 합니다. 그 시간은 ms(1/1000초)로 나타내거나 지정되어 있는 문자열로 나타낼 수 있습니다. jQuery에서 기본적으로 지정되어 있는 문자열은 “fast”, “slow”가 있습니다. (“fast” = 200ms, “slow” = 600ms)그 외의 문자열 지정법은 jQuery.fx.spe.. 더보기
HTML5 & Canvas - Part.1 HTML5는 차세대 웹문서의 표준으로 기존의 HTML이 멀티미디어 등 다양한 애플리케이션까지 표현, 제공 하도록 진화한 "웹프로그래밍언어"입니다. 기존의 HTML4에서 오디오, 비디오, 그래픽처리, 위치정보제공 등 다양한 기능을 추가로 제공함으로 웹 자체적으로 처리할 수 있는 기능을 대폭 향상하였습니다. 총 3가지의 Part로 구성될 것이고 HTML5에 관심을 가져야 하는 이유에 대한 내용과 기본적인 이론 위주의 설명으로 시작해 Canvas의 Reference 설명 및 예제 마지막으로 Canvas를 이용하여 Bar 형태의 그래프를 만드는 과정까지를 다룰 것 입니다. Part.1 에서는 HTML5에 관심을 가져야하는 이유에 대한 내용과, 표준화 현황에 관련된 내용, 그리고 HTML5의 기본구조와 HTML5.. 더보기
도메인 포워딩시 세션유지 문제 ( IE P3P 규약 ) 웹 어플리케이션을 배포한 후 다른 도메인 주소로 포워딩업체를 이용했을때 갑자기 잘되던 로그인이 안되는 문제가 발생 할 수 있다 (오직 IE 에서만.... ㅡㅡ) 이유는 로그인시 세션에 저장하고 리다이렉트를 할 때 IE의 P3P 규약 때문에 세션을 새로 생성해버리기 때문이다 (쿠키사용에도 제약이 생긴다.) 즉 로그인정보를 저장한 세션을 유지되지 않고 신규로 새롭게 생성이 되어서 새롭게 생성된 세션에 로그인정보는 없으니 로그인이 안되버리는 것이다 쿠키,세션에 관한 보안사항 때문에 만든 정책이라는데... 자세한 내용은 http://www.w3.org/TR/2002/REC-P3P-20020416/ 에서 보시면 될 겄같다. 해결 방법은 각 개발방법에 따라 아래 내용을 적용하면 된다 JSP PHP 더보기
[자바스크립트] .innerHTML script 태그 사용시 에러 해결법 .innerHTML script 태그 사용시 에러 해결법 innerHTML 아래와 같이 script 태그를 넣으면 에러가 생기는 것을 볼 수 있다. test.innerHTML = ""; 이유는 문자열에 script 가 들어가서 생기는 것이다. 이 에러를 해결하려면 아래와 같이 하면 된다 test.innerHTML = "document.write('innerHTML TEST')"; 더보기
[테스트] FitNesse 강의 2일차 정리 fit의 불편함을 해소하기위해 wiki와 비슷한 구조의 fitnesse를 사용한다 fitnesse 사용법 http://fitnesse.org 에서 다운로드받는다 파일첨부 다운받은 후 c: 에 fitnesse 폴더 생서후 옴겨두기 그 위치에서 jar파일을 실행한다 java -jar fitnesse.jar -p 9090 //-p는 포트번호 http://localhost:9090 접속 edit 누른 후 [FitnesseTest] 추가 후 저장 Tools -> Propertis 메뉴에서 Test 가 아닌 Suite 으로 저장 (새로생성하는것은 Test) 표 구분은' | ' 제목은 대문자로시작 (클래스명과 같게) fitnesse에 임의의 폴더에 jar 배포한 후 path 설정 path설정 edit => !path.. 더보기
[자바스크립트 완벽 가이드 정리] Window 객체 Window 객체 주 역할 : 클라이언트 측 자바 스크립트 프로그램의 전역 객체 1. 타이머 setTimeout(), setInterval() 사용하면 지정한 시간이 흐른 다음 한번 이상의 호출되는 함수를 등록할 수 있다 Window 객체의 메서드로 정의되어 있다 실제 브라우저 창과는 아무 관련이 없다 브라우저 내장객체 window 객체 프로퍼티 status 브라우저의 상태바에 문자열을 출력하는 경우에 사용 defaultStatus 브라우저의 상태바에 초기 문자열을 설정 length 창안의 프레임 수 name 창 이름 self 현재 창 자신, window와 같음 window 현재 창 자신, self와 같음 parent 프레임에서 현재프레임의 상위프레임 top 현재프레임의 최상위프레임 opener open.. 더보기
[테스트] FitNesse 강의 1일차 정리 요구사항 명세 기록의 상세화를 하기 위해 사용 대부분의 고객의 단위 테스트는 junit 이 아닌 화면단위 테스트를 의미할 때가 많다 커뮤니케이션을 위란 용어 정리가 필요하다 테스트의 정의 테스트는 바라보는 뷰에 따라 목적과 의미가 다르다 테스트와 테스팅을 비슷한 개념으로 받아들여서 예기하고있다 IEEE : 소프트웨어 테스팅은 기대되는 결과와 실제 결과의 차이 (즉, 버그)를 식별하고 기능을 평가하는 분석 과정이다 그랜포드마이어즈 : 에러를 찾기 위해 프로그램을 실행하는 프로세스이다 테스팅과 디버깅을 처음으로 구분함 샘카너 : 이해관계자들에게 테스트 대상 제품 또는 서비스의 품질에 관한 정보를 저공하는 조사과정이다 품질속성을 평가하기위해서는 반드시 기능을 전제로 한다 필요성 디버깅과 테스팅의 차이를 구분 .. 더보기
[자바스크립트 완벽 가이드 정리] 함수 함수 함수 : 한 번 정의하면 몇 번이든 실행할 수 있고 호출 할 수 있는 자바스크립트 코드블록 매개변수 : 함수 몸체 내에서 지역변수처럼 취급 메서드 : 어떤 객체의 속성으로 저장된 자바스크립트 함수 생성자 : 새로 생성된 객체를 초기화 하는데 쓰이는 함수 자바스크립트 함수는 다른 함수 내에 중첩되어 정의될 수 있고 , 함수는 해당 함수가 정의되어있는 유효범위에 속한 어떤 변수에도 접근 가능하다 (클로저) 1. 함수 정의하기 - function - 함수이름 식별자(함수이름) - 쉼표로 구분된 0개혹은 임의 개수의 식별자들과 이 식별자들을 둘러싼 한 쌍의 괄호 - 0개 혹은 임의 개수의 자바스크립트 구문을 포함하는 한쌍의 중괄호 function 함수이름(전달인자1, 전달인자2, … ,전달인자n) { 구문.. 더보기