전진

크리스마스..

내 발만 보면 끌어 안고 바니킥을 하는 래미때문에 양말이 이지경..

가을 노을도 좋지만..겨울 노을도 만만치 않게 매력적인..

크리스마스에 방구석에 쳐박혀 썩고 있을 박가와 나를 초대했다.

고맙다 권호야..이렇게 생각해주다니..

비주얼이 참......

그래 겨울엔 과메기지..

다들 취업하기전엔 모이기만 하면 위닝을 했었는데..

이제는 게임에는 다들 시큰둥하다.

간만에 위닝..근데 뭐이리 조작하기 어려워진겨..

촌티나는 아저씨라고 해서 충격먹었니??ㅋㅋ

어쩌다보니 내가 사는게 되어 내가 결제한 지코다 치킨인데..

비싸네.......

초대해줘서 고마워..ㅜㅜ

너때문에 크리스마스 훈훈하게 보낼수 있었어..ㅋㅋㅋ

3시간정도 놀다가 26일 출근을 위해 서울로 올라왔다.

지난 토요일 밤부터 크리스마스까지..그동안 못쉬었던 것 몰아서 쉬느라 너무 힘이들었다.

이제 어찌 다시 출근하지..적응이 안될것 같은데..ㅋ

HTML5의 Canvas에 이미지를 출력 할 수 있는 방법은 drawImage()함수를 이용하는 방법이다.

drawImage(ImageObject, dx, dy);

이미지 오브젝트와 이미지의 시작점을 파라미터로 받는다.

이미지의 변형 없이 그대로 화면에 출력해주는 함수.

drawImage(ImageObject, dx, dy, dw, dh);

이미지 오브젝트와 이미지의 시작점, 이미지의 크기를 파라미터로 받는다.

이미지의 가로세로 크기를 파라미터로 받아 변형 된 이미지를 출력해주는 함수.

위의 사용 예는 단순히 이미지를 가져와 Canvas에 출력하고 크기를 늘리거나 줄여 출력하는 방법이다.

다음에 설명할 방법은 이미지에서 특정 부위만을 잘라서 사용하는 방법이다.

drawImage(imageObject, sx, sy, sw, sh, dx, dy, dw, dh);

각 파라미터에 대한 설명

imageObject : 이미지 객체

sx : tileSheet에서 사용할 이미지의 시작점 X

sy : tileSheet에서 사용할 이미지의 시작점 Y

sw : tileSheet에서 사용할 이미지의 가로 크기

sh : tileSheet에서 사용할 이미지의 세로 크기

dx : 출력할 이미지의 시작점 X

dy : 출력할 이미지의 시작점 Y

dw : 출력할 이미지의 가로 크기

dh : 출력할 이미지의 세로 크기

위의 이미지에서 두번째 비행기 이미지만을 잘라 화면에 출력함을 알수 있다.

자바 스크립트의 Undefined Check..

var undefinedCheck = undefined;

if(typeof undefinedCheck === undefined){

alert("typeof undefinedCheck === undefined");

}

if(typeof undefinedCheck == undefined){

alert("typeof undefinedCheck == undefined");

}

if(typeof undefinedCheck === "undefined"){

alert("typeof undefinedCheck === 'undefined'");

}

if(typeof undefinedCheck == "undefined"){

alert("typeof undefinedCheck == 'undefined'");

}

위의 코드에서 실행 되는건 마지막 두개..

타입 체크 할때 undefined 자체를 객체로 인식해 비교 하는줄 알았는데..

그게 아니라 문자열로 비교를 한다.

휴가가 25일까지라 집으로 요양하러..

볼때마다 까칠해..

만지지도 못하게 하는 너..ㅜㅜ

재미 있니??

별로 재미 없는것 같앙..

어둑어둑 하더니 눈이 내리기 시작했다.

이와중에 세차 하시는 아버지..

운동하러 나갔다 앞도 안보이게 내리는 눈때문에 되돌아 오신 어머니..

잠깐동안 많은 눈이 내렸다.

22일은 동지..작년 동지날엔 서울에서 팥죽을 사먹었었는데..

작년에 서울서 먹은 팥죽은 해물탕집에서 팔던 팥죽이었다.

해물탕집에서 파는 팥죽..죽전문점에서 파는 죽보다 맛있었던게 이상했었음..

전날 내리던 눈은 다음날 오전까지 계속해서 눈이 내렸다.

눈이 그친 뒤 소화도 시킬겸 산책..

내자켓 아니고 엄마 자켓임..

시베리아 벌판 같은 느낌..

사실 시베리아에 가본적은 없다.

겨울이 되니 털도 더 풍성해지고 살도 더 쪄서 돼지가 돼버린..

참 푸짐하네..

부..분위기 있는데??

어머니의 고스톱 머신이 이유없이 부팅이 되지 않길래 하나하나 뜯어 보는데..먼지가..

다행히 다시켜지기는 했지만 오래된 컴퓨터이다 보니 오늘내일 하는게 불안하다.

휴가 3일중 2일이 지나가고 있고 내일과 25일까지 2일을 더 쉬어야 한다.

집에만 있는거지만 그래도 좋다..따뜻한 전기장판 위에서 아무것도 안하고 아무 생각도 안하고..

정신좀 차리고 책도 읽고 공부도 하고 해야지..ㅋ

일기 예보에서 낮기온이 1도정도라 하여 밖으로..

마고형의 사진 전시회 약속이 예전부터 잡혀 있었기에..밖으로..

나오는데 추..춥다..

남산을 올랐다.

다운힐 구간 포장은 깔끔하게 잘되어 있지만..

중간 굽은길에 미끄럼 방지로 홈을 파놨는데 거기서 브레이크를 잡아서인지 홈에 자꾸 바퀴가 빠지며 미끄러지는 느낌이났다.

그래서 풀브레이킹 하며 거북이마냥 슬금슬금..

남산에서 내려와 간 마고형의 사진전..

노암갤러리..

이형이 이래 보여도 사진 좀 찍는다.

이것저것 구경은 하는데..

이해하기 어려워..

뭘 먹을까 하다가 오랜만에 남대문 된장찌개집에 갈까 했는데 문을 닫아 이태원으로..

그래 역시 라파입고 파슷하 정도는 먹어줘야지!!

이런곳 너무 오랜만이라 신나고 들떠있다..

눈을 감고 음식을 음미..

마..맛있다..

분위기 있어..

밖은 간간히 눈발도 날리고..

우리 라파입고 김치찌개집 이런데 말고 앞으로 파슷하나 스테끼 먹읍시다.

반포 대교를 넘는데 눈이 날렸다.

뭔가 좀 괜찮은 사진이 연출 될뻔했는데..이미 마고형은 저멀리 간 상태고 카메라를 크로스로 맨 상태에서 제대로 구도를 잡기가 힘이들었다..ㅜㅜ

반포 스벅에서 된장질을 마무리 하고 각자 집으로..

자전거는 역시 밖에서 타는게 좋긴하지만..........

너무 추워..

그래도 간만에 야외에서 타니 기분도 좋고 스트레스도 좀 풀리는거 같고 좋네..

브레이크 거래하러 잠실에 들렀다가 사온 이성당..

빵네개 사는데 쇼핑백에 담아줌..

정말 좋아하는 슈크림빵..

단팥빵..

빵의 질은 전체적으로 좋았다.

슈크림이 흘러 내리지 않으면서 그렇다고 달달한 맛이 과하지 않은..표현하자니 이과 출신이라 그런지 더이상 표현을 못하겠다.

슈크림이고 단팥이고 다 맛있다. 단팥빵의 특징은 빵부분이 두껍지 않다는 점??

암튼 맛나..집근처에 있으면 자주 이용할것 같지만 집근처가 아니...ㅜㅜ

2주간의 일상..

추워지기전 비가 왔다.

무지개가 떴다는 말에 카메라를 들고 나가 찍어 온 사진..

한겨울에 무지개라니..

비가 온뒤라 하늘은 맑았다.

눈에는 역시 등산화..

아저씨마냥 보이겠지..

계속 되는 야근..야근..야근..주말출근..주말출근은 딱한번..

그래도 주말출근을 하루만 해서 다행이다.

평일 고향에 가기 위해 간 남부 터미널..

폴바셋과 누텔라의 콜라보레이션..

룽고를 마셨지만 다음엔 누텔라가 들어간 음료를 마셔봐야지..

그동안 놀아주는게 없었는데..

권호가 준 장난감으로 놀아주고 전날 배달된 스크래쳐에 동봉된 캣닢을 깔아주니 침까지 흘리며 뽕맞은것처럼 좋아함..

고향은 지금 시베리아 벌판..

해안가는 아니지만 그래도 나름 서해안이라 그런지 눈이 매일 오고 있었다.

이 글을 쓰고있는 지금도 고향에서는 눈이 오고 있는듯 하다.

겨울은 업그레이드의 계절..

뭘할까 하다가 좋은 기회에 브레이크를 업글하게 되었다.

1년간 수고해준 울테그라 브레이크..

오오오 박스부터 남달라..

쩌..쩌는데??

엑스님이 브레이크 판매와 함께 브레이크 케이블 작업할때 쓰라고 빌려주신 케이블 커터..

육각과 별렌치를 적절히 사용해 끼룩끼룩..

영롱하다..

일단 야매로 브레이크 설치 후 브레이크를 잡아봤는데..잡히는 감과 레버가 돌아오는 감까지 울테와 차이가 안나는듯 하다.

실제로 달리면서 브레이크를 잡아봐야 알겠지만..지금으로서는 울테와 크게 다르지 않는것 같다.

다만 설치하면서 렌치로 볼트를 조이는데 브레이크가 살짝살짝 뒤틀리는 느낌이 드는??

중요한건 울테에서 파엔니어 브레이크로 변경하고 100그람정도 감량이 됐다는 점?? 아이고 의미없다......

어떠한 값을 TextArea로 입력을 받고, 그 값을 저장 하였다가 다시 불러와 TextArea가 아닌 Div에 뿌려줘야 하는 경우가 생긴다. 이럴 경우 생기는 문제가 두 태그간에 인식하는 줄바꿈 문자가 서로 다르다는것.

이러면 TextArea에서 입력 받은 값을 Div태그에 보여줄 경우 줄바꿈이 전혀 적용 되지 않고 1줄로 붙어서 나오는 상황이 발생한다. 이문제는 각태그에 인식하는 줄바꿈 문자로 바꿔서 값을 적용하면 된다.

TextArea에서 줄바꿈 문자로 인식하는 문자는 \r\n, \r, \n이고 Div에서 인식하는 줄바꿈 문자는 <br/> 태그이다.

그럼 TextArea에서 입력한 값에서 \n등의 줄바꿈 문자를 <br/>로 바꿔 저장하고, 불러와 Div태그에 그대로 넣으면 줄바꿈이 적용 되는것을 확인 할수 있다. 반대로 Div에 있던 값을 TextArea에 제대로 표현하고 싶다면 <br/>을 \r\n으로 변경해서 보여주면 줄바꿈이 제대로 표현 되는것을 볼 수 있다.

각 태그마다 줄바꿈 문자가 어떤것인지만 잘 생각해보면 이문제는 쉽게 해결할 수 있는데 왜 세시간 동안 헤맨거냐!!아....

JavaScript에서 문자열으 치환할때 사용하는 함수는 replace()를 이요한다.

string.replace("beforeString", "replaceString");

위의 코드를 사용 할 경우 문장에서 첫번째 글자나 단어만 치환된다.

그럼 아래 와같은 코드를 사용 하면 모두 바꿀 수 있다.

string.replace(/beforeString/gi, "replaceString");

고치기 이전의 단어를 감싸던 곁따옴표나 홑따옴표 대신 /를 이용해서 단어를 감싸고 옵션격인 gi를 붙여준다.

g는 문자열을 모두다 검색한다는 옵션이고, i는 대소문자를 가리지 않고 검사 한다는 옵션이다.

정규표현식 신기하네..