마정한

Frontend Developer (3년차)

Contact

work_junghan@naver.com

010-4180-6554

Channel

Blog :

https://velog.io/@fung1593

GitHub :

https://github.com/MaJunghan

Introduce

1. 3년차 프론트엔드 개발자로 SI, 스타트업, 300명 규모의 회사에서 웹서비스를 개발하면서 기획/개발/배포/운영 등. 다양한 경험이 있습니다.

2. 2020년부터 약 200개의 블로그 포스팅을 통해 기록하고 성장하는 과정을 담고 있습니다.

3. 좋은 사용자 경험 측면에서 웹 성능은 중요하며, 필요하다면 최적화를 적용합니다.

4. 지식을 공유하고 소통하는 것을 좋아하며, 사내 스터디와 외부 스터디를 진행하고 있습니다.

5. 웹뿐만 아니라, 크로스 플랫폼으로 앱 개발도 할 수 있습니다.

Skills

HTML / CSS

Major

디자인을 보고 시맨틱을 사용하여 페이지의 구조를 결정할 수 있습니다.

Scss, PostCSS, Emotion 등 CSS 전처리기를 사용할 수 있으며, Flex, Grid를 사용하여 반응형 레이아웃을 구성할 수 있습니다.

JavaScript

Major

ES6 문법을 활용해 웹 어플리케이션을 개발하는 데 익숙합니다.

Vanilla JavaScript를 활용해 DOM 조작하는 데 익숙합니다.

map, filter, find 등 다양한 고차함수를 적극적으로 활용합니다.

React

Major

CSR과 SSR의 차이를 알고 목적에 맞게 사용할 수 있습니다.

ReactQuery와 Redux-tookit을 통하여 ServerState와 ClientState를 분리하여 사용할 수 있습니다..

Web App뿐만 아니라, 웹과 앱을 결합한 Progressive Web Apps을 세팅하고 사용할 수 있습니다.

Vue

Major

Composition Api와 Options Api의 차이를 알고 사용할 수 있습니다.

TypeScript

Minor

interface와 type을 적절히 나누어 사용 할 수 있습니다.

extends와 implements 차이를 알고 있습니다.

map, filter, find 등 return type을 설정할 때, 시간이 오래 걸리기는 하지만 완성하여 사용할 수 있습니다.

ReactNative

Minor

Flex로 레이아웃을 구성하고, 비동기 동신을 진행할 수있습니다.

소셜 로그인(Naver, Kakao, Google), NaverMap, FCM, CodePush, Splash screen, Swiper, Font, Icon 등 모듈을 사용할 수 있습니다.

Etc

Minor

Http RestFul, 멱등 기본 네트워크 지식을 알고 있습니다.

Node.js MongoDB를 사용하여, 간단한 CRUD를 구현해 본적이 있고, Cors를 해결해 본 경험이 있습니다.

Table, Column을 알고 있고, 외래 키를 사용하여, 작은 규모의 InnerJoin을 진행할 수 있습니다.

Work Experience

이카운트

개발팀 Frontend

재고, 생산, 회계, 영업, 급여, 그룹웨어, 웹메일 등 업무관리에 필요한 기능을 제공하는 클라우드기반의 ERP

기술스택 : React, Typescript, ReduxToolkit, Zustand, ReactTestingLibrary

개발 생산성을 높이기 위해, 기존 VanillaJs 작성된 Form, Grid의 게시판을 UI 요소 게시판을React로 마이그레이션

의존성을 낮추기 위해, Form Input에서 비즈니스 로직은 Validator, Formattor 등 외부Hook으로 분리

최대 5천 개의 Row가리 렌더링 되어 퍼포먼스 저하발생 , 메모이제이션이 적용하여 성능향상

Grid Row나 Cell Style을 변경할 수 있는 조건부 서식 기능 개발 ,HOC 이용하여 추상화

부모와 자식로 이루어진 Row에서 최대 20개의 자식이 있을 경우, 자식의 level에 따라 들여 쓰기를 추가하는 기능 구현 위해 재귀로 구현

리스픽

개발팀 Frontend

검증된 강사님을 만날 수 있는 1:1 온라인 영어, 한국어, 중국어 회화 플랫폼을 서비스하는 스타트업

기술스택 : Vue, Nuxt, Vuex, Scss

신규 개발자들의 접근성과 유지 보수 용이성을 위해, 기존 오래된 PHP 프로젝트를 presentational & container 디자인 패턴으로 사용하여 프로젝트 리드진행

첫 수업 신청률을 올리기 위해, 브라우저 저장소를 이용하여 Form에서 이탈 시 작성 내용 저장, 신청률 120%증가

세션 기반 인증 체계를 토큰 기반 인증 체계(JWT)로 변경하여, 세션 매니징 따른 서버 부하 12% 감소 및 보안성 증대

지속적 통합 / 배포를 위해 git Flow 전략을 사용하여 관리

아이엠폼

개발팀 Frontend

자체 개발된 기술들을 비즈니스에 결합하여 제공하는 형태의 솔루션을 제공하는 플랫폼회사

기술스택 : React, Next, TypeScript, Scss

첫 페이지 렌더링 속도 개선을 위해 , React Lazy 사용 2초 → 1초로 앞당겨 사용자의 이탈률 68% 감소

불필요한 API 요청을 막기위해 generator를 사용할 수 있는 미들웨어(redux-saga) 도입 제안

웹 앱 기반 브라우저(Android Chrome,IOS Safari)에서 트러블 슈팅 개선

I-ON 커뮤니케이션즈

개발팀 Frontend

기업이 웹 사이트를 기획하고 구축 및 운영관리 솔루션을 웹 콘텐츠 관리솔루션을 제공하는 회사

기술스택 : Vue, Nuxt, TypeScript, Scss

상품 최근 검색어를 노출, 순위 변동 시 검색어의 랭킹을 업데이트 기능 구현

CDN 캐싱을 통해 이미지 누락 오류 제거 (발생률 0%)

각종 페이지 UI/UX 디자인 개선

Education

2011.02-2015.03 영진전문대학교 경영학과