본문 바로가기

전체 글

CSS 클래스(class)에 대한 이해 CSS 클래스(Class)는 뭘까? CSS를 배우다 보면 나오는 클래스에 대해 알아봅시다~ 클래스란 뭘까?CSS에서 클래스는 어떨때 사용될까? 다수의 엘리먼트에 스타일을 적용하고자 할때 쓰면 되겠습니다. 가령 특정 문단들을 오렌지톤으로 표시하고자 하는경우랄까? 실제 써보면 이해가 빠를듯 하네요.HTML 엘리먼트에 클래스 지정하는 방법은 다음과 같습니다. (class 속성을 이용한다.)CSS에는 요렇게 쓰거나 (엘리먼트 뒤에 점(.)을 붙이고 그다음에 클래스 이름을 씀으로 인해서 클래스에 있는 좀더 특별한 엘리먼트를 선택할 수 있게됩니다.)div.클래스이름{color: red;}엘리먼트 이름을 빼고 요렇게 써도 됩니다.엘리먼트 이름을 빼고 점(.)만 붙여서 클래스 이름을 쓰면 해당 클래스 내의 모든 멤버에.. 더보기
HTML 파일을 외부 CSS 파일에 연결하기 : link 태그 사용 HTML link태그 html내에 CSS 파일 연결하여 주는 방법에 대해 알아봅니다. 링크 태그를 사용해서 CSS연결하기 브라우저에게 이 HTML 파일은 특정 CSS 파일과 연결되어 있다고 알려주는 방법은 라는 XHTML 엘리먼트를 사용하면 된다. 사용법은 태그 아래에 다음과 같이 쓰면 된다.링크 엘리먼트는 외부 정보에 연결할 때 사용한다. rel 속성은 아마도 relation의 약자가 아닌가 싶다. 연결되는것과의 관계를 나타낸다. 더보기
스마트 3D TV 시청 거리는? 스마트 3D TV 권장 시청거리 아이들이 있는 집에서는 한번쯤 봐두면 괜찮을 정보가 있어서 소개합니다. 내용은 3D TV를 볼 때 권장 시청 거리에 관한 포스팅입니다.http://social.lge.co.kr/lg_story/tv_blog/lg_tv/3d-tv-view/ 권장 시청 거리 주요한 내용은 시청거리, 좌우 시청 범위(각도), 시청 자세, 시청 시간 이렇게 4가지 입니다.권장 시청 거리: 42인치는 약2.6미터, 47인치 약3미터, 55인치 약3.5미터좌우 시청 각도: TV정면에서 수직에 가까울수록 좋다.시청 자세: 똑바로 앉아서 봐라~시청 시간: 1시간 시청 후에는 5분~15분 정도 쉬어줘라. 재미 있는 건 우리 눈이 일상 생활 시에는 3초당 1번정도 깜빡이지만 TV나 독서 등 뭔가에 집중하면.. 더보기
css 선택자, 속성, 스타일 관계 CSS 선택자(Selector) 복습 CSS의 구문은 스타일을 지정할 대상을 나타내는 선택자와 그렇게 지정된 선택자를 어떤 속성과 값으로 변경할 것인지가 선택자 뒤에 따라옵니다. 즉 선택자, 속성, 값 이렇게 3가지가 되겠네요. Selector, Attribute, Value의 이해 다음은 일반적인 CSS 구문입니다. 이걸로 각 부분들이 무엇을 의미하는지 알아보죠. h1,h2{Background-color:red;}cs H1, H2 : 꾸미고자 하는 HTML 태그 요소(Element)를 말합니다. 위 예제에서는 선택자로서 HTML 태그가 지정된 것이고요. 꼭 HTML태그가 아니더라도 선택자는 ID나 CLASS가 될수도 있습니다. 참고로 선택자가 한 개 이상이라면 선택자 사이에 콤마(,)를 넣어주면 됩니다.. 더보기
_IID_IWICImagingFactory 링크 에러 해결방법 _IID_IWICImagingFactory 에러 _IID_IWICImagingFactory 링크 에러 해결방법을 알아 보도록 하겠습니다. 비주얼 스튜디오 _IID_IWICImagingFactory 에러 해결법비주얼 스튜디오 2005로 만들었던 프로젝트 파일 코드들을 Visual Studio 2010으로 변경 했더니unresolved external symbol _IID_IWICImagingFactory요런 링크 에러가 나오네요. 이것 해결 방법은 아래 코드 넣으면 됩니다. 잘 컴파일 되는군요.#pragma comment(lib,"Windowscodecs.lib") 더보기
소스인사이트 팁 : Source insight 한글 안 깨지게 하는 방법 소스인사이트 한글 안깨지게 하기 소스인사이트에서 한글 안깨지게 하는 방법을 알아보자. 참고로 소스인사이트의 매크로 파일은 .em 확장자를 갖고 있고C:\Users\Administrator\Documents\Source Insight\Projects\Base 와 같이 기본 프로젝트에 넣거나 해당 프로젝트에 추가할 수 있다. 방법기본 사용하는 매크로에 아무것도 하지 않는 DoNothing 매크로를 추가한다. macro DoNothing() { }Option > Key Assignment 메뉴로 가서 Macro: DoNothing에 'Shift + 한/영' 키로 할당한다. 더보기
error: conflicting types for 'variable’ 변수타입 충돌 에러 error: conflicting types for 'variable’에 대해 이야기해 보시죠. 에러 내용Variable의 사용이 헤더에 정의된 것과 다르게 사용하면 이런 오류가 납니다. 가령 a.h에는extern int *test; 라고 해놓고 b.h에는 extern int test[];라 해놓으면 요런 에러를 볼 수 있습니다. 똑같이 바꿔주면 되죠. 메시지 그대로 변수에 모순되는 타입을 다른 곳에 썼다는 것 입니다. 더보기
HTML의 Meta 태그와 doctype에 대한 이해 HTML의 Meta 태그와 doctype에 대한 이해 HTML의 메타 태그에 대해 알아보자. meta의 의미 '메타'는 이 페이지에 관한 무엇인가를 브라우저에게 말해 준다는 뜻이다. 보통 브라우저에게 사용할 문자가 무엇인지 나타낼 때 아래와 같은 메타 태그를 적는다. 문자 인코딩 참고 사이트 : http://www.w3.org/international /O-charset.html 메타 태그 이야기가 나왔으니 doctype에 대해서도 간단히 살펴보자. doctype은 브라우저에게 "이봐~ 난 HTML 표준을 따르고 있고 버전은HTML4.01이야 !" 라고 얘기하는 거다. 아래와 같이 쓰면 된다. 신기하게 DOCTYPE 앞에 느낌표( ! )가 있는데 이건 html 엘리먼트가 아니라는 뜻이다. 더보기