Hopeland's Blog 1.0

무창포 해수욕장 낙조.

학생. — Fri, 28 Aug 2009 09:13:01 +0900

희리산 캠핑장에서~, originally uploaded by HopeLand.

아빠랑 물놀이하는 다현이 그리고 낙조.

덕유산 계곡.

학생. — Tue, 25 Aug 2009 10:58:39 +0900

덕유산

참 예쁘고 시원하고 멋진 계곡입니다.
아내도 아이도 버리고 친구들과 갔었는데
꼭!!! 가족과 다시 가고픈 그런 멋진 곳!!

연서 첫번째 생일.

학생. — Mon, 03 Aug 2009 09:18:18 +0900

돌잔치 이틀후 28일이 이쁜연서 진짜(?) 생일 이었답니다^^
돌잔치때는 엄마 아빠가 혼이 빠져있어서 ㅡㅜ 주인공인 연서한테 정말 축하도 제대로 못해준것 같아
그날에는!!! 우리 연서한테 정말정말 축하해주자~~ 라고 했지만...

정작 케이크는 엄마 아빠가 다 먹어 버리고
귀여운 꼬깔모자는 연서에겐 귀찮기만 합니다 이런..

역쉬 아기에겐 멋드러진 무언가 보다는 함께해주는것이 홍홍 쵝오~!! 인듯합니다.

식목일 기념 식수^^

학생. — Tue, 22 Apr 2008 10:10:17 +0900

식목일 기념 식수^^, originally uploaded by HopeLand.

아 핫핫 죽음의(?) 블로그에 간만의 포스팅 입니다.
야심차게!!! 진행했던 DOM스크립트 내용정리도.. 단 3회로... ㅜㅜ
그래도 포기하지 말고!!!
희망의 씨앗을 심어 봅니다!!

올해 식목일에도 어김없이 지구 환경에 일조하자는 일념으로
우리 가족도 나무(?)를 심었습니다.
작년에는 방울 토마토 였는데 올해는 좀 더 용기를 내서 일반 토마토를
심어봤습니다.
방울은 이웃집 개구쟁이들이 모두 따 먹어버려서 맛도 못봤는데
올해는 큰놈으로 한번 맛봐야 겠습니다. ^^

DOM 스크립트 - 스크립트 문법

학생. — Fri, 14 Mar 2008 10:06:09 +0900

자바스크립트는 인터프리터언어 이다.
명령문 문법 (아래 모두 가능하고 3번이 정확한 문법)
1. 첫번째 명령
  두번째 명령
2. 첫번째 명령; 두번째 명령;
3. 첫번째 명령;
  두번째 명령;
주석 (한줄은 1, 여러줄은 3 권장)
1. //주석내용
2. //주석내용 첫줄
  //주석내용 둘째줄
3. /* 주석내용 첫줄
  주석내용 둘째줄 */
4. <!-- 주석내용 첫줄 -> (단 여러줄처리 되지않음 //와 동일 -> 는 안해도 됨.

변수 (3번이 정확한 문법)

상황에 따라서 변하는 값.
나이를 예로 들면 올해는 32살 내년은 33살.. 등으로 변함.
대소문자 구분함.
선언방법
1. var mood;
  var age;
2. var mood, age;
3. var mood = "행복";
  var age = 33;
4. var mood = "행복", age = 33;

데이터 형식

자바스크립트는 선언된 변수의 데이터 형을 언제든 변경 할 수 있는 약형(weakly typed) 언어이다. <-> 강형 (strongly typed)
문자열
- 선언시 작은따옴표(') 혹은 큰따옴표 (") 사용
- 문자열 내용중 선언에 사용된 따옴표가 있는경우 해당 따옴표 앞에 \(이스케이프문자)를 사용 (ex var mood = 'don't ask'; ---> var mod = 'don\'t ask;')
- 선언
  1. var mood = "hello world!!!";
  2. var mood = 'hello world!!!';
  3. var mood = "about 5'10\" tall";
숫자
- 자바스크립트에서는 숫자종류에 제약이 없음 (소수를 포함 어떤 숫자도 사용가능) 실수형(floating-point numbers) 이라고 부름
- 선언
  1. var age = 33;
  2. var age = 33.25;
  3. var age = -20.33;
불린 (boolean)
- 참 / 거짓을 표현하는 값
- true / false 두가지 값이 있음
- var married = "true"; 는 문자열 true일 뿐!!!
- 선언
  1. var married = true;
  2. var married = false;
배열
- 변수가 여러개의 값을 지정하게 할때 배열(array) 사용
- 하나의 변수에 여러 개의 값을 순서에 따라 모아 놓은 것을 말함.
- 배열내의 각 값들은 요소라고 말함
  - 비틀즈 그룹에서 비틀즈 밴드에 속한 네 명을 한번에 말하고 싶을 때 변수를 "비틀즈" 라 부르는 것과 동일
- Array라는 지시자로 배열을 선언
  - var beatles = Array(4);
- 길이를 미리 알 수 없는 경우는 그냥 선언해도 무방함
  - var beatles = Array();
- 배열에 요소를 추가할때는 값뿐만 아니라 어느 순서에 위치할지도 알려줘야함. 이것을 인덱스라고 부름. 첫번째 인덱스는 0부터!
- 선언 (배열 요소는 문자 숫자 불린 섞어서도 가능.)
  1. var beatles = Array(4);
    beatles[0] = "존 레논";
    beatles[1] = "폴 매카트니";
    beatles[2] = "조지 해리슨";
    beatles[3] = "링고 스타";
  2. var beatles = Array("존 레논","폴 매카트니", "조지 해리슨","링고 스타");
  3. var beatles = ["존 레논","폴 매카트니", "조지 해리슨","링고 스타"];
  4. var lennon = Array("존 레논",1940,false);
- 결합형 배열 (associative array)
  - 배열의 인덱스가 꼭 숫자일 필요없음
  - 선언
    - var lennon = Array();
      lennon["name"] = "존 레논";
      lennon["year"] = 1940;
      lennon["living"] = false;

연산자

+ , - , * , / (더하기, 빼기, 곱하기, 나누기)
++연산자
- count++; ===> count = count+1을 의미
+ 연산자의 경우 문자열에서는 문자를 합침 & 문자 + 숫자의 경우에는 숫자는 자동으로 문자열로 변환.
- "안녕" + "하세요" 의 결과는 "안녕하세요"
- "10" + 20 의 결과는 "1020"
+= 연산자는 문자열 접합 및 값할당.
- var str = ""안녕";
  str += "하세요.";
  현재 str변수는 "안녕하세요" 의 값을 가짐.

조건문

if (조건) {
명령문1;
}else{
명령문2;
}
조건이 참인경우에 {}의 안의 명령문1 실행 거짓인 경우는 else절의 명령문2 수행. 명령문이 한줄인 경우에는 {}는 없어도 됨.
비교연산자
- >, <, >=, <= (크다, 작다, 크거나 같다, 작거나 같다)
  - 1 > 2 : 거짓 2 >= 2 : 참
논리연산자
- 연산조건을 합치는데 사용
- &&, || (and조건, or조건)
  - num > 5 && num <10 num이 5보다 크고 10보다 작으면!! (둘다 참인경우만 참)
  - num > 5 || num <10 num이 5보다 크거나 10보다 작으면!! (둘중하나만 참인경우 참)
부정연산자
- !
- 하나의 조건에만 동작 조건식의 불린 값의 반대 값을 반환 (조건식이 참이면 부정연산자는 거짓으로 바꿔줌)
- !(a==0) a가 0이 아니면!!

DOM 스크립트 - 개념 및 역사

학생. — Mon, 10 Mar 2008 09:51:57 +0900

얼마전에 다이내믹한 웹 표준 사이트를 위한 DOM 스크립트 라는 책을 읽었습니다.
읽었던 내용을 다시한번 되짚어보면서 글로 정리해보려 합니닷~!
몇일이나 갈지는 보장못합니다만.. ㅜㅜ 헛헛..

DOM이란 (Document Object Model) 말그대로 문서 - 객체 - 모델 문서내에 있는 내용을 뽑아내서
개념화하는 방법. DOM Level 0
과거 넷스케이프 4.0 익스플로서 4.0이 동시에 출시하면서 기존보다 확장된 DOM과
스크립트 사용기능을 추가하면서 DHTML이 유행.
DHTML Dynamic HTML, HTML,CSS, JavaScript의 결합 페이지를 동적으로 만들 수 있으나
브라우져별로 문법이 다름 ㅜㅜ (같은 동작을 구현하기위한 서로 다른문법!!! )
1998년 10월 DOM Level 1 제정
W3C가 정의하는 DOM
문서의 외양과 구조,내용을 스크립트와 프로그램 언어가 동적으로 접근해 고칠 수 있는 플랫폼과 개발 언어에 중립적인 인터페이스.
DOM 스크립트는 DOM API를 지원하는 언어, 마크업 문서에서 모두 사용가능.

소백산

학생. — Fri, 01 Feb 2008 10:24:44 +0900

오랜 친구들과 소백산에 다녀왔습니다.
그동안 산에 오르자고 몇번 모였는데 항상 전날의 과음으로 산 냄새만 맡고왔었는데
이번엔 꼭!!! 변하자라는 일념으로 해돋이까지 보기로 하고 새벽부터 올랐습니다.
눈도 많고 춥기도 춥고 또 한 친구는 다시는 산에 오지않겠다는 말까지 나왔습니다만...
정상에 오르니 모든게 용서가 됩니다. ^^

이번 산행에서 가장 애착이 가는 사진입니다. ^^

비로봉 정상 입니다!! 표정을 보면 누가 다시 오지않을지 알것만 같습니다. ^^

멋있는 운해는 아쉽게도 만나지 못했지만 그래도 너무도 아름다운 광경이었습니다.

뉴욕의 프로그래머

학생. — Thu, 24 Jan 2008 22:37:53 +0900

뉴욕의 프로그래머(양장) 상세보기

임백준 지음 | 한빛미디어 펴냄

세계금융시장의 심장, 뉴욕 월스트리트 금융회사에서 근무하는 프로그래머들의 이야기를 소설 형식으로 다루는『뉴욕의 프로그래머』. 이 책은 현직 프로그래머인 저자 자신의 경험을 바탕으로 프로그래머들의 생활과 프로그램 개발방법, 실수들을 흥미롭게 풀어내고 있다. 미국 생활 5년차로 접어든 30대 초반의 한국인 프로그래머 영우를 중심으로 한 다양한 주변 인물들의 이야기와 프로그래머가 부딪치게 되는 다양한 어려움

임백준씨의 책은 참 느낌이 좋았었습니다.
무겁지도 않고 가볍지도 않고 참 읽기 편한^^ 이 사람이 개발자라니.. 라는 생각도 들구요.
누워서 읽는 알고리즘... 은.. 좀 좌절이었습니다.. 분명 편하게 읽는 알고리즘 이야기를 의도하신듯 한데..
제겐 너무 어려워서.. 많이 부끄럽고 슬펐거든요.

여튼 나온지 조금 되었던데 지난주에야 알아서 얼른 읽었습니다.
이번엔 소설이더군요^^ 세세한 평은.. 어렵고 흐릿하게 뭉뚱그려 말하자면..^^
수필같은 느낌의 소설입니다.
할아버지..나 아버지가 자식들에게 얘기해주는 경험담 같은 그런 느낌의 이야기 였어요.
일반 소설처럼 큰 감동이 있는건 아니었지만 좋은 이야기들 잘 들었다 싶은 정도라고 생각됩니다.
10개의 스토리가 있는데 스토리가 끝날때마다 나오는 창밖이야기나 햇살이야기는 조금 진부했어요~ ^^;
임백준씨가 이 글을 읽을 일이야 없겠지만
항상 좋은 이야기 잘 읽고 있어요.
블로그도 오래전엔 좋은 이야기가 많았는데 꽤 오래동안 포스팅이 없네요 아쉬워요~
앞으로도 좋은 이야기 많이 해주길 바라면서 책에 있던 좋은 글 몇가지 소개하면서 마무리 할께요.

지난 37년 동안 나는 하루에 14시간씩 연습을 했다. 그러고 났더니 사람들은 나를 천재라고 부르더라.
-파블로 드 사라사테

좋은 판단은 경험에서 나온다. 그리고 경험은 나쁜 판단에서 나온다.
-배리 르패트너

실수를 못견뎌하고 두려워하는 사람은 실수로부터 아무것도 배우지 못하는 사람 만큼이나 성장 가능성이 없다.
나날이 성장하는 사람은 실수를 두려워하지도 않고 거부하지도 않는다. 실수는 아픈 고통을 안겨주지만 성장하는 사람은 그것을 자신의 일부로 끌어안고 실수와 함께 나아간다. 실수 자체는 비웃을 일이 아니다.
다만 실수와 함께 성장하지 못하는 사람은 웃음거리가 될 만하다.
- 본문 내용 중에서

IE야 미안해..

학생. — Tue, 22 Jan 2008 16:48:00 +0900

IE에서 element에 배경색을 수정하기위해
엘리먼트명.setAttribute("bgcolor","CCCCCC");
이렇게 했는데.. 색이 안변한다..
이런 XX같은.. 어디서 줘들은게 있어 IE는 표준을 안지켜서 등등 여러가지 상상을 덧붙여 욕한뒤에..
엘리먼트명.style.backgroundColor="CCCCCC"; 로 해결을 보고..
원인이 뭐야 싶어 검색을 하다보니..
ie에서 DOM으로 속성을 설정하는 경우엔는 대소문자 구분을 한다는 군요.. ㅜㅜ
엘리먼트명.setAttribute("bgColor","CCCCCC");
잘 됩니다.
대소문자를 구분하다니.. 왠지 IE답지 않아보입니다.

Flickr Backup

학생. — Tue, 15 Jan 2008 12:26:22 +0900

Flickr를 쓰면서 가끔 이거 이렇게 죄다 올려놓았다가 나중에 혹시 그만두거나하면
사진어떻게 다 받지 라는 걱정을 한적이 있는데 역시 또 누군가가 만들어 놓았네요.
FlickrBackup이라는 플리커 이미지 백업 프로그램입니다.
사용자층이 두텁다는건 회사입장에서나 사용자 입장에서 긍정적인 효과가 많은 것 같습니다.

각설하고 프로그램을 살짝한번 보겠습니다.
juploader처럼 이 친구도 자바로 만들어져
있구요 사이트에서 자바웹스타트로 멋지게
시작되네요.
( JRE가 설치되어 있어야 합니다.)

flickr에서 사용할 수 있도록 허용해주고나면
이미지처럼 셋트를 로딩합니다.
셋트를 선택해서 저장하면 지정해놓은 폴더에 셋트명으로 폴더가 생겨서 저장이됩니다.

사용법은 아주 간단해서 한번 실행만
해보시면 다 되겠습니다^^

시간이 갈수록 그냥 얻는 고마움들이
늘어나네요.
노력해서 그런 흐름에 동참하고 싶습니다
ㅜㅜ