반응형

전체 글 324

[애드센스 승인] 티스토리 애드센스 승인 후기(무한반복신청)

애드고시라고 불리는 애드센스를 드디어 승인받았습니다. 몇몇 블로거분들은 한 두번만에 승인이 났다고 하시는데, 저는 몇번을 신청해도 계속 거절되어 많이 좌절하기도 하고, 중간에 포기한 적도 있었습니다. "애드센스 신청 결과 알림" 이라는 메일만을 목빠지게 기다리다가 열었는데, "애드센스 전문가가 신청서를 검토한 결과 프로그램 기준을 충족하지 못한 부분이 있다"는 안타까운 문장이 보일 때의 그 심정이란. 승인 계속 안되고 계신 분들은 공감하실겁니다. 블로그를 2019년 7월에 처음 시작했고, 7월부터 애드센스를 신청하기 시작해서 무려 20번을 신청한 끝에 2020년 3월에 승인받았으니, 저처럼 오래 걸리신 분들도 별로 없을 것 같습니다.(하하) 애드센스 승인된 안내 메일을 받던 날에도 큰 기대 없이 메일에 ..

Etc2 2020.03.05

[CSS] 선택자(Selector) 우선순위

* 0 tag 1 class 10 id 100 inline style 1000 !important 10000 전체선택자보다는 태그선택자가 우선되고, 태그선택자보다는 class선택자가 우선되고, class선택자보다는 id선택자가 우선되고, id선택자보다는 inline style이 우선되고, 이 모든 것보다도 우선되는 것이 !important 입니다. 옆에 0 ~ 10000 의 숫자는 강력함의 크기를 숫자로 표현해 본 것입니다. inline style은 태그 안에 속성을 주는 것입니다. 가령 에서 p태그에 색상을 blue로 지정한 것입니다. 선택자보다도 태그 안에 속성에 직접 스타일을 준 것이 더 강력합니다. 하지만 이보다도 더 우선되는 것이 !important 입니다. 스타일에 #text{color:red..

Etc2 2020.02.24

[CSS] 선택자(Selector) - 의사요소선택자, 구조선택자, 부정선택자

의사요소선택자 의사요소 선택자 의사요소 선택자 에서 은 시작태그, 은 종료태그, 그 안에 "의사요소 선택자"라는 글씨는 content입니다. :before라는 의사요소선택자는 이 content 앞에 줄 수 있는 스타일입니다. 이는 글씨로 보여질 뿐 html상으로 글씨가 아니고 CSS상 스타일이기 때문에 마우스로 드래그해도 선택이 되지 않습니다. 주의할 점은 :(콜론)으로 된 것들은 붙여서 써야 합니다. 띄어서 쓰면 제대로 나타나지 않을 것입니다. 의사요소 선택자 그렇다면 이번에는 "재밌는" 이라는 글씨가 아닌 빨간 사각형을 넣어보고 싶다면, content:' ' 이렇게 놓고(따옴표를 넣는 이유는 content라는 공간을 일단 만들어야 하기 때문입니다. 단지 content내용에 글씨만 넣지 않았을 뿐) 이..

Etc2 2020.02.24

[CSS] 선택자(Selector) - 속성선택자, 가상선택자

속성선택자(attribute selector) [태그의 속성] {속성:값; 속성:값;} 선택자의 종류 속성선택자 네이버 구글 다음 master@abc.com 가령 target이라는 속성처럼 속성을 선택자로 사용할 때는 [ ] { }를 사용합니다. [target]{ } 이렇게 사용할 수도 있고, [속성="속성값"] { } 이렇게 사용할 수도 있습니다. 선택자의 종류 속성선택자 구글 네이버 다음 master@abc.com 위의 예제에서는 class와 href와 target이 모두 list 태그(tag)의 속성(attribute)입니다. 따라서 스타일 지정시 속성선택자로 활용할 수 있습니다. [class="link"] { } 이렇게 된 것은 class명이 정확하게 link인 것들에 스타일을 주는 것이고, [c..

Etc2 2020.02.23

[CSS] 선택자(Selector) - 자손, 자식, 인접형제선택자 / 그룹화

이전 포스팅에서는 태그선택자, 전체선택자, class선택자, id선택자를 살펴보았습니다. 이번 포스팅에서는 자손선택자, 자식선택자, 인접형제선택자, 그룹선택자를 살펴보도록 하겠습니다. 5. 자손선택자(하위선택자) element element{속성:값; 속성:값;} 선택자의 종류 -------------a 자손선택자 -------------b 자손선택자2 -------------c 선택자 확인 -------------d 가나다 -------------e 마바사 -------------f 자손선택자 -------------g 자식선택자 -------------h 인접선택자 -------------i 위의 예제에서 div h2{color:blue;} 를 적용하면 b, c, d, e, f 부분이 파란색으로 바뀝..

Etc2 2020.02.23

[CSS] 선택자(Selector) - 태그, 전체, class, id선택자

선택자(Selector)는 딱딱한 html에 스타일을 넣어줄 때 기준이 되는 기호라고 할 수 있습니다. 가령 html로 뼈대를 잡아왔는데 특정 부분에 효과를 넣고 싶다면 그 특정 부분을 불러올 때 사용되는 기호입니다. 이러한 선택자는 여러가지 종류가 있습니다. 선택자는 위 그림에서 보이는 것처럼 아래와 같이 표현을 해주어야 웹브라우저에 적용되어 나타납니다. 선택자 {속성:값; 속성:값; 속성:값;} 여기서 속성과 값은 여러개가 나와도 상관없으며, 속성과 값 사이에는 : 표시를, 속성과 속성 사이에는 ; 표시를 반드시 해주어야 합니다. 여러가지 선택자를 차근차근 정리해보겠습니다. 1. 태그선택자 element{속성:값; 속성:값;} html을 짤 때 가장 기본이 되는 것이 각종 태그들입니다. 아래 예제에서..

Etc2 2020.02.23

[CSS] 단위 - vm, vh, vmin, vmax

vw(viewport width) : 뷰포트 폭 (1vw : 뷰포트 폭의 1%) (100vw : 뷰포트 폭의 100%) vh(viewport height) : 뷰포트 높이 1vmin : 1vw 혹은 1vh 중 작은값을 기준으로 1vmax : 1vw 혹은 1vh 중 큰값을 기준으로 1vw vw는 viewport width의 약자입니다. vw를 이해하기 위해 %와 먼저 비교해보겠습니다. p태그 스타일에 width:100%; 로 지정하면 부모인 body가 만들어준 공간의 100%를 사용한다는 뜻입니다. 여기서 body는 고유의 margin값을 가지고 있으므로 이 margin값을 일부러 없애지 않는다면 양 옆에 살짝 공간(body의 margin값)이 있을 것입니다. 하지만, vw는 부모가 만들어준 공간을 고려하..

Etc2 2020.02.23

[CSS] 단위 - px, %, em, rem

CSS 문법을 최근에 열심히 배우고 있습니다. 오늘 배운 내용도 잊어버리기 전에 얼른 기록해놓고 반복해보아야겠습니다. 기록은 기억의 어머니이까요! CSS는 html로 제작한 웹페이지를 화려하게 꾸며줄 수 있는 언어입니다. 화려하게 꾸미기 위해서는 style시트에 많은 줄의 코딩을 해주어야 하는데요. 몇 줄 안되는 코딩이라면 쉽게 수정할 수 있겠지만, 줄수가 늘어나면 늘어날 수록 작업하고 수정하는 것이 쉽지 않게 될 것입니다. 특히, font-size나 width와 같이 폰트크기나 문단 너비, 높이 등을 지정할 때는 줄 수가 많을 수록 헷갈릴 수 있습니다. 그래서 특히나 처음 CSS 스타일을 짤 때 단위부터 확실하게 체계를 잡아놓고 시작해야겠네요. CSS에서 사용되는 단위에는 px, %, em, rem 단..

Etc2 2020.02.23

[미국ETF] S&P500지수에 투자하는 IVV ETF. 배당금, 배당일(3,6,9,12월)

(1,4,7,10월 배당) 나이키 / JP모건 / 코카콜라 / 글로벌넷리스 (2,5,8,11월 배당) 애플 / 스타벅스 / AT&T / 마스터카드 / 프록터앤갬블 / 오메가헬스케어 / 코스트코 / 버라이즌 (3,6,9,12월 배당) 마이크로소프트 / 비자 / 존슨앤존슨 / 맥도날드 / 보잉 / 뱅크오브아메리카 / 펩시코 / 월마트 / 인텔 / 웰스파고 / 허니웰인터내셔널 / 도미노피자 / 퀄컴 / 블랙록 / 길리어드사이언스 / 3M / 유나이티드헬스그룹 / 암젠 (1,7월 배당) 디즈니 (매월 배당) 리얼티인컴 (ETF 배당) SPY / IVV / QQQ / SOXX / XLF / IBB / VIG / EWQ iShares Core S&P500 ETF(IVV) iShares 홈페이지 IVV ETF 페이지..

Etc1 2020.01.06
반응형