-
전원 취뽀 성공한 프로그라피 5기 알고리즘 스터디 회고
5기를 시작하며, 알고리즘 스터디를 모집하였다. 현재 내가 속한 알고리즘 스터디는 잔류인원 4명 중 3명이 취뽀 (1명은 재직중)에 성공 하는 완전 좋은 성과를 걷었다! 해당 팀원들 모두 만족도가 높은 스터디 였다. 특히 나의 경우, 알고리즘을 제대로 해보지 않았던 상태 + 처음 해보는 python으로 시작해서 실력이 영 꽝이었는데, python + 알고리즘 = 취뽀!! 🐰🐰🐰 를 잡는 계기가 되었다. 효과적인 알고리즘 스터디를 원하는 사람들에게 도움이 되길 바라며 포스팅 시작! (다들 기 받아가세욧 🔥) getting started 스터디방식 세줄 요약을...
-
Debounce & Throttle: 효율적인 이벤트 핸들링
Debounce & Throttle: 효율적인 이벤트 핸들링 by 신성환(github.com/blueStragglr) Debounce와 Throttle은 자바스크립트 이벤트를 (양적인 측면에서) 효율적으로 처리하기 위한 방법입니다. 이러한 컨트롤이 필요한 경우의 예시로 만들었던 페이지를 가져와 보겠습니다. (퇴사 전에는 좀 더 잘 만들었었는데 애석하게도 유지보수가 잘 되고 있지 않네요.) 해당 페이지에서는 가로 혹은 세로 스크롤을 모두 가로 스크롤 값으로 변환하며, 가로 스크롤 값에 따라 각 사각형 컴포넌트의 위치와 각도를 조절합니다. 이를 위해서 window DOM에 scroll eventListner가 달려 있으며, 아래와 같은 다양한 메소드가 구현되어 있었습니다. 스크롤의...
-
Vue.js에서 Anime.js 사용하기
Vue.js에서 Anime.js 사용하기 by 신성환(github.com/blueStragglr) Vue.js 프로젝트에서 애니메이션의 손쉬운 구현을 위해 Anime.js 라이브러리를 사용하는 방법에 대해서 알아봅니다. 하나의 DOM 객체에 대해 다루는 기능을 중점적으로 서술하였습니다. 애니메이션 종료 후에 실행되는 콜백이나 SVG를 컨트롤하는 방법에 대해서는 다음에 다루도록 하겠습니다! Installation & Import npm을 이용해서 쉽게 설치할 수 있습니다. $ npm install animejs --save 이후, 애니메이션을 사용할 컴포넌트에서 다음과 같이 import합니다. import anime from 'animejs/lib/anime.es.js' // use as `anime(...)` 애니메이션을 사용하는 컴포넌트가 많다면 src/main.js에서 다음과 같이 전역 변수로...
-
학생개발자의 사이드프로젝트 개발기 2편: 프로토타입 만들기
3. 1차 마일스톤(5.4) 1차 마일스톤은 그동안 진행한 결과물을 발표하는것이었다. 3.1 제휴 카페 찾기 - round1 주제를 선정한 다음날 유사업체와 제휴하고있는 관악구의 한 카페에서서비스를 직접사용해서 주문을 해보았고 이 업체와 계약한 카페관계자와 인터뷰를 해보며 우리가 다이브해도 괜찮겠다는 확신을 얻었다. 이때까지는 회의록을 쓰던 습관이 남아있어 인터뷰, 기획서들을 참 문서화를 잘 했었다. 이때까지는 아직 문서화가 귀찮다고 생각을 못했던것같다. 우리는 처음에 서울대학교의 느티나무라는 협동조합을 타겟카페로 삼았다. 외부에 나가기 어려운 서울대학교의 특성상 우리의 서비스가 가장 침투하기 좋은곳이라고 생각했기때문이다. 그렇게 제휴를 맺고자...
-
학생개발자의 사이드프로젝트 개발기 1편 : 주제선정
1. 들어가며 올해 3월부터 프로그라피라는 개발 동아리를 하고있다. 프로그라피는 개발자들이 직접 서비스를 기획하고 배포하는 프로젝트를 진행하는 동아리이다. 우리 팀은 현재 고려대학교 이공대캠퍼스에 입점해있는 커피 스퀘어라는 곳과 제휴를 맺어 원격으로 커피를 주문하고 픽업할 수 있는 서비스를 개발하고 있다. 처음 프로젝트를 하는 학생개발자들은 어떤 시행착오를 겪으며 어떻게 해결해왔는지를 나와같은 예비개발자들을 위해서 포스팅 해보고자 한다. 목차는 주제선정부터 1차,2차 ,3차 마일스톤까지 시간의 흐름대로 작성할 예정이며 그 과정속에서 우리 프로젝트가 어떻게 변해왔는지와 이번 프로젝트를 진행하면서 느끼고 배운점들을 포스팅하고자 한다. 2....