더불어숲 숲을 그리다.

장례식장에 도착을 하니 전화했던 상조 회사에서 장례 지도사 분이 와계셨다. 차를 내어주시며 조금 기다려 주시고 얘기를 나눴다. 아빠의 병세가 많이 악화되면서부터 가족들은 아빠가 돌아가셨을 때를 미리 준비했어야 했다. 갑자기 돌아가셨을 때를 대비했던 건데 정신없이 닥쳐서 뭐라도 소홀히 하고 싶지 않았던 엄마의 맘이 제일 컸기에 하나하나 꼼꼼히 생각하고 준비했다. 우선은 영정 사진을 준비하고 (영정 사진을 미리 찍어두신 게 아니기에 가족들이 가지고 있던 아빠의 사진 중에서 좋은 사진들을 몇 장 모아 영정 사진을 만들어주는 업체에 의뢰해서 준비했다) 상조 회사는 예전부터 가입되어 있었던 터라 상조 회사에 전화를 걸어 만약 가족이 돌아가시게 되면 어떻게 준비해야 하는 지를 물어서 메모해 놓았고 가족들에게도 알려..

사용자 동작에 반응하는 가상 클래스 사용자가 웹 요소를 클릭하거나 마우스 커서를 올려놓는 등 특정 동작을 할 때 스타일이 바뀌도록 만들고 싶다면 가상 클래스 선택자를 사용합니다. 메뉴에서 몇 번째 항목이라든가 단락의 첫 번째 글자 등을 선택하고 싶은 경우 클래스 이름 앞에 콜론(:)을 붙여 ㅍ표시하는 가상 클래스와 클래스 이름 앞에 콜론 두개(::)를 붙여 표시하는 가상 요소를 사용합니다. :link 가상 클래스 선택자 - 방문하지 않은 링크에 스타일 적용 문서 안의 하이퍼링크 중에서 사용자가 아직 방문하지 않은 링크에 스타일을 적용합니다. 텍스트 링크는 기본적으로 파란색 글자와 밑줄로 표시되는데 링크의 밑줄을 없애거나 색상을 바꾸려고 할 때 :link 선택자를 사용합니다. :visited 가상 클래스 ..

표 스타일 CSS - vertical-align vertical-align 속성은 수직 정렬 방법을 지정하는 속성이기 때문에 inline이나 inline-block으로 배치한 요소의 세로 정렬 방법으로 지정합니다. 기본형 : vertical-align : baseline / top / bottom / middle / sub / super / text-top / text-bottom / / 속성 값 설명 baseline 인라인 요소의 기준선을 부모 요소의 기준선(baseline)에 맞춥니다. sub 인라인 요소의 기준선을 부모 요소의 아래 첨자 위치에 맞춥니다. super 인라인 요소의 기준선을 부모 요소의 위 첨자 위치에 맞춥니다. top 인라인 요소의 윗부분을 부모 요..

사망 선고를 받고 누워 있는 아빠를 잡고 주체할 수 없이 눈물이 흘렀다. 간호사가 들어와 뭔가 분주하게 움직였지만 그저 탄식과 함께 눈물이 흐를 뿐이었다. 간호사가 위로의 말을 건네주었다. 그제야 고개를 들고 '돌아가실 때 많이 힘드시진 않았을까요... 잠깐 잠이 든 것뿐인데 그 사이에 돌아가셨어요. 임종도 못 보다니...' 하고 말을 잇지 못하자 간호사는 '4시 넘어서 제가 아버님 상태를 체크하러 갔었어요. 그때까지도 잘 주무시고 계셨어요. 아마도 마지막 모습을 따님께 보이고 싶지 않으셨나 봐요. 편하게 가셨으니 너무 속상해하지 마세요.' 그 순간에는 그 간호사의 말이 너무도 위로가 되었다. 잠시 후에 다른 간호사 한 분이 더 오셨고 아버님 옷을 갈아입혀야 한다며 가지고 있는 옷이 있냐고 물었다. 호스..

표 스타일 CSS - table-layout table-layout 속성을 이용하면 셀 안의 내용 양에 따라 셀 안의 내용 양에 따라 셀 너비를 변하게 할지, 고정시킬지를 결정할 수 있습니다. 기본형 : table-layout : fixed / auto table-layout : fixed로 설정해 너비를 고정하면 셀 너비보다 긴 내용은 셀 밖으로 밀려나가 버립니다. 각 셀의 너비를 고정 상태에서 셀 너비 안에 셀 내용을 표시하려면 word-break : break-all 속성을 추가해야 합니다. 또한 예상하지 못했던 셀의 줄 바꿈이 생기면 높이 값(height)도 예측하기 쉽지 않기 때문에 셀의 height 속성도 auto로 지정해야 합니다. 속성 값 설명 fixed 셀 너비를 고정합니다. 즉, 셀 내..

엄마와 여동생이 돌아간 후 아빠는 계속 천장을 바라보며 누워계시다가 잠이 드셨다가를 반복하셨다. 분무기로 입안에 물을 뿌려드리고 겔을 거즈에 묻혀 입안을 닦아드렸다. 아빠가 식사를 하신 건 호스피스 병동에 오시던 5일 전 병동에 오셔서 배가 고프다 하셔서 흑임자죽을 조금 데워서 먹여드리고 부족하신 듯하여 밤에 편의점에 가서 사 온 호박죽을 드신 게 마지막이었다. 그게 마지막 식사인 줄 알았다면 더 맛있는 걸로, 더 좋은 걸로 드시게 해 드릴 걸... 아빠를 보내드리고 이렇게 가슴에 남는 말이 '배고파'인 줄 알았다면... 그저 지켜만 보면서 해드릴 수 있는 게 없으니 더욱 마음이 아팠다. 새벽 2시쯤 아빠를 지켜보고 있는데 숨소리가 조금 이상하게 느껴졌다. 숨이 많이 찬 건가 싶어 간호사를 호출했다. 바..

표 스타일 CSS - empty-cells border-collapse : separate를 사용해 셀들을 분리했을 경우, empty-cells 속성을 사용해 내용이 없는 빈 셀들의 표시 여부를 지정합니다. 기본형 : empty-cells : show / hide 속성 값 설명 show 빈 셀 주위에 테두리를 그려 빈셀을 표시합니다. (기본 값) hide 빈 셀에 테두리를 그리지 않고 비워 둡니다. 표 스타일 CSS - width, height 표와 셀의 형태를 꾸리기 위해 CSS의 width와 height를 사용합니다. 표와 셀의 너비와 높이를 특별히 지정하지 않는다면 셀 안의 내용이 표시될 만큼만 표시됩니다. 이때 사용할 수 있는 값은 실제 크기를 나타내는 px나 부모 요소를 기준으로 한 %입니다. ..

표 스타일 CSS - border-collapse 태그와 태그에서 border 속성을 사용하면 두줄로 표시되는데 이때 border-collapse 속성을 이용하면 표의 바깥 테두리와 셀의 각 테두리가 떨어져 있는 것을 그대로 둘 것인지, 두 테두리를 하나로 합칠 것인지 결정할 수 있습니다. 기본형 : border-collapse : collapse / separate 표의 바깥 테두리와 안쪽 테두리에 서로 다른 테두리 스타일을 사용할 수 있는데 여기에 border-collapse 속성을 사용하면 두 가지 스타일을 하나로 합칠 수 있습니다. 속성 값 설명 collapse 테두리를 하나로 합쳐 표시합니다. separate 테두리를 따로 표시합니다. (기본 값) 표 스타일 CSS ..

호스피스 병동 4인실로 돌아오고 나서 낮에 엄마와 여동생이 찾아왔다. 아빠는 대화를 하시지는 못하고 천장을 멍하니 쳐다보고 누워계시거나 주무시다가 깨서는 소변이 마렵다며 연신 손짓을 하셨다. 호스피스 병동으로 옮긴 지 4일째... 아직 혈액투석을 못하고 계시기 때문에 걱정이 이만저만이 아니었다. 투석을 하지 못하기 때문인지 아빠의 땀에서는 소변 냄새가 났다. 엄마는 물수건을 만들어와 아빠의 얼굴부터 발까지 온몸을 구석구석 닦아주셨다. 아빠의 남은 날이 얼마 남지 않은 걸 가족 모두 알고 있었다. 몸을 닦아드리고 침대에 둘러서서 아빠를 바라보고 있는데 아빠가 뭔가 말씀을 하고 싶어 하시는 거 같았다. 알아들을 수 없는 아주 작은 쉰 목소리에 무슨 말씀을 하시는지 알 수가 없었다. 얼굴에 바짝 귀를 갖다 대..