끈기의 힘 : 뉴비에서 풀스텍으로

오늘 아침 6시에 기상 후, 다행히 많은 일은 없었으나 너무 긴장한 탓인지 잠을 제대로 못자 뒹굴었다. 그래도 언제나 그렇듯 나 자신을 포기하지 않기 위해 여러 자아들과 싸워 이겨, 포기하지 않았다. 1. 운동 완료 2. 여태동안 배운 내용들 총 복습했다. 한 2시간정도 걸린 것 같다. 말로만 하는 게 아니라 직접 코드를 쳤다. 3. 별거 안 했는데 뿌듯허다.

오늘은 아침에 일어나자마자 방금 전까지 집안일을 돕다 왔다. 머리가 어지럽다기보단 그냥 아프다. 웅웅거리는 느낌 아부지 생신겸해서 저녁 먹었더니 맛있었다. 갓덴스시 꿀맛. 근데 어쩌나, 내일은 새벽에 일어나서 일해야 하는 걸 잔디만 조금 심었다. 운동은 못했다. 복습하고는 싶은데 이해가 안 간다. 지금 글을 쓰고 있는 와중에도 졸도할 거 같다. 내일은 복습이라도 할 수 있었으면 좋겠다.

오전에 집안일 돕느라 잠깐 복습하고 섹션4를 방금 마무리지었으나, 헷갈려서 계속 보다가 좀 쉬어야겠다. 내일과 모레인 주말엔 진짜 바빠서 진도를 아예 못 나갈 것 같아서 오늘 최대한 빼려고 했지만, 오늘도 일이 많았다. 어쨌든 오늘도 오늘 한 일을 정리해야지~ 1. 인프런/생활코딩 선생님 CSS 무료강의 섹션4까진 클리어했다. - 이제 무한 반복을 통해 익숙해지는 일만 남았다. 2. 운동 완료. 3. 깃허브에 잔디를 또 심었다. + 모니터를 오래 보니, 눈이 아파 블루라이트 차단 안경을 구매해야겠다. ※ 분명 오래 공부하다 보면 눈이 아프고 어지러운데도 재밌고 더 알고 싶어 미치겠다.. 약간 미쳐가고 있는 걸까? 살면서 두번째로 공부가 재미지다. (첫번째는 문돌이 학부생 시절 '거시경제' 파트였다.)

5-3. 포지션(position) - fixed(고정된) 이 내용에선 ‘grand’까진 필요 없으니 다음과 같이 코드를 작성하겠다. other parent me 이제 me엘리먼트의 포지션 속성 값을 absolute에서 fixed로 바꿔보자. 일단 결과로는 바꿔도 웹페이지에는 변화가 없다. 그럼 실제로도 그런지 알아보자. '부모에 속하는 id 속성값이 아닌' parent 밑에 새로운 large라는 id 속성값을 갖는 태그를 생성해보자. 그리고 이 large에 다음과 같이 css를 적용하고자 한다. #large{ height:10000px; background-color: tomato; } other parent me large 이렇게! 그러면 다음과 같이 보일 것이다. large의 크기가 원체 크니, 웹페..

5-1. ★ 포지션(position) - relative VS static ★ (다만, 좀 어려운 주제) : HTML의 태그들, 즉 엘리먼트가 화면상의 어디에 위치할 것인가?를 정하는 것 Box Model이 ‘부피감’, 엘리먼트와 엘리먼트 사이의 간격 등을 결정하는 아주 중요한 것이었다면 포지션은 각각의 엘리먼트의 위치를 지정하는 방식과 관련한 마찬가지로 중요한 주제! 일단 강의를 따라, 다음과 같이 만들어보자. other parent me (아톰에서 그대로 복사했는 데 들여쓰기가 안 되네..) ★ 에서 id 속성값이 other인 태그와 id 속성값이 parent인 태그 안에 id 속성값이 me인 태그를 만들겠다! 라고 한다면, ‘아톰’에선 #other+#parent>#me 하고 탭 누르면 된다! 위의 ..

1. HTML의 태그는 성격에 따라 화면 전체를 쓰는 애들과 자신의 크기만큼만 쓰는 애들로 나뉜다. 첫 번째는 block-level-tag(==block level element) 다른 하나는 in-line 방식이라 한다. ex) hello world 안녕하세요. 쓰리별입니다. 여기서 왜 태그는 줄바꿈이 될까?? 당연하다고 생각하지 않아보자. 다시, 밑에처럼 코드를 변경해도 태그 다음에 오는 ‘입니다.’는 줄바꿈이 되지 않는 것을 확인할 수가 있다. hello world 안녕하세요. 쓰리별입니다. 이제 h1과 a태그에 style을 줘보자. 이때 처음 배우는 편한 게 나오는데! ★ 만약, 똑같은 표현을 주고 싶다면 h1, a{border:1px solid blue;}처럼 h1 뒤에 콤마( , )만 넣어주면..