Linkedin을 살펴보던 중 토스에서 프론트엔드 파이트 클럽이란 온라인 토론회를 진행한다길래 내용을 읽어보게 되었고 평소 관심 있었던 주제들이었기 때문에 흥미롭게 생각해 참관 신청을 하게 되었다. 프론트엔드 파이트 클럽은 프론트엔드에 관한 주제에 대해 홍팀과 청팀으로 입장을 나누어서 토론을 하는 모임이였다. 인턴을 하게 되면서 생각의 폭이 이전과는 많이 달라졌다.이전에는 그냥 배우기에 급급했다면, 요즘은 어떻게 하면 내가 만들고 있는 프로덕트의 성능을 더 향상 시킬수 있을까? 회사의 생산성을 높이기 위해 디자이너와 같이 할 수 있는 게 뭐가 있을까? 등등 내 직업과 관련해서 많은 생각들을 하게 되는 것 같다. 프론트엔드 파이트 클럽(이하 "프파클") 강연을 듣고 많은 생각들이 들었다.첫 라운드는 조금 ..

※ 이 글은 예전 블로그에서 퍼왔으며 2020.3.13.에 작성된 글입니다. View 위의 작품들은 전부 Grid를 이용해서 만들어 봤다. 그냥 이런것들을 구현하는데 굳이 jQuery를 사용해야 되나 궁금해서 만들어 봤다. jQuery는 구현을 쉽게 할 수 있도록 도와주지만 나는 개인적으로 Vanilla JS를 지양하기 때문에 조금 거부감이 든다. 그래서 아직 jQuery를 공부함에 있어서 조금 망설임이 있다. 물론 Ajax와 같이 복잡한 기능을 구현하기 위해서는 생산성이 좋은 jQuery가 좋겠지만.. 아직은 잘 모르겠다. Drag N Drop은 drag 이벤트에 대한 지식이 없어서 조금 공부를 했어야 했다. 다음엔 drag 이벤트를 이용해서 옷 입히기 같은걸 만들어 봐도 재밌겠다는 생각이 들었다. l..

※ 이 글은 예전 블로그에서 퍼왔으며 2020.3.5.에 작성된 글입니다. View Canvas를 이용해서 처음으로 게임을 한 번 만들어 봤다. 이번 작품을 만들면서 가장 크게 느낀것은 Canvas는 Javascript의 사용이 뛰어나야 한다는 것이랑 멋진 걸 만들고 싶다면 수학을 잘해야 한다는 것이였따.. (특히 삼각함수) 또 사람들이 ES6가 나왔음에도 ES5 문법을 자주쓰는 이유를 안 것 같다. 바로 this랑 scope chain 때문이 아닐까 싶다. var 유효범위가 함수지만, const랑 let은 블록({ })기준이기 때문에 좀 더 까다로운 맛이 있는거 같다. 빨리 ES6를 연습해야 하는데.. 날잡고 해야겠다. link Snake Game jeongwoo903.github.io 알게 된 것​ ..

※ 이 글은 예전 블로그에서 퍼왔으며 2020.2.21. 에 작성된 글입니다. View node js를 약간 공부 해보고 간단한 개인 블로그를 만들어 보려고 했다. 근데 너무 디자인에 신경을 쓰다 보니까 한 페이지를 만들 때 마다 시간이 너무 소요된다. 그러다 보니 node js는 구현하기도 전에 지쳐버리게 된다..;; 앞으로는 디자인에 얽메이는 것 보단 계속 공부를 하면서 간단한 기능을 만들어 보는 것 위주로 해봐야겠다. ​ 그리고 CSS도 평소에 webkit, moz, ms 같은 것을 별로 신경 쓰지 않았었는데 이젠 조금씩 신경써서 해야 할 것 같다;;ㅎㅎ (사실 SCSS써서 컴파일 하니까 알아서 해주더라) 알게 된 것 1. Scroll Snapping에 대해 CSS Scroll snap points..

※ 이 글은 예전 블로그에서 퍼왔으며 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.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