TIL_2020년 10월 04일 (일)

1 분 소요

목차

1.오늘 한 일

  1. 인프런 1분코딩 ‘BBC 인터렉티브 사이트 클론’
    • CSS (늘 하던 것만 쓰지않고 신선한 것들 많이 썼다.)
      • opacity, transition, will-change, overflow: hidden, position: absolute 등
    • JavaScript
      • data-index를 추가하는 반복문
      • intersectionObserver
      • classlist.add/remove 등 클론코딩은 이게 2번째인데, 파이썬 웹스크래핑 같은 것만 따라하다가 자바스크립트로 함수와 기능들을 하나씩 넣는 재미가 쏠쏠하긴 하다. 다만, 코드들이 점점 눈에 익어가긴 하지만 여전히 ‘내가 직접 쓰려고 하면 쓸 수 있을까?’ 에 대한 불안함이 있는 듯. 그리고 처음부터 효율적인 코드를 짤 수 있으면 가장 좋겠지만, 우선 기능을 먼저 구현하고 비효율성을 하나씩 개선하는게 좋은 것같다.

2.오늘 배운 것과 깨달은 것

  • 쉬운게 하나도 없구나. 무언가를 간단하게 만드는 것같지만, 그 모든 것에는 하나하나 작은 코드들, 논리들이 숨겨져있다. 쉽게 만들어지는 것은 없다. 하나하나 만드는 것에 대해 박수를 표한다. 나 역시 앞으로 그렇게 세세하게 만들어야겠지.
  • 오늘 이 것을 따라하면서 그동안 배웠던 수 많은 문법들이 등장하더라. 그냥 반복문, selector 단순하게 문법만 배웠었는데 오늘 직접 코딩하는 것을 보고 따라해보니 A라는 상황에는 반복문과 조건문을 섞어쓰면 되고, B라는 상황에는 또 다른 문법을 조합해서 문제를 풀어가면 되더라. 100% 이해하진 못했지만, 그래도 뭔가 띵~ 하고 맞은느낌. 공부를 하면 할 수록 아는 것들이 생기긴 하지만 그걸 어떻게 써야하는지 모르고 있는 것을 알았다. 늘 단순하게 공부만 하지말고 어떻게 쓰면 되는지, 실습해보고 꾸준히 코딩을 해야 늘 것같다.
  • 제주도에서 일한다는 것은 어떤 느낌일까. 너무 부럽더라. 사이트를 클로닝한 것도 좋았지만, 그 안의 컨텐츠…1분코딩님이 살아가는 삶 역시도 매우 부러웠다. 나도 능력이 있다면, 언젠가 정말 노마드코더가 되어 어디서든지 노트북 하나만 들고 다니며 일할 수 있기를!

3.지금까지 작업물 (사진)

영상 추가하는 방법은 조금만 더 공부해서 다시 올리겠습니다

클로닝한 사이트 영상캡쳐

Video Label

태그:

카테고리:

업데이트:

댓글남기기