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

※ 이 글은 예전 블로그에서 퍼왔으며 2020.3.4.에 작성된 글입니다. View HTML5 Canvas 연습작으로 만들어 보았다. 아직 Canvas로 인터렉션을 구현하는건 조금 어려운 것 같다..;; 아직은 어떻게 사용해야 할지 이게 맞게 한건지 잘 모르겠지만 계속 공부해 봐야겠다. PixiJS 라는 신박한 것도 있던데 한 번 공부해 보고 싶다. Link Window jeongwoo903.github.io 알게 된 것 ​ 1. 브라우저의 Width나 Height 값을 알고 싶다면 다음 코드를 이용하자. window.innerWidth; window.innerHeight; 2. Canvas Gradation 사용법 const grd = context.createLinearGradient(startX, ..

※ 이 글은 예전 블로그에서 퍼왔으며 2020.2.29.에 작성된 글입니다. View :before 가상선택자를 잘몰라서 못만들었던 toggle.. 한 번 만들어 보고 싶어서 간단하게 만들어 봤다. 근데 SCSS로 한 번 만들어 봤는데 코드 재활용성이 정말 킹갓인것 같다.. Mixin이 정말 편하다.. 앞으로는 Vue나 React 같은 공부보다 ES6, SCSS, DOM조작 같은 것들을 더 공부해서 인터렉션을 좀 더 살려봐야겠다. Link Toggle jeongwoo903.github.io 알게 된 것 ​1. +선택자를 이용하면 바로 뒤의 지정 요소를 선택할 수 있다. ​ 2. grid-template-columns와 rows (헷갈리지 말자) · column는 세로 (기둥이라는 뜻) · row는 가로 ..

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

꿈을 이루기 위한 7가지 충고 펭수반 급훈 1. 계획을 시각화하라. 2. 세운 계획을 세분화 하라 3. 망설이는 시간에 시도하라. 4. 실패를 너무 의식하지 말라. 5. 매일 일의 우선 순위를 정하라 6. 끝가지 물고 늘어져라. 7. 나는 해낼 수 있다고 확신하라.

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