日常2015. 2. 23. 21:50

2015년 02월 22일 명절..

기나긴 명절을 보내기위해 고향에 가기전 준비..





겨우내 펄크럼레이싱1을 끼워놨다가 오래간만에 오셔스를 끼웠다.





그러면서 새 패드로 교체..

스위스탑중에서 좋다는 블랙프린스인데.........

토인세팅을 안했더니 브레이크 잡을때마다 비명을..





하루치 세팅인데 참 많다.

날은 춥지 않을 것 같았지만 이것저것 만약을 대비해 챙기다보니 한보따리..

라파 백팩에는 하루치의 옷이 딱 적당한 것 같다.





새벽같이 오려했지만..언제나 그렇듯 11시가 넘어서 역에 도착..

눈이 오고 있었다.





축구하러..





무슨 고등학교 운동장을 이렇게 크게 만들어 놨지..

아무튼 처음엔 사람없어서 패널티 박스 이용해서 풋살하다가 나중엔 그라운드 반으로 축구하는데 뛰어다니기 힘들었다.





힘들어 죽겠..

집에갔다가 동창회 하러..





명절 당일엔 전날 축구때문에 뭉친 근육도 풀겸 자전거타고 동네 한바퀴..






철새들이 북으로 이동하는걸 보니 날이 봄이 온다는 증거?





헤나가 출산을 했다.

아마도 실버 두마리와 골드 한마리..

실수로 실버 한마리가 죽어서 나왔는데..

그냥 놔두면 될것을 안타까워서 사람이 인위적으로 잘해주려 하다보니 한마리는 죽어서 태어났다.

래미보다는 애들 돌보는게 덜 지극 정성이네..





예당 저수지로 라이딩..






도고온천 옆 내가 좋아하는 가로수길..






연휴 마지막날인 일요일..

출근 하기위해 아침 일찍 열차를 탔다.

2주 연속 주말 출근이지만 고객이 만족해야 내 맘이 편할것 같아 주말 출근을 한다고 했다.

10시 20분에 도착해서 밤 12시가 다된 시간에 퇴근은 했지만..

그래도 어느정도 결과물이 나와줘서 기분은 좋았다.


명절이라고 이제는 설레지도 않고 그냥 오랜시간 푹쉬다 오는 날이 되어버렸다.

동창회 하면서 오랜만에 친구들도 보고..

지난 한주간 차가 갖고 싶어 여러 매장을 돌며..그래봐야 두개 매장이지만..견적을 냈는데..

결론은 차구매는 무리..

좀더 기다려보자.

저작자표시 (새창열림)

'日常' 카테고리의 다른 글

2015년 03월 01일 일상..  (0) 2015.03.02
2015년 02월 23일 광화문..  (0) 2015.02.23
2015년 02월 17일 일상..  (0) 2015.02.23
2015년 02월 13일 Liful Stadium Jacket..  (0) 2015.02.14
2015년 02월 08일 주말..  (0) 2015.02.09
Posted by Z700zZz
日常2015. 2. 23. 21:35

2015년 02월 17일 일상..

정말 바빴던 지난주..




눈이 왔는데 오자마자 이렇게 얼어버렸다.

김연아가 와서 스케이트 타도 될 정도인데..김연아는 은퇴했네..






출근하면서 항상 보는 풍경..





퇴근하고 갑자기 무슨 바람이 불었는지 명동에 옷구경을 하러갔다.

항상 드는 생각이지만 이제 이곳은 서울이 아닌것 같아..

외국인들이 왜이리 많은겨..





스터디 하러 회사에간 토요일..





주말 출근하면서 타고간 브롬톤..

이날 퇴근하다가 리어 드레일러가 망가졌다..

이것도 수리하러 가야하는데..ㅜㅜ





1학기 등록 기간이라 등록을 했는데..

제발 이번 학기엔 빵꾸안나고 제대로 학점 취득하도록 노력하자..





겨울도 다간거 같은데 눈이..

아마도 연말정산 혜택 받으려고 주택청약 세대주 확인서를 쓰러 갔을때였는데..

올해부터 적용 가능하단다. 후우..





미국의 폭설때문에 좀 늦게 도착한것들..

이중에 내것은 하나..





현재 파견나온곳의 최상층 전망이 좋다..





퇴근길..


주말 출근까지 하고 나름 바쁜 한주였다.

저작자표시 (새창열림)

'日常' 카테고리의 다른 글

2015년 02월 23일 광화문..  (0) 2015.02.23
2015년 02월 22일 명절..  (0) 2015.02.23
2015년 02월 13일 Liful Stadium Jacket..  (0) 2015.02.14
2015년 02월 08일 주말..  (0) 2015.02.09
2015년 01월 30일 퇴근..  (0) 2015.01.30
Posted by Z700zZz
JavaScript2015. 2. 22. 14:46

EncodeURI시 "+" 추가 되는 문제 해결..

서버에서 HTML파일 안에 Encode된 데이터를 넣어서 HTML을 자성하는데..

Java서버에서 Encode를 하게 되면 공백에 "+"가 붙기 때문에 Decode를 할경우 공백이 제대로 표현 되지 않는다.

일단은 서버쪽에서 해결 하는 문제는 아직 서버를 다루지 않기때문에 찾아보지 않았고 JavaScript에서 해결 하는 방법을 찾아 보았다.

Encode된 데이터에 "+"를 모두 공백을 Encode한 문자인 %20으로 치환해주면 문제는 해결된다.


decodeURIComponent(str.replace(/\+/, "%20"));


"+"기호 앞에 \를 붙여준 이유는 특수 문자라서 특수문자를 문자로 인식하기 위함이다.

서버쪽에서 문제를 해결하는 방법도 "+"를 모두 %20으로 치환하는 방법외엔 없을거라고 보는데..아닌가?

아무튼 "+"문자에 대한 해결은 치환으로 해결..

저작자표시 (새창열림)

'JavaScript' 카테고리의 다른 글

JavaScript 금칙어 관련 처리..  (0) 2016.06.29
JavaScript에서 Swipe Library인 Swipe.js..  (0) 2015.02.26
JavaScript 특수문자 Encode, Decode..  (0) 2015.02.17
JavaScript 역슬래시..  (0) 2015.02.16
JavaScript Confirm..  (0) 2015.02.11
Posted by Z700zZz
JavaScript2015. 2. 17. 16:49

JavaScript 특수문자 Encode, Decode..

게시물을 등록하면 그 게시물의 내용을 HTML로 만들어 주는 과정에서 문제가 생겼다.

내용을 바꿔줘야 하는 부분을 JavaScript의 Array로 만들어서 가지고 있엇는데.

내용안에 <script>와 같은 태그를 만나버리면 문자열로 인식 되는게 아니라 그순간부터 Script 로 인식을 해버리는 문제가 발생 되었다.

이 문제의 해결 방법은..HTML을 생성하는 순간에 Array에 들어갈 문자열의 특수문자를 Encoding해서 가지고 있다가..

그 문자열을 사용하는 시점에 Decoding해서 넣어주면 되는것..


encodeURIComponent()/decodeURIComponent()


앞은 Encoding, 뒤는 Decoding..

Json에 문자열로 특수문자니 뭐니 들어가도 알아서 잘 되는것 같은데..JavaScript Object는 그게 제대로 되지 않는것 같다.

일단은 서버에서 Encoding한 문자열을 HTML에 넣어 주면 Script로 처리를 해주면 될것 같긴한데..

해봐야 성공적인지 아닌지를 알것 같다. 제발 됐으면 좋겠다.

설날인데 집에가고 싶......


저작자표시 (새창열림)

'JavaScript' 카테고리의 다른 글

JavaScript에서 Swipe Library인 Swipe.js..  (0) 2015.02.26
EncodeURI시 "+" 추가 되는 문제 해결..  (0) 2015.02.22
JavaScript 역슬래시..  (0) 2015.02.16
JavaScript Confirm..  (0) 2015.02.11
Input의 MaxLength의 한글 문제..  (0) 2015.02.06
Posted by Z700zZz
HTML2015. 2. 17. 09:44

HTML Tooltip..

Button이나 TextInput등 태그 위에 마우스 포인터를 갖다 댔을때 그것에 대한 설명을 간략하게 표시해주는 기능을 ToolTip이라 한다. HTML에서 이 ToolTip을 띄우는 방법은..

태그에 title이라는 Attributte를 사용하면 된다.


<a href="javascript:void(0);" onclick="articleSave();" title="버튼">버튼</a>


위와 같이 사용하면 마우스 오버 했을때 Tooltip이 표시 되는것을 확인 할수 있다.

저작자표시 (새창열림)
Posted by Z700zZz
JavaScript2015. 2. 16. 18:17

JavaScript 역슬래시..

JavaScript내 String값으로 아래와 같이 선언이 되어 있다면..


var testString = "\1 \2 \3 \4 \5 \6 \7 \8 \9 \0";


이값중 8과 9만 역슬래쉬 없이 아래와 같이 출력 된다.



이상한문자..

이 작업을 왜 하게 된거냐 하면 윈도우는 경로를 표시할때 역슬래시로 표현을 해야 제대로 직어 들인다.

서버에서는 각 시스템에 맞춰 윈도우면 역실래시를 리눅스면 슬래시를 넣어주도록 설정 되어 있는상황.

역슬레시로 되어 있는 이부분을 HTML로 만들어서 뿌려줄 경우 제대로 동작을 하지만..

위의 데이터를 JavaScript의 객체로 생성해 이걸 태그안에 넣을 경우 문제가 생겨버린다.

JavaScript로 불러와지는 순간 역슬래시와 숫자가 조합이 되면서 이상한 문자나 공백으로 표현을 해버리면서 불러온 문자열이 제대로 표현되지 않는 상황..

그래서 역슬래시를 치환하려 해봤지만 이미 깨진 문자열에 치환을 해봐야 제대로 될리가..

그럼 서버에서 역슬래시를 슬래시로 넣던가 아니면 치환을 해서 보내줘야 하는데..

나는 클라이언트개발자고 서버 개발자 분은 지금 너무 바쁘고..ㅜㅜ

바꿔달라고 말을 해야하는데..하아..


저작자표시 (새창열림)

'JavaScript' 카테고리의 다른 글

EncodeURI시 "+" 추가 되는 문제 해결..  (0) 2015.02.22
JavaScript 특수문자 Encode, Decode..  (0) 2015.02.17
JavaScript Confirm..  (0) 2015.02.11
Input의 MaxLength의 한글 문제..  (0) 2015.02.06
JQuery에서 SpringMVC로 배열 파라미터를 넘길시 생길수 있는 문제..  (0) 2015.01.22
Posted by Z700zZz
HTML52015. 2. 14. 15:13

HTML5 Video..

HTML5 Video..


<head>

<meta charset="UTF-8">

<title>HTML5 Video</title>

</head>


<body>

<div>

<video autoplay loop controls id="thevideo" width="320" height="240">

<source src="muirbeach.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' >

<source src="muirbeach.webm" type='video/webm; codecs="vp8, vorbis"' >

<source src="muirbeach.ogg" type='video/ogg; codecs="theora, vorbis"' >

</video>

</div>

<div>

(Right-click to Control)

</div>

</body>


</html>


아주 기본적인 소스이며 video태그 안에 source태그가 여러개인것을 볼수 있다.

video에서 지원하는 비디오 형식은 한정적이며 브라우저 마다 지원 하는 형식이 서로 다르다.

그래서 각각 인코딩 된 파일들을 여러개로 주고 브라우저는 순차적으로 비디오를 로딩 하다가 지원하는 코덱에 맞는 영상을 플레이 하게 된다.(한국말이지만 제대로 이해가 될지..)

video에 여러 옵션이 있다.



저작자표시 (새창열림)

'HTML5' 카테고리의 다른 글

HTML5 Audio Element..  (0) 2015.04.27
화면 해상도에 맞춰 페이지 변경..  (0) 2015.03.13
HTML5 drawImage()..  (0) 2014.12.24
Html에서 Div와 TextArea의 줄바꿈.  (0) 2014.12.06
HTML5 Modernizr대신 HTML5지원 여부 알아보기..  (0) 2014.11.28
Posted by Z700zZz
日常2015. 2. 14. 13:28

2015년 02월 13일 Liful Stadium Jacket..

Liful Stadium Jacket..





간만에 무슨 바람이 불었는지 옷구경좀 한다고 여기저기 돌아 다니다 삘이 꽂혀 야구 점퍼를 보러 다녔는데..

도매스틱 브랜드중 나름 질좋고 이쁜 브랜드가 세일중이어서 괜찮으면 사려고 매장에 갔다가 입어보고는 엄청 실망을 했다.

옷 충전재나 겉감 안감 모두 세일해도 살만하지 않은 질..

몇년전만 해도 여기서 나오는 야구 점퍼 질이 이렇지는 않았던것 같은데 세일한 가격이어도 사고 싶지 않은 퀄이었다.

그러다 작년에 나온 라이풀 야구점퍼가 생각나 검색해보니 매물이 있는것..

바로 연락해서 샀는데 역시나..6년전에 산 야구 점퍼와 질이 거의 비슷하다.

6년전에는 충전재를 3M의 Thinsulate를 사용했는데 이번 자켓에는 아닌것 같다.

하지만 다른부분에서 모두 만족한다.

근데 판매자가 흡연자여서 좀 사는걸 망설였는데..역시나..아 담배 피는 사람들 특유의 냄새가 옷에..ㅜㅜ

가죽 세탁을 알아봐야 하는데..문의 한곳은 한벌당 6~8만을 달라고..뭐가 이리 비싼거지..믿고 맡겨봐야하나..

이쁜옷 잘구해서 기분은 좋네..

저작자표시 (새창열림)

'日常' 카테고리의 다른 글

2015년 02월 22일 명절..  (0) 2015.02.23
2015년 02월 17일 일상..  (0) 2015.02.23
2015년 02월 08일 주말..  (0) 2015.02.09
2015년 01월 30일 퇴근..  (0) 2015.01.30
2015년 01월 29일 그 동안의 지름 신고..  (0) 2015.01.29
Posted by Z700zZz
JavaScript2015. 2. 11. 09:40

JavaScript Confirm..

var result = window.confirm('삭제하시겠습니까?');

if(result) {

block of code;

}


위와 같이 사용하면 confirm창이 나타나며 확인과 취소 누를시 true와 false를 반환한다.

그게 맞게 코드를 작성하면 된다.

저작자표시 (새창열림)

'JavaScript' 카테고리의 다른 글

JavaScript 특수문자 Encode, Decode..  (0) 2015.02.17
JavaScript 역슬래시..  (0) 2015.02.16
Input의 MaxLength의 한글 문제..  (0) 2015.02.06
JQuery에서 SpringMVC로 배열 파라미터를 넘길시 생길수 있는 문제..  (0) 2015.01.22
JavaScript Undefined Type Check..  (0) 2014.12.24
Posted by Z700zZz
JQuery2015. 2. 10. 16:26

ajax 통신할때 기본 문법.

$.ajax({

type : "POST",

url : url,

data : data,

dataType: "json",

contentType: "application/x-www-form-urlencoded; charset=utf-8",

success : function(data) {

console.log(data);

},

complete : function(data) {

console.log(data);

},

error : function(xhr, status, error) {

console.log("에러발생 : " + error);

}

});


jQuery에서 ajax통신할때 기본 문법..

옵션에 대한 설명은 나중에..

언제가 될지는 모름..나도 모름..

아무튼 기본문법..

저작자표시 (새창열림)

'JQuery' 카테고리의 다른 글

jQuery ajax 통신시 412 Precondition Failed.  (0) 2015.03.05
jQuery의 getJSON의 문제점..함정??  (0) 2015.02.26
부모 태그를 찾아 지우기.  (0) 2015.01.21
CheckBox 전체 선택 해제..  (0) 2014.11.18
jQuery로 Ajax통신후 가져온 리스트나 배열 다루기.  (0) 2014.10.30
Posted by Z700zZz

티스토리툴바