잉고래의 잇다이어리

다시보니 반가운 만화주인공들 얼마전 아이들 나들이겸 부천에 있는 ​한국만화박물관에 다녀왔는데, 진짜 반가운 만화들을 다시 보게되서 좋았다. 애들보다는 오히려 내가 더 흥분해서 아이들에게 한참을 떠들었던 기억이 난다. 그 중에서 가장 기억에 남는 ​순악질여사. 개그프로에서도 나오곤 했었지. 김미화씨가 검정 테이프 눈썹으로 붙이고 연기 했었지 아마? 음메 기죽어~ 뭐 그랬던거 같은데. 참 그립네. 그러고 보면 나도 참 나이가 들긴 들었나 보다. 천천히 들러보다 그림체는 기억이 나는데 캐릭터 이름이 기억이 안 나는 만화들이 많이 보이더라. 구경내내 그게 뭐더라, 뭐더라 하고 중얼거리면서 구경했더랬다. 이젠 기억력도 영~​ 예전 그 당시에는 눈과 입이 저런 모양이 유행했었다. 옆에서 보여지는 2차원적인 그림의 ..

CSS Selector 지난번에는 CSS의 구문 구성을 알아보았다. 다시 복습하면 CSS 문법은 선택자(Selector)와 선언 블록(declaration block)으로 구성됨을 기억하자. 이번 시간에는 선택자에 대해 좀 더 자세히 알아보고자 한다. CSS 선택자(Selector)는 HTML 요소(Element)를 요소 이름(element name), ID, 클래스(class), 속성(attribute) 등에 따라 찾거나 선택하는데 사용된다. 각각의 경우에 따른 선택자 사용법을 알아보자. 요소 이름 선택자 (element name Selector) 요소 선택자는 요소 이름을 기반으로 요소를 선택한다. 한글로 요소라고 써서 좀 헷갈릴 수 있는데 HTML의 태그 요소를 지칭한다. 아래와 같이 쓰면 페이지의..

티스토리 스킨 바꾸다가 git 설치까지 하네요. 블로그 스킨을 계속 변경하다가 버전 관리의 필요성을 느끼게 되었습니다. 그래서 설치까지 하게된 깃(git). 것참.. 계속 꼬리에 꼬리를 물고 진행되는구요. 흠... git 설치는 아주 간단합니다. git 홈페이지에서 셋업파일을 다운로드 받고 설치할 때 계속 next 버튼을 눌러주면 끝. 오... 완전 간단하죠. 이게 끝입니다. 아래 포스팅 내용은 공부할 겸 좀 더 자세한 설명글이고요. git에 대한 이해 프로그래밍 개발시 나오는 깃은 버전 제어 관리 시스템(Version Control System)을 말하는 것입니다. 버전 관리 시스템은 기능개선이나 버그 수정과 같은 의미있는 변화들 즉 소프트웨어의 버전을 관리하는 시스템입니다. 제 경우는 티스토리 스킨을..

노트북 기본 기능키가 번거로울 때 노트북으로 글을 쓰다 보면 자판 상단에 있는 F1 ~ F10 키가 다른 기능으로 동작해서 짜증이 나는 경우가 있다. HP 노트북의 경우 바이오스 셋팅만 바꿔주면 예전처럼 쓸 수 있으니 한번만 시간을 내서 바꿔주면 정신건강에 이롭다. 일단 노트북을 재부팅 하기 전에 바이오스에 들어가는 키를 알아야 한다. 내 HP 노트북의 경우는 F10이다. 항상 익숙하던 Delete 혹은 F2만 누르다가 F10은 좀 당황스럽기는 하다. 얘네들은 키를 왜 그렇게 설정했을까? 바이오스 설정을 바꿔보자 1. 노트북을 재부팅한다. 2. 노트북마다 바이오스 들어가는 방법이 다른데, Compaq Presario는 빨간색 Compaq 로고 화면이 나타나면 F10을 눌러 바이오스 설정으로 들어가고. H..

프로그래밍 코드 포스팅하기 티스토리에 HTML과 CSS 혹은프로그래밍 관련 코드를 포스팅 하다 보면, 프로그래밍 소스코드를 에디터로 표현하는 것이 여러모로 불편하고 가독성도떨어진다는 점은 해본 사람은 누구나 공감할 것입니다. 예전 포스팅에서SyntaxHighlighter 글을 찾았는데 추가 내용이 있어 수정 글 올립니다. 우선 프로그래밍 코드를 예쁘게 포스팅 하는 방법에는 2가지가 있습니다. 하나는 colorscripter 웹페이지에서 변환하여 포스팅에 붙여 넣는 방법이고, 다른 하나는SyntaxHighlighter라는 오픈소스 자바스크립트를 블로그에 넣어서 그때 그때 pre태그로 포스팅에서 삽입하여 사용하는 방법입니다. colorscripter colorscripter의 사용법은 쉽습니다. https:..

CSS 구문구성 지난 'CSS가 없던 시절의 문제' 글에 이어서 이번 글에서는 CSS가 어떻게 구성이 되는지 알아보자. CSS의 규칙은 선택자(Selector)와 선언 블록(declaration block)으로 구성된다.첫번째 선택자는 HTML의 나 태그 같은 스타일을 지정할 HTML 태그나 클래스, ID 등을 가리킨다. 두번째 선언블록은 하나 이상의 선언들 모음을 말하는데, 블록 안의 각 선언들은 세미콜론(;)으로 끝마치거나 구분되고 시작과 끝은 중괄호({ })로 둘러싸여진다. 그럼 이제 선언 블록 안의 각각의 선언들은 어떻게 구성이 되어지는지 알아야 할 것이다. 개별적인 선언(declaration)은 속성(Property)과 값(Value)으로 구성된다. 속성이란건 어떤 요소에 대한 속성을 말한다. ..