개발 공부 기록

Chrome Animation Tool Chorme의 개발자 도구에서 애니메이션을 상세하게 볼 수 있는 기능이 있습니다. 해당 기능을 통해 코드 편집기에서 코드를 수정하지 않고, Chorme에서 쉽게 애니메이션 타이밍을 조절할 수 있습니다. 우선 크롬 개발자도구에서 애니메이션 탭을 열어줍니다. 애니메이션 탭을 활용하기 위해서는 탭이 열린 채로 페이지가 로드되어야 합니다. 중간에 열게 되면 비어있는 탭이 나타나는 경우가 있는데 이때 새로고침하여 애니메이션 정보를 불러올 수 있습니다. 생성된 애니메이션 썸네일 바를 클릭하여 애니메이션 상세 정보를 볼 수 있습니다. - 색상이 진한 부분 : 애니메이션 - 색상이 연한 부분 : 반복되는 애니메이션 - 색상이 채워진 원 : 애니메이션의 시작/끝 - 비어있는 원 :..

emmet이란 html, css를 작성할 때 빠르게 작성할 수 있도록 도와주는 기능이다. atom에 Install Packages에 emmet을 검색해 쉽게 설치할 수 있다. 사용 예시)

code spell checker 란 코딩 할 때 오타를 방지하는 에디터 플러그인이다. Code Spell Checker 설치 1번 버튼을 클릭 후, code spell checker를 검색한 후 설치버튼 클릭을 통해 쉽게 설치할 수 있다. 별도의 추가 작업을 하지 않아도 바로 적용된다. 적용 결과