이준형 프로필

about me

내 이야기

나에 대해
2017년부터 Node.js/React.js를 중심으로 웹 프론트/백엔드 기술을 배웠습니다.React Native를 통해 모바일 개발에 대해 간접적으로 경험했습니다.무언가를 배우기 위해서는 무언가를 만들어야 된다고 생각합니다.
기술:
- React/React Native/Typescript- Node.js/MongoDB- Firebase- AWS
1. 1kSubs-project 친형이 아는 안드로이드 개발자가 "Sub4Sub"와 같은 앱을 만들고 싶어하고, 백엔드 개발자를 찾고 있다고 해서 같이 일하게 되었다. 앱을 단기간에 만들기를 원했기 때문에 파이어베이스가 최고의 선택지라고 생각해서 선택했다. 백엔드는 Firebase admin을 활용해 구성했다. 프로젝트를 진행하면서 안드로이드 개발자와 같이 일하고 소통하는 방법을 배웠고, 테스팅 코드를 충분히 작성하는 일이 얼마나 중요한지 깨달았다.
2. Airbnb-checkout-reminder 부모님께서 에어비앤비 숙소를 운영 중이시고 때때로 내가 게스트들의 질문에 답을 해드리고 있다. 대부분의 메시지는 반복적이고 자동응답이 가능한 것이었기 때문에 이 과정을 자동화해줄 node.js앱을 만들었다. 이 앱은 1. 게스트가 체크인/체크아웃을 해야할 때 2. 게스트가 예약을 확정지었을 때 자동으로 메시지를 전송한다. 300달러의 무료 크레딧 제공과 싼 가격에 더 많은 메모리를 제공하는 Google Compute Engine에 호스팅해서 운영 중이다.
3. react-native-hello-talk 파이어베이스와 React Native를 제대로 파보고 싶어서 "헬로우 톡"이라는 앱의 안드로이드 버전을 클론 코딩했다. 가장 익숙한 Typescript/Redux/Redux Saga를 사용했지만 프로젝트가 진행될 수록 복잡도가 크게 늘어나 크게 만족스럽지는 않았다. 오히려 Context API를 사용하는 편이 더 적절했을 것이라고 본다. 기능은 인증/채팅/유저 프로필의 세 가지 영역에 대해 구현했으며, 푸쉬 알림은 넣지 못했고 테스트 코드도 익숙하지 않은 탓에 작성하지 않았다. 백엔드 테스팅 코드보다 프론트엔드 테스팅 코드를 짜는 일이 조금 더 복잡하다고 느꼈다. 프로젝트를 진행하며 느꼈던 가장 큰 어려움은 적절한 디비 구조를 설정하는 일이었다. 결국 프로젝트 중간에 구조를 처음부터 새로 짰다. 기능을 설명하는 [유튜브 비디오](https://www.youtube.com/watch?v=d-293RP7xzg&t=20s)를 찍어서 기록을 남겨뒀다.
4. order-now 친구 한 명이 스타벅스의 사이렌 오더와 같은 앱을 만들어보고 싶다는 얘기를 했다. 친구는 디자인을 맡고 나는 개발을 전담하는 식으로 일을 했다. Serverless 프레임워크를 배워보고 싶었기 때문에 백엔드는 Serverless로 구성하고 디비는 위치 관련 쿼리가 지원되고 또 익숙하기도 한 몽고 DB를 사용했다. 프론트엔드에는 React Native를 사용했다. 가장 큰 어려움은 디자인을 맡은 친구와의 소통 문제였다. 친구는 때때로 디자인은 크게 변경했는데 그 과정에서 그러한 변화를 따라가는 것이 꽤 힘들었다.
5. AllHumor 친형은 웃긴 짤이나 게시글을 좋아한다. 그리고 그런 것들을 한 군데서 모아볼 수 있으면 좋겠다는 말을 가끔 했다. 그래서 나는 몇몇 사이트를 크롤링해서 React/Express앱을 통해 보여주려고 했다. 그러나 가독성 등을 고려하지 않고 코드를 짠 결과 코드가 너무 길어져서 리팩토링을 진행했다. 물론 테스트 코드가 한 줄도 작성되지 않은 상황에서 무작정 리팩토링을 강행했기 때문에 그 결과는 그리 좋지 않았다. 이 과정에서 처음으로 서버 호스팅이나 도커와 같은 것들에 대해 배웠다.

Work Experience

경력

2019-03 ~ 재직 중

공공공간

웹개발

풀스택 웹개발을 담당했습니다. 주 스택은 Nuxt(Vue.js)와 Express(Node.js)였고,
- 아임 포트를 활용한 결제 연동, 계좌 인증 연동
- 나이스 실명 인증 서비스를 활용한 실명 인증 연동
- 스윗 트래커를 활용한 배송 조회 연동 및 창작자 정산 서비스 구축
- 어드민 페이지 유저 관리, 결제 관리, 작품 관리 페이지 등 제작
- 장바구니, 쇼핑몰 상세 페이지, 작가 수익 페이지 제작
- 네이버/카카오 소셜 로그인 연동
- 아마존 KMS를 활용한 개인정보 암호화 (대칭키 암호화 방식 사용)
등의 일을 진행하였습니다.

Attitude & Ability

특별한 역량

0

새로운 기술에 대한 적응력 높음

0

긍정적이고 열정적이며 열린 환경에서 일하고 싶습니다.

Language

언어

영어 일상 회화, 캐주얼 작문이 가능해요.

한국어 현지인 수준의 회화, 현지인 수준의 작문이 가능해요.

Link

Design Showcase

비핸스/드리블

Behance

연결된 Behance 계정이 없습니다.

Dribble

연결된 Dribbble 계정이 없습니다.

Tech Stack & Tool

프로그램/언어

Code Archive

깃허브/비트버킷

GitHub

airbnb-checkout-reminder

Airbnb checkout reminder using Node.js and Puppeteer

TypeScript 1 0

Airbnb-price-prediction

Learning https://www.dataquest.io/blog/machine-learning-tutorial/ tutorial

Jupyter Notebook 0 0

allHumor

react-express(node) based web app for crawling humor sites

JavaScript 0 0

APSS

종만북 알고리즘 문제 풀이

C++ 0 0

Complete-Guide-Passport.js

Guide project to show how to use local, social login using passport.js with csrf protection and redis

JavaScript 0 0

cpp-algorithms

hacker rank solutions, cpp-algorithms

C++ 0 0

Do-Server-Side-Rendering

Learn server side rendering for next React projects

JavaScript 2 0

docker-compose-example

docker-compose-example and api caching with redis

JavaScript 0 0

everytime_clone

clone application of everytime app

Java 0 0

expo-typescript

TypeScript 0 0

expo-typescript-bolierplate

Boilerplate project for expo, typescript, jest and react-native-testing-library

TypeScript 1 0

FACE-SCORE

A simple react-redux-firebase app

JavaScript 0 0

hanbit-3

JavaScript 0 0

JWT_AUTH

TypeScript 0 0

kotlinMVP_boilerplate

kotlin, dagger2, retrofit, rxjava2

Kotlin 0 0

learncpp

C++ 0 0

loadable-components

React code splitting made easy ✂️✨

JavaScript 0 0

make-chat-app-with-react-native

Tutorial series on how to make chat app with React Native

TypeScript 1 0

Markdown-Archive

personal archive for blog(https://gompro.postype.com/)

HTML 0 0

MediaPlayerAndroid

android media player based on "android-MediaBrowserService"

Java 0 1

modern-nodejs

tutorial for setting modern nodejs development environment

JavaScript 1 0

new-hanbit

JavaScript 0 1

nodejs-docs-samples

Node.js samples for Google Cloud Platform products.

JavaScript 0 0

order-now-new

TypeScript 0 0

philips_curve_with_python3

파이썬을 활용한 데이터 시각화

Python 0 0

Practice-ui-animation-Airbnb

Learn UI animations by cloning Airbnb app detail page

TypeScript 0 0

PYPUZ

reactjs + redux + express based image uploader app

JavaScript 0 0

react-i18n-example

example of i18n with typescript/react-redux-i18n

JavaScript 2 4

react-native-hello-talk

React native clone app for "Hello Talk" using firebase

TypeScript 13 1

react-native-popup-menu

Popup menu component for React Native

JavaScript 0 0

Bitbucket

utub