日常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
日常2015. 2. 9. 20:24

2015년 02월 08일 주말..

일상..





토요일 스터디 하러 가기전 집을 계약하러 과천으로 갔었다.

집보러 한번 오고 계약하러 두번째 오는거지만 뭔가 참 조용하고 좋다는 느낌..






11시 약속이었지만 집주인이 인감 위임장인지 뭔지를 안가지고 와서 12시로 미뤄졌다.

덕분에 스타벅스에서 시간 떼우기..





일요일은 전가가 불러서 수원으로..

언제나 반기는 아리..억울이..표정은 별로 반기는 표정이 아니네..





점심을 먹으러 자연별곡이란곳에 갔는데 건물 1층에는 골프장이..

스크린 골프인데 홀이 나뉘어져 있었다.

그래 이런걸 해야해..









전체적으로 맛있었다.

한식 위주다보니 뭔가 많이 못먹은듯한 기분..

하지만 위는 찢어질것 같았다.








커피숍가서 수다..

이런저런 이야기와 차는 뭘살지에 대한??





그러다 찾아간 쉐슬람 매장..

말리부 디젤이 참 잘나왔네..허허허





전가네 와서는 카다로그 감상..






뭐 이런걸다 챙겨주고..후후후






라미 사파리를 전부터 써보고 싶었는데 이렇게 선물로 주니 감사할 따름임..ㅜㅜ

빨갱이라 빨강이면 환장하는데 페라리 레드란다.

타보지 못하는 페라리 손에 쥐어 보기라도 해야지..이건 아닌가??

거기에 이름 각인까지..ㅋ


2년간 살던 집에서 나가기 위해 집을 계약했다.

재개발 예정이라 일년뒤에 이주 명령 떨어지면 나와야 하지만 그래도 지금 사는 집보다는 나을 것 같다. 이제 이사를 어떻게 할지를 고민 해야겠네..

차가 갖고 싶다..친구들이 차골라 준다고 쉐슬람 매장에 갔는데..말리부 디젤이 가장 맘에 든다. 근데 차값이 뉘집 애이름인가. 게다가 미친놈들이 사지말란 소리는 안하네..역시 내친구들이야..요즘 이런생각이 든다. 돈은 아끼고 모으는것과 하고싶은것 하면서..물론 빚은 지지말고..사는것. 과연 어떤게 나중에 후회가 더 적을지.. 전자는 갖고싶은것을 못갖고 하고 싶은것을 못하면서 스트레스가 생길것이고..후자는 미래에 대한 불안감에 스트레스를 받을것이고..조만간 선택을 하긴 할건데 고민이다.

저작자표시

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

2015년 02월 17일 일상..  (0) 2015.02.23
2015년 02월 13일 Liful Stadium Jacket..  (0) 2015.02.14
2015년 01월 30일 퇴근..  (0) 2015.01.30
2015년 01월 29일 그 동안의 지름 신고..  (0) 2015.01.29
2015년 01월 18일 한주간의 일상..  (0) 2015.01.18
Posted by Z700zZz

티스토리툴바