본문 바로가기

분류 전체보기128

[CSS] 선택자에 대해 알고 가자!! CSS를 작성하면서 제일 중요한게 CSS 선택자입니다. 가상 선택자도 있고 브라우저마다 지원하는게 달라서 매번 헷갈리는 경우도 있지요~ 그래서 한번 정리를 쭉 해보았습니다. 선택자 = ele 로 표기를 했습니다. *S5 = Safari5 / F3.6 = Mozilla FireFox 3.6.x / O11 = Opera 11 / IE = 인터넷익스플로러 패턴 설명 S5 C8 F3.6 O11 IE9 IE8 IE7 IE6 #id id로 지정된 요소 선택 O O O O O O O O .Class class로 지정된 요소 선택 O O O O O O O O * 모든 요소 선택 O O O O O O O O Element Element 요소를 선택 O O O O O O O O ele:link 방문하지 않은 ele 선택 .. 2019. 10. 23.
[Jquery] 체크박스 체크여부 확인하기 총정리 사용자 정보를 받기위해선 유효성 검사를 해야한다.input 박스의 경우 val() 함수를 사용하여 유효성 검사를 하면 되지만체크박스의 경우 약간 체크하는 방법이 다르기때문에 기록을 해둔다. ID 명으로 checked 확인을 할 경우 if (!$("input:checked[id='box1']").is(":checked")){ alert("에러문구를 표시"); $("#box1").focus(); return; } Name 으로 checked 확인을 할 경우 if (!$("input:checked[Name='box1']").is(":checked")){ alert("에러문구를 표시"); $("#box1").focus(); return; } 전체 체크박스를 한번에 체크또는 해제하기 HTML 코드 부분 전체선택 .. 2019. 9. 25.
[자바스크립트] if문으로 undefined 체크방법 그리고 Null체크방법 정말 자바스크립트 기초이긴한데... 헷갈릴때가 많다... 나만그런가...비교문을 통해 값이 없을경우 undefined 를 if 문을 사용하여 비교하는 경우가 있는데 이럴때 if(aa = "undefined"){...} 으로 큰따옴표를 감싸야 되는지 아니면, if(aa = undefined){...} 으로 큰따옴표 없이 체크를 해도 되는지 헷갈릴때가 종종 있습니다. 이럴경우엔 큰따옴표 없이 체크를 하는게 맞습니다.if (aa === undefined){....} 만약 따옴표를 넣고 체크를 할꺼라면if (typeof aa == "undefined"){....}이런식으로 체크를 하면 됩니다 번외로 Null을 체크할땐 어떻게 할까요?if (aa == null) {.....} 이렇게 해도 되겠지만 좀더 정확하게 .. 2019. 9. 6.
[ASP] 세션만료시 쿠키도 같이 삭제하기 DateAdd함수 요즘은 asp를 사용을 잘 안해서 그런지... 정보가 많이 없다.....오늘은 asp에서 세션으로 로그인을 할때 쿠키정보도 생성을 해서 스크립트로 활용하는 경우가 있다 보통 세션은 20분이 지나면 만료가 되어서 다시 로그인을 해줘야 하지만쿠키는 보통 1일단위로 생성을 하다보니, 세션은 만료가 됬으나 쿠키가 남아있는 경우가 있었다. 이럴경우 세션으로 로그인시 쿠키시간도 정해서 동일하게 20분으로 통일하면 문제가 해결이 된다. 아래의 코드처럼 세션생성시 쿠키도 시간을 20분을 주면된다. 여기서 dateAdd라는 함수를 사용하는데 asp에서 시간을 다룰때 사용하는 함수이다. 사용법은 혹시몰라 같이 기재를 해둔다. 사용방법 구문 : DateAdd(Interval, Number, Date) 구성요소 필수/선택 값.. 2019. 8. 29.
[ASP] 데이터를 Json형식으로 전송하는 방법 asp를 사용하여 Ajax등을 사용하기 위해선 json 형식으로 값을 전달을 해야한다. 그런데 asp는 php와 달라서 자체적으로 json 형식으로 보낼 방법이 없다. 해외 사이트를 검색하고 확인해본결과, json형식으로 해주는 asp 파일을 구할수 있었다사용방법은 아래와 같다 [기본적인방법] - ajax를 통한 응답 결과값 {"name":"deokran","age":"35","message":"hello world"} [SQL쿼리를 이용한 방법] - ajax를 통한 응답 결과값 [{"name":"deokran","age":"35"},{"name":"hyeran","age":"35"} ] [다중배열 방법] - ajax를 통한 결과값 [{"0 - 0","0 - 1"},{"1 - 0","1 - 1"}] as.. 2019. 8. 23.
[반응형] 유투브 반응형으로 넣는방법 유투브 영상을 반응형 코드에 맞게 화면을 줄였을때비율에 맞게 줄어들게 하려면 아래와 같이 코드를 작성하면 된다. HTML 코드 부분 CSS 코드 부분 .video-container { position: relative; max-width: 100%; padding-bottom: 56.25%; height: 0; } .video-container > iframe { position: absolute; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 여기서 CSS 비율 퍼센트가 중요한데 비율은 아래와 같다16:9 = 56.25%4:3 = 75% 이부분만 잘 이용하면 유투브 영상도 반응형으로 넣을수 있다 2019. 8. 20.
[IE] 인터넷익스플로러에서 background-attachment:fixed 사용시 버벅거림 해결방안 크롬과 파이어폭스 계열에선 background-attachment:fixed CSS부분이 문제없이 정상적으로 잘 작동을 합니다. 그러나 IE(인터넷익스플로러)와 edge(엣지) 계열에선 백그라운드를 고정을 하면, 버벅거림이 발생이 됩니다... 자바스크립트로 하는방법도 많지만 CSS로 해당 부분을 해결할수가 있는 부분이 있어서 기록을 해둡니다. /*Edge - works to 41.16299.402.0*/ @supports (-ms-ime-align:auto) { html{ overflow: hidden; height: 100%; } body{ overflow: auto; height: 100%; position: relative; } } /*Ie 10/11*/ @media screen and (-ms-h.. 2019. 8. 2.
[ASP] euc-kr 서버에서 ajax 로 값을 넘길때 한글깨짐 해결방안 이것때문에 몇시간을 고생을 해서... 기록을 남깁니다. euc-kr 은 기본적으로 파일 인코딩은 ansi 타입이다 문제는 ajax 로 한글데이터를 넘긴뒤 DB에 기록을 하면, DB에 한글값이 깨져서 등록이 됩니다... [해결방안]은 넘길 한글데이터를 Ajax로 넘기기전 데이터를 escape 시켜서 데이터를 넘겨야 된다는것 입니다. 물론 ajax를 데이터를 받는 ASP 페이지는 당연히 상단에 아래와 같이 euc-kr 로 설정을 해주셔야 합니다. 그리고 가장 중요한 ajax를 데이터를 넘길때 아래와 같이 한글 부분은 escape 로 감싸서 넘기세요... $.ajax({ type:"POST", url:"ajax.asp", data:"company="+escape("우리소프트")+"&addr="+escape(".. 2019. 6. 17.
[ASP]글자 깨짐으로 인한 인코딩 변환 ASP 코드 작성시 인코딩을 변환시, 글짜가 깨짐현상이 나오는경우가 있다 그럴경우 보통 최상단에 아래의 코드를 입력해주면 깨짐 현상이 없어진다 ^^ [EUC-KR] [UTF-8] 2019. 6. 11.