Tuple 자료형 여러 자료를 함께 담을 수 있는 시퀀스 자료형 시퀀스 자료형이기 때문에 인덱스, 슬라이딩, in, len(), +, * 연산이 가능하다. 자료 추가, 삭제, 변경이 불가하다. () 소괄호로 묶어서, 혹은 소괄호 없이 나열해서 표현 tuple_zero = (...

cubic-bezier(x1, y1, x2, y2) x1, y1, x2, y2 4개의 점으로 3차원 베지어 곡선을 그리는 css 함수. div { width: 100px; height: 100px; background: red; transition: width 2s; transition-timing-function: cubic-b...

시퀀스 자료형 문자열과 리스트, 튜플 자료형을 묶어서 시퀀스 자료형이라 한다. 문자열과 리스트, 튜플의 공통점은 순서가 있는 자료형이라는 것이다. a = 'once' # 문자열 b = ['t', 'w', 'i', 'c', 'e'] # 리스트 c = (1, 2, 3, 4, 5) # 튜플 인덱싱/슬라이딩 원소간에 순서가 존재하므로 인덱싱/슬라이...

원소 추가 (append) append() 메서드에 추가할 원소를 입력한다. 한 개의 원소만 추가할 수 있다. my_list = [] my_list.append(1) my_list.append(2) my_list.append(3) print(my_list) # [1, 2, 3] 원소 삽입 (insert) insert(index, item)...

clientWidth/clientHeight 엘리먼트의 내부 너비/높이 픽셀값 padding은 포함하지만 border, margin, 스크롤바는 포함하지 않는다. offsetWidth/offsetHeight 엘리먼트의 외부 너비/높이 픽셀값 padding과 border, 스크롤바 크기도 포함한다. (margin은 X) elem.get...

useSelector와 리렌더링 useSelector를 통해 스토어의 상태를 조회하면 기본적으로는 상태가 바뀌지 않으면 리렌더링하지 않는다. const todos = useSelector((state) => state.todos) 하지만 아래처럼 스토어의 상태를 객체로 가져오면, 상태가 바뀌었는지 체크할 수 없기 때문에 action이 일어...

모멘텀? IOS 사파리에서 페이지 화면을 쓕 쓸어내리면 스크롤이 된다. 안드로이드에서와는 달리 스크롤 되는 속도에 가속도가 붙었다가 천천히 느리게 멈춘다. 이렇게 화면에서 touchend가 된 후에도 스크롤이 멈추지 않는 것을 모멘텀이라고 한다. 문제는 모멘텀이 일어나는 동안 다른 스크롤 이벤트를 발생시키면 먹히지 않는다는 것이다. 아래로 버...

구글 I/O 개발자 컨퍼런스 CSS 부분 요약 color-mix 브라우저에서 색상을 혼합할 수 있고, 혼합 비율도 설정할 수 있다. .color-mix-example { --brand: #0af; --darker: color-mix(var(--brand) 25%, black); --lighter: color-mix(var(--bra...

viewport-fit viewport-fit은 스크린에서 viewport를 어떻게 보여줄 지에 대한 속성이다. <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" /> 메타 태그를 통해 viewport-fit을 지정할 수...

git bisect 버그가 발생했을 때, 어느 커밋이 원인인지 이진 탐색으로 찾을 수 있다. 먼저 git bisect start 명령으로 이진 탐색을 시작한다. git bisect bad를 실행하여 현재 커밋에 문제가 있다고 표시를 남긴다. 문제가 없는 마지막 커밋을 git bisect good <good_commit> 명령...