더불어숲 숲을 그리다.

목록 스타일 CSS - list-style-type 순서 없는 목록의 경우, 목록 앞에 다양한 불릿(buller)을 넣을 수 있고 순서 목록에서는 번호 스타일을 지정할 수 있습니다. 이때 list-style-type 속성을 사용합니다. 기본형 : list-style-type : none / / 순서 없는 목록에서 불릿 모양 바꾸기 속성 값 설명 disc(●) 채운 원(기본) circle(○) 빈 원 square(■) 채운 사각형 none 불릿 없애기 순서 목록에서 숫자 바꾸기 순서 목록에는 항목 앞에 숫자가 붙습니다. list-style-type 속성을 이용하면 이 숫자의 스타일도 바꿀 수 있습니다. 기본 값 'decimal'은 아라비아 숫자로 순서..

1차 항암에서 했던 색전술을 아빠가 견디시지 못하자 2차 항암부터는 항암제 주입술로 바꿔보기로 했다. 항암제를 주입하기 위해서는 케모포트 시술을 해야 했다. 케모포트 시술은 항암 치료 과정에서 경구 복용을 하는 경우도 있지만 대부분 주사로 주입을 하게 되고 매번 혈관을 찾아 주사 바늘을 삽입하는 것은 환자에게 또 다른 고통이며 어떤 환자의 경우 혈관이 잘 드러나지 않아 여러 번 주사 바늘을 주입하는 어려움이 발생하게 되기에 이런 불편을 해소하려고 하는 것이라고 했다. 쇄골 아래에 동전 크기 정도의 포트를 삽입하는 것이었는데 피부 아래에 삽입해 놓고 매번 항암제 주입을 할 때 사용하는 것이었다. 혈관을 찾기 어려워 주사 맞을 때마다 곤욕을 치르시는데 참 다행이다 싶었다. 케모포트 시술을 위해 다시 이동 침..

문단 스타일 CSS - text-indent text-indent 속성은 문단의 첫 글자를 얼마나 들여 쓸지를 지정합니다. 기본형 : text-indent : / 텍스트가 많은 문서일 경우 문단의 첫 글자를 조금씩 들여 쓰면 문단의 시작을 쉽게 알아볼 수 있습니다. 속성 값 설명 단위와 함께 들여 쓸 크기를 지정합니다. 음수 값도 사용할 수 있습니다. 부모 요소의 너비를 기준으로 상대적 크기를 지정합니다. 의 경우 부모 요소의 웹 문서 화면의 너비가 달라지면 들여 쓰기 양도 달라집니다. 즉, 브라우저 창이 작아지면 들여 쓰기 양도 백분율에 따라 달라집니다. 문단 스타일 CSS - text-overflow white-space : nowr..

색전술을 하고 나서 경과가 좋은 경우 대부분 1주일 안에 퇴원을 한다. 하지만 아빠의 몸은 색전술을 견뎌낼 만큼의 체력이 되지 않으셨고 2주가량 병원에 있는 내내 먹는 것도 힘들고 통증도 심했다. 식사를 못하시기에 엔커버(장기간에 걸쳐 음식물 섭취가 곤란한 환자들에게 영양분을 공급하는 경장영양제)를 처방받아 조금씩이라도 드시게 했다. 주변에서 보통 하는 말에 '암은 못 먹어서 죽는 다라'는 말이 그냥 하는 말이 아니구나 싶었다. 혈액투석도 이틀에 한 번씩 하시려면 그만큼 체력이 받쳐주어야 하는데 드시지를 못하니 투석도 해야 할 만큼을 못 채우게 되고 혈액 속 노폐물을 걸러내지 못하니 몸은 점점 더 힘들어졌다. 2주가 지나 조금 몸을 추스르시게 되자 주치의 선생님이 오셔서 한 달에 한 번씩 항암을 해야 하..

문단 스타일 CSS - line-height line-height 속성은 줄 간격을 조절할 때 쓰입니다. 기본형 : line-height : normal / / / / inherit 숫자나 백분율로 지정했을 때는 글자 크기를 기준으로 지정합니다. 예를 들어 글자 크기를 12px로 지정했을 때 줄 간격을 2.0으로 했다면 실제 줄 간격은 글자 크기의 2.0배인 24px가 되고 백분율도 같은 식으로 계산합니다. 보통 줄 간격은 글자 크기의 1.5~2배면 적당합니다. 문단 스타일 CSS - text-justify text-align 속성 값이 justify일 경우 양쪽 끝에 맞추기 때문에 글자와 단어 사이 간격이 어색하게 벌어질 수 있습니다. 이때 간격을 어떻게 조절해 ..

text-align 속성 text-align 속성은 문단의 텍스트 정렬 방법을 지정합니다. 기본형 : text-align : start / end / left / right / center / justify / match-parent 워드나 한글 문서에서 흔히 사용하던 왼쪽 정렬, 오른쪽 정렬, 양쪽 정렬, 가운데 정렬등을 지정할 수 있습니다. 속성 값 설명 start 현재 텍스트 줄의 시작 위치에 맞추어 문단을 정렬합니다. left-to-right 언어라면 왼쪽으로, light-to-left 언어라면 오른쪽으로 맞추어 정렬합니다. end 현재 텍스트 줄의 끝 위치에 맞추어 문단을 정렬합니다. left-to-right 언어라면 오른쪽으로, light-to-left 언어라면 왼쪽으로 맞추어 정렬합니다. l..

침윤성 간암으로 수술은 불가했기에 다른 방법으로 색전술을 시행하자고 주치의 선생님이 말씀하셨다. 색전술이 뭐냐고 물어보니 간 종양에 영양을 공급하는 동맥을 찾아 항암제를 투여한 뒤, 혈관을 막아서 종양을 괴사시키는 시술이라고 했다. (간 조직은 2가지의 혈관에 의해 산소 및 영양을 공급받는다. 하나는 소장 및 대장 등을 돌아 나오는 문맥(Portal vein)이라는 혈관이며 다른 하나는 대동맥에서 직접 나오는 간동맥이다. 정상 간 조직은 주로 문맥에서, 종양 조직은 주로 간동맥에서 혈액을 공급받기 때문에 종양에 영양을 공급하는 간동맥만을 선택하여 항암제를 투여하고 항암제 투여 후 혈관을 막게 되면 정상 간 조직은 크게 손상시키지 않으면서 종양만을 선택적으로 괴사시킬 수 있다.) 사타구니의 대퇴동맥을 통해..

텍스트 관련 CSS - white-space white-space 속성은 텍스트와 함께 연속해 입력된 여러 개의 공백을 어떻게 처리할지 지정할 수 있습니다. 기본형 : white-space : normal / nowrap / pre / pre-line / pre-wrap 속성 값 설명 normal 여러 개의 공백을 하나로 표시합니다. 기본 값. nowrap 여러 개의 공백을 하나로 표시하고 영역 너비를 넘어가는 내용은 줄을 바꾸지 않고 계속 한 줄로 표시합니다. pre 여러 개의 공백을 그대로 표시하고 영역 너비를 넘어가는 내용은 줄을 바꾸지 않고 계속 한 줄로 표시합니다. pre-line 여러개의 공백을 하나로 표시하고 영역 너비를 넘어가는 내용은 자동으로 줄을 바꿔 표시합니다. pre-wrap 여러 ..

입원을 해서 제일 먼저 겪는 어려움은 정맥주사를 놓는 일이었다. 아빠의 왼쪽 팔은 혈액투석을 받기 때문에 혈관 주사를 놓을 수 없다. 다른 쪽 팔도 수차례 반복된 입원으로 인해 혈관을 찾을 수가 없었다. 상처투성이 팔을 간호사가 연신 때려가며 주사 놓을 곳을 찾아보지만 고개를 갸우뚱거리며 '쓰읍.. 아고.. 하아..' 탄식을 내뱉을 때가 대부분이다. 두 번을 시도해 보지만 실패하자 간호사도 보호자도 서로 당황한다. 입술을 깨물고 고개를 돌린 아빠를 보며 머뭇거리던 간호사는 죄송하다며 발에서 혈관을 찾아보자고 한다. 하지만 양 발도 괜찮은 혈관을 찾기는 어렵다. 발에서 한 번을 더 찔러봤지만 실패한 간호사는 안 되겠는지 정맥주사 전문 간호사분을 호출해 주겠다고 한다. 그럴 거면 진작 불러주시지... 마음속..