잉고래의 잇다이어리

css의 list 속성은 html의 리스트 태그를 꾸밀 때 사용합니다.html의 리스트 태그로는 순서가 없는 목록을 나타내는 태그와 순서가 있는 목록을 나타내는 태그가 있죠. css의 list 속성을 사용하면 item marker라고 하는 리스트 아이템의 맨 앞에 나오는 모양을 변경하거나 이미지를 넣고 배경 색상을 변경하는게 가능합니다. 각각에 대해 살펴봅시다.1. list-style-type : 이 속성은 리스트 아이템 마커의 타입을 지정할 때 사용합니다. 네모, 동그라미, 숫자, 알파벳 그런것들로 말이죠. 쓰는 법은 ul { list-style-type : circle }이런 식으로 쓰면 됩니다. 2. list-style-image : 이 속성은 리스트 아이템 마커로 이미지를 지정할 때 사용합니다. ..

—save-dev 옵션은 왜 넣을까? ​ Node.js의 npm로 모듈을 설치할 때 아래처럼 --save-dev 옵션을 넣는 경우가 있습니다. 이 옵션은 어떤 의미일까요? $npm install --save-dev babel-cli ​ Node.js에서는 보통 npm으로 모듈을 설치합니다. `$npm install [모듈이름]` 이런 식으로요. 이러면 명령을 실행한 디렉토리에 node_modules라는 이름의 디렉토리가 생기고, 해당 디렉토리 안에는 모듈이 설치됩니다. 그런데 다른 프로젝트에서도 똑같은 모듈이 필요하면 어떻게 해야 할까요? 똑같이 `$npm install [모듈이름]`을 해당 프로젝트의 폴더에서 해야겠죠. 한 두번이면 괜찮은데 이런 작업이 100개 1000개이면?? 또 추가해야 할 모듈이..

css의 link 속성을 사용하면 다음 예제와 같이 나만의 링크 버튼을 만들 수 있습니다. 링크 스타일1 링크 스타일2 링크 스타일3 링크 스타일4 링크는 HTML의 a 태그에 css 속성을 적용해서 커스마이징 할 수 있는데요. a태그에 color, font-family, background 같은 여러가지 css 속성들을 조합하면 됩니다. a { background:black; color:white; } 하나씩 조합해 보는게 익숙해 졌다면 좀 더 나아가 링크의 상태에 따른 각각의 스타일을 지정할 수도 있습니다. 예를들어 마우스를 올렸을 때, 클릭을 했을 때 등으로 말이죠. a:link - 방문하지 않은 링크 a:visited - 방문한 링크 a:hover - 마우스를 올려놓았을 때 a:active - 클..

피아노 독학을 다시 시작했다. 이런 다짐이 이번엔 얼마나 갈지 모르지만 다시 한번 또 시작해본다. 삶이란 그런게 아니겠는가. 도전하고 또 실패하고 또 도전하고. 꼭 성공해야. 꼭 1등을 해야 즐거운건 아니지 않은가. 배우는 과정에서 하나씩 성취하는 기쁨또한 크지 않겠는가. 무언가 이루어 간다는 것. 배울 수 있다는 환경과 건강이 얼마나 감사한지. 스스로를 행복하게 하기위해 배우는 것이다. 올해 목표는 1곡 치는 것.

가끔은 정말 사라지고 싶은 날이 있다. 그래서 정말 공감이 많이 가는 책이다. 언제 샀는지 기억도 나지 않는데 방안에서 굴러다니다가 이제야 빛을 발하게 된 위로 도서(?)이다. '1센티미터' 같은 류(?)의 책인데 그림과 적절한 문구들이 마음의 휴식을 준다. 누군가에게 위로 받고 싶은데 위로 받을 사람이 없을 때 어딘가로 도망가고 싶은데 도망치지 못할 때 고민이 있는데 해결할 방법이 없을 때 생각만 해도 앞이 캄캄해서 한숨밖에 안 나올 때 그럴 땐 뭐... 그냥... 사라지고 싶지... 울적한 맘을 책 한권에 달래보면 그나마 좀 위로가 된다.

블로그 스킨 디자인을 변경하는데 괜찮은 가이드 라인을 제시하는 책이다. 일단 친절하고 자세하다. CSS, HTML의 해당 코드가 무엇을 뜻하는지 한 라인씩 자세히 설명하는 스타일이라서 어느정도 기초지식만으로도 읽는데 전혀 무리가 없었다. 대신 이러한 친절함은 나중에 단점이 된다. 글을 어느정도 읽어서 중간 정도 지나가게되면 같은 내용이 반복되기 때문에 좀 아니 많이 지루해진다. 중반 이후로는 같은 내용에 대해서 복붙(복사와 붙여넣기)이다. 앞 부분을 이해했다면 그냥 건너뛰기를 추천한다. 정작 중요한 부분은 마지막 부분들이 아닐까 싶다. 앞서나왔던 HTML, CSS의 각각의 이론들을 묶어서 정리해 놓았는데. 요점만 간추려서 잘 정리해놓았다. 자주 써먹는 정보들은 메모해서 완전히 습득하면 좋다. 블로그 스킨..