텍스트 돌아가는 배너 만들기 (javascript)

외부 라이브러리 라이브러리는 Zepto와 anime.js를 이용했다. Zepto는 편리하게 엘리먼트를 선택하기 위해서이고, anime.js는 편하게 loop를 설정하기 위하여 이용했다. css animation을 꼭 이용해보고 싶었지만, css에 변수를 어떻게 전달할지에 대한 마땅한 대책이 떠오르지 않아서 애니메이션 라이브러리를 이용했다. 아래 전체 코드에서 확인할 테지만, head 태그 부분에서 스크립트를 불러올 수 있도록 했다. 전체 코드 아래 Result를 눌러보면 바로 결과를 확인할 […]

포드 V 페라리 리뷰

포드라는 공장에서 자동차를 찍어내는 회사가 있다. 이 거대한 회사가, 실속은 없지만 레이싱에서 1등 해먹는 페라리에게 굴욕을 당한다. 그래서 포드는 은퇴한 전설 캐롤 셸비를 영입한다. 이 사람은 자신의 절친이자 레이싱 밖에 모르는 망나니 켄 마일스를 데려오고, 여차저차 우여곡절 끝에 레이싱에서 이긴다. 그러나 씁쓸함이 남는 승리였고 켄 마일스는 허무하게 죽는다. 스토리는 심플하다. 근데 레이싱 액션이 죽여준다. 나는 […]

미라클 이퀘이션 리뷰

미라클 이퀘이션 – 할 엘로드 지음, 김잔디 옮김/한빛비즈 미라클 이퀘이션은 미라클 모닝을 쓴 할 엘로드라는 사람이 쓴 책이다. 미라클 모닝을 읽어보진 않아서 그 책의 내용은 잘 모르지만, 대충 아침 일찍 일어나서 남들과 다른 삶의 시작을 맞이하라는 내용 같다. 고등학교 때에는 자기계발에 관심이 많아서 이것 저것 읽어보다가 아주 오랜만에, 지금 자기계발서를 백만년 만에 읽어보았다. 미라클 이퀘이션도 […]

워드프레스 동적 블록 만들기 튜토리얼 (Gutenberg)

개요 기본 개념 이 글은 독자들이 워드프레스의 기본적인 작동 원리를 안다는 가정하게 작성되었다. 어쨌거나 직접 ftp를 통해서든, 로컬 개발 환경을 만들어 개발하든 직접 php 파일을 개선시켜나가는 사람들에게 유용한 글이다. babel이나 node.js, webpack, wp-cli 등은 사용하지 않았다. 제대로 개발하려면 위와 같은 개발환경을 세팅하고 빌드 및 배포의 과정까지 자동화하면 더욱 더 생산성 높게 개발할 수 있겠지만 필자의 […]

작은 아씨들 (2019) 영화 리뷰

영화를 보았다. 오랜만에 본 영화이다. 여자친구랑 같이 보았다. 본래 나는 아무 생각없이 가볍게 시작하는 영화가 좋다. 동시에 어떤 깨달음이나 여운을 주는 영화가 좋다. 엔딩이 확실한 영화. 그런 점에서 기생충은 최근 1년간 본 영화 중에 가장 임팩트가 있었지 않나 싶다. 기회가 된다면 한번 더 보고 싶다. 나는 약간 유머러스한 조조 래빗이라는 영화에 마음이 더 끌렸지만 작은 […]

Scroll to top