※ 이 글은 예전 블로그에서 퍼왔으며 2020.2.16.에 작성된 글입니다. VIEW 독학으로 공부 하는거라 그냥 만들고 싶은걸 만들고는 있는데, 무언갈 만들다가 한 번 해메기 시작하면 기본 2시간은 잡아 먹는거 같다. 물론, 이런 시간이 있고나면 나중엔 더 빨리 작업할 수 있지만 너무 삽질하는 것도 같고 진도도 잘 못나가는거 같아서 불안하기도 하다. Link So tired 제목 이고슨 텍스트 문구 입니다. 2020년 2월 14일 · 2개의 댓글 소난다.. 이고슨 텍스트 문구 입니다. 2020년 2월 14일 · 2개의 댓글 그렇구만.. 이고슨 텍스트 문구 입니다. 2020년 2월 14일 · 2개의 댓글 소난다.. 이고슨 텍스트 문구 입니다. 2020년 2월 14일 · 2개의 댓글 그렇구만.. 이고슨 텍..

※ 이 글은 예전 블로그에서 퍼왔으며 2020.2.3.에 작성된 글입니다. VIEW 이제 이런건 초단위로 만들 수 있는게 참 신기하다. SASS(SCSS)를 배운겸 한번 간단하게 만들어 봤다. 개인적으론 SASS 문법보단 SCSS가 더 익숙하고 직관적이라 SCSS를 주로 사용할 것 같다. 근데 SASS(SCSS)는 vscode live server로 작동시키기 위해선 CSS파일로 만들어 줘야 한다는 점이 조금 아쉽다. 그래서 지금은 SCSS파일을 HTML에 걸어둔 다음 Parcel로 서버를 열어서 사용한다. 아직 문법이 익숙하진 않지만 앞으론 CSS 보다 SCSS로 작성하는 습관을 길러야 겠다. Link SCSS Button jeongwoo903.github.io

※ 이 글은 예전 블로그에서 퍼왔으며 2020.1.29.에 작성된 글입니다. 작품을 엎었다. 지역을 소개하는 작품을 만들기로 계획을 세웠다. figma라는 플랫폼을 알게 되어서 사용해 보기로 하였다. figma를 이용해서 디자인을 한 다음 옮기기로 하고 작업을 시작했다. 하지만 시각적인 디자인을 구현하는데 생각을 너무 많이 하다 보니 인터렉션만 구현해도 쉽게 지쳐버려서 계속 질질 끌게 되어버렸다. 그래서 이번 작품은 그냥 여기서 그만두기로 했다. 이번 작품을 계기로 다음부턴 시간을 효율적으로 사용해야겠다. 또 이젠 백엔드 분야도 한 번 다루어 봐야겠다.

※ 이 글은 예전 블로그에서 퍼왔으며 2020.1.21에 작성된 글입니다. VIEW (무슨 작품을 만들든 디자인 고민이 가장 시간을 잡아 먹는다..^^) 도서관에서 SVG 연습 하다가 간단하게 만들어 본 작품이다. 생각보다 몇 분 안걸려서 조금 놀랐다. Scroll Animation, SMIL, Canvas 등등 빨리 다양한 인터렉션을 구사하고 싶다. 요즘 디자인을 눈에 익히기 위해서 Awwwards나 codepen.io 사이트에 들어가 보는데 진짜 세상에는 대단한 사람들이 많은 것 같다. 나도 좀 더 노력해야 겠다. Link Text Animation jeongwoo903.github.io

※ 이 글은 예전 블로그에서 퍼왔으며 2020.1.19.에 작성된 글입니다. VIEW SVG를 배우면서 느낀점인데 문법적으로 어렵다는 느낌은 아닌데 관련성이라 해야되나 연결성이라 해야하나..;; 째뜬 쉬운데 엘리먼트들 간의 연결을 신경쓰는게 까다롭다. 아마 아직 이해가 덜 되어서 그런것 같다..ㅎㅎ Link Icon Magnifier jeongwoo903.github.io

※ 이 글은 예전 블로그에서 퍼왔으며 2020.1.18에 작성된 글입니다. VIEW SVG를 공부하고 만든 첫 번째 작품이다. 더 다양한 인터렉션을 구현하고 싶어서 공부하고 있다. 아직은 어떤 식으로 SVG를 사용해야하고 animation을 구사해야 할 지 모르겠지만 계속 열심히 공부해 봐야겠다. Link Twitch SVG jeongwoo903.github.io

※ 이 글은 예전 블로그에서 퍼왔으며 2020.1.11.에 작성된 글입니다. VIEW 요즘 계속 프론트엔드 개발자를 위한 자바스크립트 프로그래밍이란 책을 공부하고 있는데 (regexp랑 this, call(), apply() 이런거 너무 어렵다..ㅠ) new Data( ) 에 대해서 공부하다가 시계를 만들어 보고싶어서 만들어 봤다. 시계 디자인을 보다가 flip clock디자인이 이뻐서 비슷하게 만들어 봤다. 이렇게 배운걸 써먹어 보는 것도 중요한 것 같다. ​ 만들고나니 아쉬운 점이 있다. 시간을 1초마다 업로드 해야하는 점을 setTimeout( )을 1초로 설정하고 html body에다가 onload 이벤트를 주는 식으로 처리하였는데, 초는 1초씩 업로드 하면 되지만 분, 일, 월, 년 까지 1초마..

※ 이 글은 예전 블로그에서 퍼왔으며 2020.1.7.에 작성된 글입니다. VIEW 이번엔 Hello World 급으로 전통적인 To Do List를 만들어 봤다... 맥북을 산 뒤로 맥북 환경에서 작업을 하다 보니 윈도우 환경에서 실행 했을 때를 고려하지 않았다;; 그 덕에 몇 번을 고쳤던지..ㅠㅠ 하지만 To Do List를 만들어 보면서 부모 자식 노드 관계나 JS의 기본적인 것에 대해 조금이나마 파악하게 된 것 같다. 앞으로는 JS를 좀 더 파고들고 SASS(SCSS)나 SVG를 한 번 공부해 보고 싶다. Link To Do List jeongwoo903.github.io