IT종합 블로그

자기전에 인기동영상으로 올라와있어서 보게됐는대 개발자 3년차인 나에게는 눈을 뗄 수 없게 빠져드는 영상이었다! 제일 기억에 남은 말은 "하루에 1만원 남는 물건을 1개씩만 팔아도 월 30만원 연 360만원" 하루에 한 개 정도는 나도 팔 수 있지 않을까라는 생각이 들었고 나는 아무것도 하지 않고있었구나 노력하면 쉽진 않겠지만 돈 벌 수 있는 방법은 많았구나 라는 생각을 하게됐다. 새로운 프로젝트가 시작되어서 당장 시작할 순 없지만 이분을 따라 부수입을 챙겨볼 생각이고 혹시나 부 수입을 얻을 생각으로 했는 대 더 많은 수익을 기대할 수 있다면 지금은 아니지만 그때는 퇴사를 생각 할 수 있지 않을까??

여러 도메인들 간 쿠키 공유하기도메인들 간 쿠키 공유하기(Sharing cookies across multiple domains hosted on different servers)이 글은 http://www.innovativephp.com/sharing-cookies-across-multiple-domains-hosted-on-different-servers/ 의 글을 번역한 글입니다.도메인들간 쿠키 공유에 대한 간단한 소개왜 필요한가?웹사이트나 웹어플리케이션을 개발할때 필요에 따라 단일 도메인이나 별개의 도메인 또는 서브도메인을 사용할수 있다. 그리고 일반적으로 보안이나 성능, 서버부하 등에 대한 이유로 서브 도메인 형식으로 구성한다구글은 이 개념을 이해하는데에 좋은 예이다. 구글은 메일, 검색, 구글..

function check(){ var str = document.getElementById('personName'); if( str.value == '' || str.value == null ){ alert( '값을 입력해주세요' ); return false; } var blank_pattern = /^\s+|\s+$/g; if( str.value.replace( blank_pattern, '' ) == "" ){ alert(' 공백만 입력되었습니다 '); return false; } //공백 금지 //var blank_pattern = /^\s+|\s+$/g;(/\s/g var blank_pattern = /[\s]/g; if( blank_pattern.test( str.value) == true){..

스페이스 조금 더 큰 스페이스 큰 스페이스

siblings() 함수는 DOM 트리 상의 형제 요소들을 찾아 새로운 jQuery 객체를 만들어 줍니다. 이 함수에는 $() 함수에 사용할 수 있는 모든 선택자 표현이 올 수 있습니다. 만일 그 선택자가 주어졌고 그 선택자에 의해 선택될 수 있는 바로 다음 요소들이 있다면 jQuery 객체가 반환되고 그렇지 않다면 제외됩니다. 예를 보시죠. list item 1 list item 2 list item 3 list item 4 list item 5 item 3의 형제 요소들을 찾아볼까요. $('li.third-item').siblings().css('background-color', 'red'); 스크립트의 결과는 items 1, 2, 4, 그리고 5 의 배경색이 바뀌게 됩니다. 선택자 표현을 포함하지 ..

function fnOpenChapter() {02.var obj = $('#chapter_select');03.var iHeight = (document.body.clientHeight / 2) - obj.height() / 2 + document.body.scrollTop;04.var iWidth = (document.body.clientWidth / 2) - obj.width() / 2 + document.body.scrollLeft;05. 06.obj.css({07.position: 'absolute'08., display:'block'09., top: iHeight10., left: iWidth11.});12.} 팝업등 추가로 열리는 창을 반응형으로 항상 가운데 고정시켜줍니다.

* 예시 width : 90%; / * CSS3를 지원하지 않는 예전 브라우저를 위한 설정 * / width : -webkit-calc(100% - 50px); / * 크롬 브라우저와 사파리 * / width : -moz-calc(100% - 50px); / * 파이어폭스 * / width : calc(100% - 50px); / * 인터넷 익스플로러 * /

CSS3 미디어 쿼리 (media queries) 먼저 보는 기본 예시 @media only screen and (max-width: 68.75em) { /\* 1100 \*/ } @media only screen and (max-width: 62.5em) { /\* 1000 \*/ } @media only screen and (max-width: 47.5em) { /\* 760 \*/ } 역사 간단한 형태의 미디어 쿼리는 CSS2에서 부터 사용되었습니다. 예제1: 예제2: @media screen { * { font-family: sans-serif } } 즉, ‘screen’이나 ‘print’ 처럼 ‘미디어 타입 (media types)’ 에 따라서 특화된 스타일을 사용할 수 있었습니다. 그밖에 제안..

Column: '컬럼명' in where clause is ambiguous 서로다른 테이블을 조인했을때 같은 컬럼이 있으면 생기는 에러 SELECT * FROM A,B WHERE id = 1 A와 B 테이블 모두 id를 가지고 있다면 에러가 난다. SELECT * FROM A,B WHERE a.id = 1

​ 먼저 HTTPS통신을 구현 하기 하기전,SSL 이란?Secure Socket Layer의 약자로 SSL 프로토콜은 간단하게 웹서버와 브라우저 사이의 보안을 위해 만들어졌다.​간단하게 요약하자면 대칭키를 이용하여 암호화 통신을 한다! HTTP에 SSL 적용을 하여 Https 통신을 하게된다!이러한 암호화 통신을 하기 위해선 SSL 인증서가 필요하다. ​SSL 인증서란 해당 웹 사이트가 해킹에 신뢰있는 사이트인지, 안전한 통신을하는 사이트인지를 구분하기 위해누군가가 이 사이트가 신뢰가 있는 사이트라고 인증을 해주기 위한 인증서이다. 인증서에는 인증서 소유자의 email, 소유자 이름, 인증서 용도, 인증서 유효기간, 발행기관, public key 등이포함되어 있다.​인증서에 서명한 사람을 신뢰한다면, 서..