본문 바로가기
반응형

전체 글141

[php] 이메일 유효성 검사 filter_var() php에서 이메일 유효성을 검사하는 함수 소개합니다. 구조 $email1 = "test@test.com"; $email2 = "test@testcom"; if (!filter_var($email1, FILTER_VALIDATE_EMAIL)) { $emailErr = "잘못된 이메일 형식 입니다."; } if (!filter_var($email2, FILTER_VALIDATE_EMAIL)) { $emailErr = "잘못된 이메일 형식 입니다."; } 해당 구조를 보게되면 email2에는 이메일 형식이 잘못됬기 때문에 에러문 변수가 저장된다. post값을 가져왔을때 사용 $email = test_input($_POST["email"]); if (!filter_var($email, FILTER_VALIDAT.. 2022. 12. 12.
애드센스 3수만에 통과 후기 (티스토리 4개월차) 티스토리 블로그를 하시면서 수익도 낼수 있다는 장점이 있는데요. 다만 애드센스를 붙여야만 가능하다는 점! 애드핏도 승인이 되어 붙여보았지만 미미한 수익이여서 닫아놓은 상태인데요. 애드센스 신청을 3번만에 승인된 후기 말씀드립니다. 티스토리 현재 현황 글 갯수 108개 월간 방문자수 대략 1천명정도 제가 8월부터 블로그를 시작해서 9월, 10월, 11월 신청을 넣었는데요. 12월에 승인 메일이 날라왔더라구요. 전문적인 글이나, 글을 길게 많이 쓴다고 하면 승인율이 높아진다고 하는데, 정확하게는 구글만 알고 아무도 모른다는것... 계속 반려되시는분들도 꾸준히 신청하면 승인될 수 있을거라고 생각듭니다!. 데이터가 쌓이면 수익관련해서도 포스팅을 할 수 있으면 좋겠네요~ 2022. 12. 10.
[css] align 속성 중앙 정렬 왼쪽 오른쪽 정렬 css의 align속성과 margin:auto를 이용하는 방법 소개해드립니다. align 구조 .text1{align:left;} //왼쪽정렬 .text2{align:center;}//중앙정렬 .text3{align:right;}//오른쪽정렬 기본적으로 정렬을 할때 텍스트 정렬을 할때는 align을 사용 하신다고 생각하시면 됩니다. HTML 부분 1번 텍스트 2번 텍스트 3번 텍스트 text_box 클래스를 가진 div 안에 텍스트 3문단을 넣어놓은 상태입니다. CSS 부분 .text_box{width:300px;height:150px;border:1px solid #000;} .text1{font-size:18px;text-align:left;} .text2{font-size:18px;text-alig.. 2022. 12. 9.
[css] float 사용방법 html은 위에서 아래로 출력되지만 옆으로 붙여서 정렬할때 float를 사용합니다. 구조 div{float:left;} div{float:right;} div{float:none;} left : 왼쪽으로 붙음, right : 오른쪽 으로 붙음 none : float을 none함 (float된 것을 없앰) html 부분 1번 박스 2번 박스 3번 박스 css부분 .box1{float:left;width:200px; height:200px;text-align:center; line-height:200px;background:red; color:#fff;border:1px solid #000;} .box2{float:left;width:200px; height:200px;text-align:center; li.. 2022. 12. 6.
[JS] onclick 이용해서 링크걸기, 이벤트 걸기 안녕하세요 html 요소에 a태그 없이 onclick이벤트를 이용해서 링크 거는방법, 이벤트 거는 방법 소개합니다. 구조 링크 방법 이벤트 방법 두가지 구조가있는데 위 방법은 링크주소 쪽에 링크걸 주소를 입력하면 div에 링크가 걸립니다. 밑방법은 클릭시에 event()라는 함수를 불러옵니다. html부분 1번 박스 2번 박스 2개의 div 태그를 각각 onclick 이벤트를 넣어주었습니다. 1번박스는 네이버링크, 2번박스를 click2()함수 이벤트를 넣었습니다. js부분 script에 click2 함수를 alert 창을 띄우게 설정하였습니다. 2022. 12. 5.
마곡 대형 베이커리 카페 밀화당 다녀왔어요 교회 끝나고 와이프, 와이프 친한 언니랑 같이 커피 한잔 하려고 찾아보는데 소금빵이 있다는 소식에 밀화당을 방문 했답니다. 제 개인적으로도 빵도, 커피도 서울 물가에 비해 저렴하고 맛도 좋았습니다. 위치 서울 강서구 공항대로 236 쿠쿠빌딩 1층 (주차가능) 밀화당 로고 사진 매장 정면인데 주말점심 이후 시간대여서 사람이 꽤 많았답니다. 주말에 가실분들은 감안하시는게 좋겠어요 쿠키도 진열되어 있었지만 빵을 먹으러 갔기에 패스~ 한 20종류 이상의 빵이 있었고, 빵이 계속해서 나오고 있었습니다. 빵을 너무 좋아해서 뭘먹을지 엄청 고민하고 골라서 먹었습니다. 케잌과 조각케잌도 있었습니다. 우리가 고른빵! 왼쪽부터 감자빵, 소금빵, 어니언 치즈 크림 베이글?? 3개 골라서 먹었는데 빵들이 다 금방나와서 따뜻했.. 2022. 11. 13.
[Jquery] 반응형 웹에서 jquery 다르게 불러오는 방법 디바이스 크기 마다 jquery 를 다르게 불러오는 방법입니다. 기본구조 $(window).resize(function(){ if (window.innerWidth > 640) { // 현재 띄워진 창 크기가 640px 이상일때 /* 640 이상일때의 스크립트 */ } else { /* 640 이하일때의 스크립트 */ } }).resize(); 예제 pc화면에서는 3개씩 나타나게 하는 더보기 버튼이 모바일에서는 2개씩 나타나게 해보았습니다. html 구조 리뷰텍스트 내용 리뷰텍스트 내용 리뷰텍스트 내용 리뷰텍스트 내용 리뷰텍스트 내용 리뷰텍스트 내용 리뷰들이 나타나게 html 을 ul li 로 구성 해 놓은 상태입니다. js부분 $(window).resize(function(){ if (window.in.. 2022. 11. 11.
[Jquery] 제이쿼리로 css 적용하기 보통 css는 css파일에 한데 모아서 사용하는데요, 이벤트(클릭, 스크롤)가 있을때 css를 수정하고 싶을때가 있을때 사용하면 좋습니다. 보통 css적용 방식 .box{background:red;} jquery css 적용방식 $('.box').css('background','red'); 위 아래 적용방식은 서로 동일하게 작동합니다. 예시(클릭시 css수정) $('.click').click(function(){ $('.box').css('background','blue'); }); click이라는 class가진 요소를 클릭하게 되면 .box 부분 css가 blue로 변경됩니다. 2022. 11. 8.
반응형

티스토리툴바