틈

gulp를 셋팅할 일이 생겼다. 로컬 환경에서 레이아웃부터 잡아가는데, live 코딩을 하면서 include 기능을 넣고 싶었던 나의 욕심. 그런데 이게 ajax로는 좀 한계가 있었다. ajax로 불러오는 파일은 live-server가 인식하지 못해서, live 코딩이 힘들었기 때문이다. gulp-file-include & browser-sync를 목표로 셋팅에 들어갔다. 이전에 한번 셋팅한 적이 있어서 굉장히 쉽게 생각하고 접근했는데, 다시 하려니 버벅버벅.... 이전 회사에서 작업한 파일은 다 날려버려서 엄청 슬퍼지고.... 하루 정도 고생하고, package.json, gulpfile.js 셋팅을 완료하였다. 3.x 버전으로 작업하니 계속 에러가 났고, 생각해보니 나... 전에도 4버전으로 셋팅했었..

https://transfonter.org/ Online @font-face generator The @font-face CSS rule allows web developers to specify online fonts to display text on their web pages. By allowing authors to provide their own fonts, @font-face eliminates the need to depend on the limited number of fonts users have installed on their transfonter.org 해당 사이트에서 폰트 경량화를 진행했다. 서브셋에서 제외할 글자 목록 ㄱㄲㄳㄴㄵㄶㄷㄸㄹㄺㄻㄼㄽㄾㄿㅀㅁㅂㅃㅄㅅㅆㅇㅈㅉㅊㅋㅌㅍㅎ ㅏㅐㅑ..

https://jsonplaceholder.typicode.com/users

See the Pen Draw on scroll by myeonghwa Shin (@fine-today) on CodePen.

See the Pen Untitled by myeonghwa Shin (@fine-today) on CodePen. 이전에 프린트페이지에서 이슈가 된 내용이라 머리속에 계속 맴돌고 있었는데, 마침 기회가 되어서 작업해 보았습니다.

See the Pen Untitled by myeonghwa Shin (@fine-today) on CodePen. 위 파일 선택 input은 ie10이상에서 지원되고 있습니다. 구현할 필요가 없는 기능을 구현했기 때문에 오류 사항을 알지만 하나하나 해결하지는 못했습니다. 이후에 가볍게 사이드 프로젝트로 작업하여 세부 사항을 제어할 예정입니다. - 첫번째 선택한 여러 파일들 중에 하나를 삭제하고 해당 파일을 다시 선택할 경우에는 화면에 나타나지 않음 - 10개까지만 선택이 되도록 구현 - accept 기능을 이용하여 파일 선택 화면에서 이미지만 보이게 구현 - 타입을 받아서 이미지만 받을 수 있도록 구현