스타일시트 이야기 다른 글 [CSS] 스타일시트 1편 -스타일 시트(Style Sheet)란? [CSS] 스타일시트 2편 - 스타일의 우선순위와 셀렉터 사용법 스타일시트 2편 - 스타일의 우선순위와 셀렉터 사용법 스타일의 우선순위 앞의 스타일 시트(Style Sheet)란? 포스트에서 페이지 내에서 스타일을 적용하는 방법은 다음과 같이 3가지의 방법이 있다고 설명하였습니다. 1. 외부 스타일시트를 불러오는 방법 2. style 요소를 사용해서 HTML 문서 안에 삽입하여 설정하는 방법 3. style 속성을 사용해서 태그에 직접 스타일을 적용하는 방법 위의 방법대로 할 수 있기 때문에 하나의 문서에 여러가지 스타일이 설정되어 중복으로 사용될 수 있는데 이러한 경우를 위해 스타일에는 기본적으로 우선순위가 ..
스타일시트 이야기 다른 글 [CSS] 스타일시트 1편 - 스타일 시트(Style Sheet)란? [CSS] 스타일시트 2편 - 스타일의 우선순위와 셀렉터 사용법 HTML/CSS 이야기 스타일 시트(Style Sheet)란? 스타일시트(Style Sheet)란? 기존 HTML의 경우를 보면 폰트, 색상, 크기등을 일일히 적어 주어야 하는 불편함이 있었는데 일일히 입력을 하다보니 시간과 노력이 엄청나게 들어갔었습니다. 이 단점을 극복하기 위해서 만든 것이 바로 스타일시트(Style Sheet)라는 것입니다. 스타일시트를 사용하면 다음과 같은 장점이 있어요 스타일시트의 장점 1. 웹페이지 관리가 쉬워져요 2. 웹페이지를 전보다 멋지게 꾸밀 수 있어요 3. 로딩 시간이 줄어들어요 스타일시트의 기본 형태 이어서 ..
HTML의 시작 HTML을 시작하기에 앞서 가장 궁금한 것은 바로 HTML이 무엇을 하는 녀석인가죠. 그래서 준비했습니다. HTML은 Hyper Text Markup Language 의 약자에요. 그리고 파일명에서의 확장자는 htm과 html로 끝나죠. HTML은 웹 브라우저에서 페이지를 어떻게 보여줄지 작성할 수 있어요. 그럼 HTML에 대해 정리해 보죠. - Hyper Text Markup Language의 약자 - 확장자로 htm 또는 html을 가지는 파일 - 웹 브라우저에서 페이지를 어떻게 보여줄지 작성 가능 - 간단한 문서 편집기로 편집 가능 설명만 들으면 심심하니까 그러면 다음과 같이 소스를 만들어서 테스트를 해보죠. test.html이라는 파일을 만들고 다음과 같은 내용을 입력해요. Th..
AJAX 이야기 AJAX 예제(AJAX Example) 서버에서 수신한 데이터 :
HTML 이야기 HTML 그 두 번째 이야기 HTML 태그에 대해서 알아보죠. - HTML 태그는 로 둘러싸여 있어요. 예를 들면 이렇게요. 또 각각의 태그들은 시작하는 태그가 있으면 끝내는 태그가 있어요. 이렇게 쌍으로 존재해서 그 안에 내용을 입력하게끔 되어 있어요. 또 대소문자를 가리지 않아요. 와 는 같은 의미에요. HTML 태그라는 녀석에 대해 정리해 보죠. - HTML 태그는 로 둘러싸여 있다. - HTML 태그는 쌍으로 존재한다. - 대소문자를 구분하지 않는다. 다음 소스를 보도록 하죠. TEST 이 소스에서 태그 시작 부분은 이고 태그의 내용은 TEST이며 태그의 끝 부분은 임을 보여주고 있습니다. 왜 우리는 소문자로 이루어진 태그를 사용해야 할까? 앞에서 태그에 대해서 이야기할..
HTML 이야기 HTML 글씨에 효과주기 글씨에 효과주기 태그 설명 굵게 크게 강조 이탤릭 작게 굵게 Defines subscripted text Defines superscripted text Defines inserted text Defines deleted text Deprecated. Use instead Deprecated. Use instead Deprecated. Use styles instead 특수문자들 특수문자 출력코드 특수문자 출력코드 특수문자 출력코드 > & & † " " ⓒ © ‰ ® ® 공백 Ÿ ™ ™ ! ! ¡ ¡ § § " ' ¢ ¢ æ æ * * ¤ ¤ ¿ ¿ = = ¥ ¥ × ×
우리말 이야기 틀리기 쉬운 맞춤법 1. 으로/므로 일반적인 형식은 다음과 같이 사용합니다. "~때문에" 의 뜻일 경우 + "므로" "~하는 것으로"의 뜻일 경우 + "ㅁ+으로" 맞는 예) 부재중이므로 전화를 받을 수 없습니다. -> "~때문에"의 뜻이므로 "이므로"가 사용 편지를 보냄으로 대신한다. -> "~하는 것으로"의 뜻이므로 "ㅁ+으로"가 사용 틀린 예) 바쁨으로 깜박 잊었다.(X) 혼잡함으로 후문을 이용해 주십시오.(X) 2. 되다/돼다 "돼"라는 말은 "되어"를 줄일 말입니다. "돼다"라는 말을 풀어보면 "되어다" 가 되는데 아무리 봐도 어색합니다. 맞춤법상 틀린 말입니다. "됐다"라는 말을 풀어보면 "되었다."가 되는데 이는 맞는 말입니다. 그럼 자주 사용하는 예를 들어보겠습니다. 맞는예) ..
컴퓨터 이야기 네트워크 용어 정리 - Internet과 IntraNet 그리고 ExtraNet IntraNet은 일정 범위 내에서 사용하는 인터넷(예: 회사) ExtraNet은 인트라넷과 거의 유사하지만 IntraNet에서 예로 든 회사외에 협력 회사나 고객등에게 사용할 수 있도록 한 것 - LAN과 WAN LAN(Local Area Network) : 한정된 공간안에서 네트워크를 구성하는 경우 WAN(Wide Area Network) : 멀리 떨어진 지역을 서로 연결하는 경우 - 이더넷과 토큰링 이더넷과 토큰링은 네트워킹의 한 방식, 네트워크 구성 방법이라고 생각하자. 이더넷에서의 통신 방식 CSMA/CD(Carrier Sense Multiple Access/Collision Detection) CS(..
컴퓨터 이야기 IP 이야기 IP 이야기 IP에 대한 이야기를 해보고자 합니다. 인터넷을 하면서 수없이 들어보는 용어들 중에서 IP라는 녀석이 있습니다. 이 IP는 다음과 같은 이진수 32비트의 형태로 사용하도록 정해져 있습니다. xxxxxxxx.xxxxxxxx.xxxxxxxx.xxxxxxxx 이렇게 x라고 표시한 이유는 하나의 x당 0 또는 1(이진수이기 때문이죠) 들어갈 수 있기 때문에 이렇게 표시를 했습니다. 예를 들면 다음과 같습니다. 11111111.11111111.11111111.11111111 한번 1의 갯수를 세어 볼까요? 세어보면 총 32개임을 알 수 있습니다. 우리는 이 32개의 이진수로 인터넷을 사용할 수 있게 되는 것이지요. 32개의 이진수를 보기 좋게 하기 위해서 8자리마다 점(.)..
DLL 이름으로 DLL 파일이 등록된 경로를 알아보자 DLL파일이 등록된 경로를 알아보자 시작 -> 실행을 누른 후 regedit를 실행한다. 그러면 regedit가 실행이 되는데 왼쪽 부분은 보면 내 컴퓨터의 항목으로 HKEY_CLASSES_ROOT 가 보일 것이다. 왼쪽에 +된 부분을 -로 바꿔서 항목을 확장한 다음 해당 DLL 이름을 찾는다. DLL 이름이 검색이 되면 하위 항목의 CLSID를 클릭하면 해당 DLL의 CLSID를 알 수 있다. 다시 CLSID를 가지고 HKEY_CLASSES_ROOT의 하부 항목인 CLSID에서 검색한다. 검색이 되면 하부 항목에 다음과 같은 내역이 보일 것이다.InprocServer32 항목의 기본값을 보면 데이터 부분에 DLL의 경로가 보일 것이다.
AJAX 이야기 파일 읽어서 화면에 출력하기 이 예제는 http://www.w3schools.com/ajax/tryit.asp?filename=tryajax_first에서 퍼온 예제입니다. Change Content 버튼을 누르면 ajax_info.txt 파일에 있는 내용을 읽어 화면에 출력합니다. 1. ajax_ex1.html 파일 만들기 ajax_ex1.html 파일을 만들고 아래와 같이 입력합니다. Let AJAX change this text Change Content 2. ajax_info.txt 파일 만들기 AJAX is not a new programming language. AJAX is a technique for creating fast and dynamic web pages. 실행하면..
AJAX 이야기 AJAX 예제. XML 파일 읽어서 출력하기 이 예제는 http://www.w3schools.com/ajax/tryit.asp?filename=tryajax_xml에서 퍼온 예제입니다. Get XML data 버튼을 누르면 XML 파일의 정보를 화면에 출력합니다. 1. ajax_ex2.html 파일 만들기 Retrieve data from XML file Status: Status text: Response: Get XML data 2. note.xml 파일 만들기 Tove Jani Reminder Don't forget me this weekend! 실행해서 Get XML data 버튼을 누르면 아래와 같이 보이게 됩니다.
성공을 위한 13가지 노력 1. 절제 - 몸이 나른해 질 때까지 먹지 말 것. 2. 침묵 - 필요 없는 대화를 피할 것. 3. 질서 - 물건은 놓아두어야 할 곳에 놓아두고 해야 할 일은 해야될 때 할 것. 4. 결의 - 결심한 것은 틀림없이 실천할 것. 5. 검소 - 남이나 자신에 대해서 좋은 일을 하는 경우 이외에는 비용을 들이지 말 것. 6. 근면 - 시간을 헛되이 버리지 말 것. 7. 성실 - 올바르고 때묻지 않은 생각을 가질 것. 8. 정의 - 도리에 어긋난 행위나 의무를 게을리 함으로 남을 해치는 일을 하지 말 것. 9. 온건 - 극단을 피할 것. 10. 청결 - 몸, 옷, 집의 불결을 용서하지 말 것. 11. 평온 - 사소한 일이나 우연한 일로 마음의 평정을 흐트러 지게 하지 말 것. 12. ..
나를 바꾸는 생각 꿈을 이루고 싶다면 1년간만 미쳐라 누구나 성공을 꿈꾼다. 하지만 결과를 놓고 보면 성공하는 사람보다 성공하지 못한 사람들이 훨씬 많다. 왜 그럴까. S&P변화관리연구소 소장으로 최근 직장인 성공지침서인 ‘1년만 미쳐라’(좋은책 만들기)를 펴내기도 한 강상구씨는 “자기 분야에 미치지않으면 성공할 수 없다”며 “1%의 희망만 보여도 매달려라”고 강조했다. 강 대표에게 자기자신에 대해 미쳐야만 하는 이유와 그 실천 방안 등에 대해 들어봤다. ◆왜 어떤 일에 미쳐야 하는가 = 처음 입사할 땐 신입사원으로동등한 위치에 놓인다. 하지만 시간이 지나면 얘기가 달라진다. 가치기준을 100으로 놓고 봤을 때 90의 가치가 있는 사람이 있는가 하면 어떤 사람은 50도 안되고, 또 어떤 사람은 가치가 전..
- Total
- Today
- Yesterday
- W3Schools Online Web Tutorials
- 구차니의 잡동사니 모음
- [IT]블로거팁닷컴
- 비앤아이님의 블로그
- Blog Suspect
- 즐거운하루 blog
- zinicap의 검색엔진 마케팅(SEM)
- 머니야머니야님의 블로그
- [Friend] AtinStory
- [기타배우기]해브원 박스
- [웹표준] SINDB.com
- 해커 C 이야기
- [애드센스] 길라잡이
- 정순봉의 IT SCHOOL
- 씨디맨의 컴퓨터이야기
- 2proo Life Story
- 못된준코의 세상리뷰
- [IT강좌] 정보문화사
- IN 대전
- 에우르트는 나쁜남자 -_-
- 씬의 싱크탱크
- 엔돌슨의 IT이야기
- 진이늘이
- 'Cooltime'의 블로그
- 후이의 Tistory
- Soulstorage
- 앤드&엔드의 블로그
- June Blog
- 노지의 소박한 이야기
- gbWorld
- 인터넷 속 나의 생각
- HarshNix
- ART of WEB
- 녹두장군 - 상상을 현실로
- It
- 프로그래밍 문제
- 인터넷 익스플로러
- 리뷰
- 소스코드
- MBTI 강좌
- 성공
- 강의
- 소스
- MBTI
- 안드로이드 어플 추천
- 스마트폰
- 모토로이
- 효과음
- MBTI 자료
- 프로그래밍
- 안드로이드 어플
- C
- C언어 문제
- JavaScript
- HTML
- MBTI 검사
- C언어 소스
- 강좌
- 인터넷
- C언어
- 안드로이드
- php
- 예제 소스
- MBTI 테스트
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 |