Activity – 블로그 이사갔어요! https://milooy.github.io/

Zepl Front End UI/UX Renewal Project

2018.06~2019.02

Conference Site for ‘Data Science is a Team Sport!’

2018.07

TIL(Today I Learned) – Personal wiki page

Made a TIL(Today I Learned) which is like a personal wikipedia with Vuepress

URL: http://milooy.github.io/TIL
GitHub: https://github.com/milooy/
Commits: 470 commits (based on Mar 22, 2015 – Dec 22, 2019)

Conference Site for ‘Data Science is a Team Sport!’

Background

Participants: Yurim(Front End Engineer), Youngjin(Designer)
Project Period: 2018.07
URL: https://milooy.github.io/DSTS2019/
GitHub: https://github.com/milooy/DSTS2019

Build a conference landing site with Vue.js.
Made a ‘Electronic display’ section to show sponsor list,
and show session detail information like a sports player with animation.

Results

Show session information like sports player introduction

Zepl Front End UI/UX Renewal Project

Background

Before, Zepl doesn’t had a designer and there’s no rule for the UI/UX guideline.

I teamed up with one designer and do the UI/UX renewal with building a reusable components and setting up design guidelines.

Participants: Yurim(Front End Engineer), Youngjin(Designer)
Project Period: 2018.06~2019.02
URL: https://www.zepl.com/

Before

Has no consistency on Font hierarchy, margins, the way to show the datasets.

After (Components that I made)

Carousel, Dropdown with Skeleton loading indicator

Modal with searchable dropdown components

Filterable/Sortable/Searchable Table with Pin feature

Item box and Overlay with micro interactions

Collapsible with Real-time Graphs and Table

Create-able Select box which supports Validation, Copy/Paste from Excel sheet

진유림 – 패스트캠퍼스 인터뷰

일일커밋(Daily Commit) – 1년 회고

스크린샷 2016-07-02 오후 5.27.21

일일커밋(Daily Commit) – 100일 회고 글을 적은 후 시간이 흘러, 벌써 1년 회고를 쓰게 되었다. 일년 동안 어떤 변화가 생겼는지 기록해두려 한다.

습관

하루에 한 번씩은 꼭 노트북 앞에 앉아 코딩한다 (회사 일 제외).

일일커밋의 제1원칙이다. 이런 식으로 TIL, 개인 프로젝트, 오픈 소스 등에 매일 코딩을 하였다.

에잇컵스라는 IOT 텀블러가 있는데, 100일 동안 물을 꾸준히 마시면 최대 49,000원까지 환급해준다. 100일간 무언가를 꾸준히 하면 습관이 형성되고, 이를 돕기 위한 프로그램이다. 일일코딩도 이와 비슷하게 습관을 만들어준다.

작년 7월만 해도, 프로그래밍 후 공개된 장소에 올리는 것은 가끔 있을까 말까 한 일이었다. 하지만 1년 동안 습관을 들이니, 나와 비슷한 문제를 겪는 다른 사람들도 쓸 수 있도록 더 정성껏 코딩하게 되고, 이를 정리해서 올리는 것이 자연스러운 일이 되었다.

사실 150일 후, 커밋 그래프에 처음으로 빈칸이 생긴 날 왠지 모를 희열이 느껴졌었다. 자유를 얻은 기분…? 역시 뭐든 적당히 하는 것이 좋다 🙂

커밋한 저장소

1년간 커밋한 저장소는 다음과 같다.

1. 개인 위키 – TIL(Today I Learned)

스크린샷 2016-07-02 오후 5.29.05

배운 것들을 마크다운 문법으로 정리해 올리는 개인 위키이다. 현재 240여 개의 문서들이 담겨있다.
가장 많이 참고한 문서는 파이썬 스타트킷으로, 개발 환경을 세팅할 때마다 본다(항상 까먹는다).

2. 개인 프로젝트 – 하비코딩

스크린샷 2016-07-02 오후 5.29.49

함께 코딩하기 위해 가볍게 개발자들을 모을 수 있는 밋업을 만드는 사이트이다. 개발자용 간단 온오프믹스라 생각하면 된다.
Python, Django로 만든 첫 개인 프로젝트이고, 회원가입/밋업 개최/댓글/참여/태그/검색 등을 한땀 한땀 개발해서 애착이 크다.
깃허브 Issues에 서머노트 달기를 적어두었는데, 지인이 그걸 보고 개발하여 Pull Request를 날려주었다. 컨트리뷰션을 받는 경험도 참 감동이라는 것을 알았다 🙂

3. 팀 프로젝트 – 9X년생 개발자 모임 블로그

스크린샷 2016-07-02 오후 5.30.54

요즘 가장 열정을 바치고 있는 ‘9X년생 개발자 모임'(페이스북 링크)의 공식 블로그다. Jykell을 이용해 Github Pages로 배포하는 Static한 사이트이며, 스태프 최현묵님이 첫 삽을 깊게 떠주셔서 편히 작업하고 있다.

4. 오픈 소스 – Angular Datatables

HTML Table을 예쁘게 보여주고 기능을 추가해주는 ‘Datatables’의 Angular.js 확장 라이브러리다. 회사 프로젝트에 사용하며 Material Design으로 스타일을 커스텀하다가, 하는 김에 컨트리뷰션도 했다. 그것에 맞추어 홈페이지 스킨도 변경해서 Pull Request를 보냈다.

사실 Star 750개짜리인 큰 프로젝트라 반려될 각오도 했는데 Merge되어 약간 어안이 벙벙하였다 🙂

많은 사람들이 내 디자인을 쓴다니… 적은 노력으로 날로 먹은 기분이다.