포트폴리오 (임시)

평소 프로그래밍을 통해 일의 번거로움을 자주 줄이고1, 맘에 안 들면 바닥부터 직접 만들고자 하는2 프론트엔드 개발자 지망생입니다.

제주 갤러리 투어 서비스

사용 도구: Vue.js, ES6, Sketch

PlaceTasksCoinTimeLine

NFC 태깅 컨셉의 제주도내 소규모 갤러리 투어 미션을 재공하는 데모 웹앱

https://github.com/BetaF1sh/Jeju-Gallery-Tour/

교내 겨울 해외 연수의 부대 해커톤에서 은상(2등)을 받았습니다. 만든 과정에 대해 궁금하시다면 해커톤 보고서 내용(영문)을 참고 부탁드립니다.

역할

UI 디자인 및 개발

기술

Sketch로 만든 디자인 명세와 동일한 화면을 구현하고자 외부 CSS 라이브러리 대신 직접 스타일링을 지정했습니다.

Web NFC API와 Vue 프레임워크 간 연결 문제로 인해 버튼 액션으로 대신 구현 하였습니다.

FEMOE

사용 도구: Hugo, Sketch, zeplin

최소한의 기능만 제공하는 블로그 테마

https://github.com/BetaF1sh/FEMOE/

현재 보고 계시는 불로그의 테마입니다

기술

Hugo 라는 정적 블로그 생성 도구용으로 제작했습니다.

전통적인 템플릿 기반 렌더링에 대해 익혀볼 수 있었습니다.

TECTRE

순수 JS로 만든 기술 블로그 프로토타입

디자인과 마크업 코딩외에 자바스크립트 구현 작업을 맡았습니다.

https://github.com/BetaF1sh/TECTRE

기술

MVC 패턴과 SPA 구조를 이해할 겸 바닥부터 직접 만들어 봤습니다.

UI를 JS로 그려보는 과정에서 ES6+ 문법의 편의성을 직접 와닿았습니다.

ReactJS 가 없네요?

사용한 경험은 없지만 자비스크립트 디자인 패턴에 대한 기본 지식을 충분히 갖고 있어 React에 관한 문서를 읽고 응용하는데 전혀 문제가 없는 상황입니다.

리엑트 네이티브의 경우에는 교내 앱 서비스를 개선하고자 잠깐 사용해본 적이 있습니다 : aerain/jedaeroReactNative#3

연락처

이메일: iam@muhun.kim


  1. 한 예로 웹 상의 필요 이상으로 반복되는 행동을 줄이고자 사용자 스크립트를 개인적으로 관리하고 있습니다 [return]
  2. 입문자 시기에 상향식으로 이리저리 찔러보며 크게 데인 적이 많아 지금은 기술의 배경을 먼저 인지하는 하향식 방법을 주로 사용하고 있습니다. [return]