본문 바로가기
반응형
footer 하단에 고정(feat.flex) content의 양이 적을 때 footer를 페이지 가장 아래에 고정 시키는 방법은 여러가지가 있지만 제일 좋은 방법을 알게 됐다. 바로 flex를 이용하는 방법인데 내가 아는 방법 중에는 가장 간단하고 쉽게 해결할 수가 있었다. html, body에 height: 100%를, body에 display: flex, flex-direction: column 속성을 넣는다. content 영역에 flex: 1을 주면 끝. 이렇게 하면 뷰포트 크기에 상관없이 footer가 항상 하단에 고정된다. 코드 헤더 메인 콘텐츠 푸터 2022. 3. 30.
검은화면에 글자 나타내기 17분 동영상을 2시간만에 완성했지만 체감은 17분이었다. 역시나 인터렉티브 개발자 김종민님 유튜브를 보고 따라쳤고, 화면에 글자가 나오는 순간 정말 희열을 느꼈다. 쓰다보니 코드가 상당하다. 따라치면서도 '오, async?! promise?!' 라고 혼자 신기해하면서 즐겁게 따라했다. CSS는 거의 건들지 않고 자바스크립트만으로 저런 결과물이 나온다는게 다시봐도 신기하다. 금방 끝날 줄 알고 잠깐 쉴 겸 시작했는데 어느새 밖은 밤이 되었다. 쉴 때나 심심할 때 게임하듯이 코딩도 할 수 있구나 싶었다. 이제 다시 공부하러 가야겠다. 2020. 11. 6.
Interactive Developer 유튜버 Interactive Developer 김종민님을 아시나요? 이 분 영상을 유튜브 알고리즘에 의해 보게 됐는데 굉장히 창의적이고 능력자이십니다. 좋은 말씀도 많이 하시고 호감형이셔서 계속 영상을 보다가 "나도 한 번 만들어보고 싶다."란 생각을 하게 되었습니다. 그래서 바로 실행해봤습니다. 하지만 현재 공부하고 있는 것도 많고 전문적으로 배우기엔 집중하기 어려울 것 같아서 하루에 조금씩 토이 프로젝트식으로 따라치려고 합니다. 정말 따라치기만 했습니다. 근데 정말 재밌었습니다. 이게 그려지는게 신기하고 힐링하는 기분이었어요. 앞으로도 꾸준히 따라쳐보고, 만들어보고 할 생각입니다. 나중엔 이걸 모아서 웹 페이지를 하나 만들어봐도 재밌을 것 같네요. 취미가 헬스밖에 없었는데 김종민님 덕분에 코딩도 취미가 될 .. 2020. 11. 6.
반응형