# 임은섭

프론트엔드 개발자

<a href="https://github.com/limeunseop">![Github](https://img.shields.io/badge/Github-github.com%2Flimeunseop-03B054.svg)</a>
<a href="https://velog.io/@seop">![Blog](https://img.shields.io/badge/blog-velog.io/@seop-303030.svg)</a>
<a href="https://limeunseop.notion.site/limeunseop/b56b7e9c10ef4616a76693e33b0bd1ee">![Notion](https://img.shields.io/badge/Notion-https%3A%2F%2Flimeunseop.notion.site%2Flimeunseop%2Fb56b7e9c10ef4616a76693e33b0bd1ee-%23fff)</a>
<a href="mailto:dmstjq92@gmail.com">![Email](https://img.shields.io/badge/Email-dmstjq92@gmail.com-F6B638.svg)</a>

<!-- ## Summary -->

<!-- 저는 지식습득을 위해 많이 노력해왔고 이것이 점점 빛을 발휘하여, 귀사에 입사해서도 반드시 임무를 제대로 완수해 나가며 발전할 수 있는 인재임을 자신하고 있습니다. 그 이유는,

1. 프론트엔드에 대한 흥미와 적성이 확고하며, 이 분야에 대한 저만의 새로운 정보습득 방법 및 트러블슈팅 방법 또한 확고히 해 놓았습니다. (See here: https://github.com/LimEunSeop/my-portfolio/blob/master/README.md#studies)
2. 저에게 있어 개발에 진심으로 몰입하는 마음은 Default 입니다. 여기서 차별적으로 말씀드리고 싶은 것은, 저는 스트레스에 굴복하지 않고 위기상황을 슬기롭게 대처하는 정신을 지녔다는 것입니다. 완수하지 못한 임무가 있으면 어떻게든 완수하겠다는 마음가짐이 있습니다. 그리고 다음에는 그 시간을 단축시키기 위해 정리하는 작업을 반드시 수행합니다.
3. 마지막으로, 일을 하던 중 동료의 고마운 평가 덕분에 자신감을 가질 수 있었습니다. 자기계발에 대한 노력과 제 열정이 적용될 수 있는 좋은 회사에 꼭 입사해서 더욱 즐겁고 주도적으로 연구하는 삶을 살고 싶습니다. -->

<!-- - HTML, CSS를 프로그래머의 관점에서 구조적으로 직접 작성할 수 있습니다.
- 웹 표준, 시멘틱 마크업, 접근성을 준수한 개발, 크로스 브라우징, 반응형 웹 개발이 가능합니다.
- Javascript의 실행 컨텍스트와 비동기성을 제대로 이해하고 있습니다.
- 팀원간 지식을 아낌없이 공유하는 것을 좋아합니다.
- [2건의 추천서](https://www.rocketpunch.com/@eunseoplim#references)가 있습니다. -->

## Skills

<!-- ### Knowleges

- Next.js 환경에서 서버사이드, 클라이언트사이드를 정확히 구분하여 코딩하는것이 가능합니다.
- 효율적으로 재사용 가능한 컴포넌트 개발이 가능합니다.
- Typescript 기본 문법과, 라이브러리 속 타입을 능숙하게 활용할 수 있고, 유틸리티 사용 및 Type Narrowing 등의 스킬 구사가 가능합니다.
- React 최적화를 위해 List Virtualization, 리렌더링 최적화를 한 경험이 있습니다. 이외에 브라우저 동작방식을 고려한 최적화도 가능합니다.
- HTML, CSS를 기본적으로 UI 프레임워크의 도움 없이도 정확히 디자인 구현을 할 수 있으며, 프로그래머의 관점에서 구조적으로 마크업할 수 있습니다.
- 웹 표준, 시멘틱 마크업, 접근성을 준수한 개발, 크로스 브라우징, 반응형 웹 개발이 가능합니다.
- SEO를 향상시키는 개발이 가능합니다. -->

### Languages

- 사용언어
  - ES6+, Typescript, HTML, CSS, Java, PHP

### Frameworks and Libraries

- 프론트엔드 개발
  - React, Next.js, tailwindCSS, emotion, styled-component, react-hook-form, ApexChart, Material UI, Sass, JQuery, Ext.js
- 백엔드 개발
  - prisma
- 상태관리
  - Tanstack Query(Server state), Redux Toolkit(Client State)
- 테스팅
  - jest, jest-dom, Testing Library, cypress

### DB

- RDBMS
  - MySQL, PostgreSQL, Oracle

<!-- ### Cloud Services

- PaaS
  - Docker
- BaaS
  - Firebase -->

<!-- ### OS

- 사용환경
  - Mac_OS_X
- 서버
  - Linux, Windows_Server -->

### Tool Techniques

- 생산성
  - eslint, prettier, husky
- Design Reading
  - Figma, Photoshop, Illustrator
- Code Editing
  - Emmet, VIM, Hammerspoon

## Experience

### 직무 경험

상세 경력기술서는 [여기](https://limeunseop.notion.site/2827a91dd8b5499d89b09033cf948a3c)를 참고바랍니다

- [(주)에이아이파크](https://app.aivatar.ai) - 프론트엔드 개발
  - 2024.03 ~ 
  - AI 아바타 생성 서비스 AIVATAR의 추가개발 및 유지보수를 진행했습니다.
  - 프로덕트에 존재하는 핵심 버그들을 수정하며, typescript와 eslint를 도입 후 리팩토링을 진행했습니다.
  - i18n 마이그레이션을 진행하였으며, 이를 효율적으로 사용하기 위한 eslint룰을 개발했습니다.
  - 여러가지 요구사항을 대응하면서, git flow 각각의 쓰임새를 더욱 체감할 수 있는 좋은 경험을 만들어갔습니다.

- [(주)바이트컴퍼니](https://www.mydailybyte.com) - 프론트엔드 개발
  - 2022.08 ~ 2023.11
  - 미디어 플랫폼 데일리바이트의 웹 프론트엔드 개발을 전담했습니다. 또한 B2B 서비스로, 신한금융투자, 농협 올원뱅크 앱에 웹뷰를 공급했습니다.
  - 자체 웹 사이트를 신규 구축한 후 여러 구독자 유입 촉진 프로그램 개발에 참여한 결과, 구독자 수가 30,000명(약 100%) 증가하게 되었습니다.
  - 프로젝트를 새로 구성하고, 초기 프로젝트의 체계를 다져나가는 과정 속에서 많은 고민을 하여 프론트엔드 개발자로서 많은 성장을 할 수 있었습니다.
 
- [(주)코나아이](https://konai.com) - 웹개발
  - 2022.01 ~ 2022.07
  - 결제플랫폼 생태계에 대한 기본교육을 받았으며, 코나카드와 관련된 웹 포탈 개발에 참여했습니다.
  - 택시운행에 관한 여러가지 통계 및 실시간 정보를 조회할 수 있는 사이트 개발에 참여했습니다.
  - 부산 동백전 카드관리 사이트의 카드신청 페이지를 개선하는 작업을 하였습니다.
  - 인천 석바위 전통시장의 상인연합회 전용 가맹점 관련 데이터 및 '석바위캐시'를 관리하는 백오피스를 개발하는데 참여하였습니다.
  - MSA 환경에서의 개발 경험, 기획→개발→QA→배포 등의 체계적인 플로우 속에서 Confluence, Jira를 사용하며 유관부서와 협업하는 요령을 터득하게 되었습니다.
<!--   - 이직 사유: 프론트엔드 개발자의 길을 쭉 걷고싶어서 이직을 결심하게 되었습니다. 프론트엔드 관련 기술은 첫 직장을 다니고 나서부터 꾸준히 공부하였는데, 그쪽 분야가 퇴근 후에도 꾸준히 자기계발을 주도적으로 하게 되는 만큼 저와 맞는 직군이었습니다. 프론트엔드 개발자로 취업하여 더욱 업무와 유기적인 관계를 맺는다면 제 자신과 회사발전 사이의 커다란 시너지 효과가 발생할 것으로 기대됩니다. -->
<!-- - 공백기간

  - 2020.07 ~ 2021.12
  - 그동안 못해보던 아두이노 개발을 해 보고, 프론트엔드 개발자로서 디자인에는 어느정도 일가견이 있어야 된다고 판단하여 웹 디자인 국비교육을 들었습니다.
  - BEM, emmet, 유지보수가 용이한 HTML/CSS 퍼블리싱, Photoshop/Illustrator 기술을 습득하여 디자인을 제대로 구현할 수 있게 되었습니다. -->

- [(주)유비온](http://www.ubion.co.kr/ubion) - 웹개발
  - 2018.05 ~ 2020.06
  - 비교과 등 대학 관련 웹사이트(상담,신청,진단,설문 시스템) 개발 및 관련 백오피스 개발에 참여함으로써, 많은 CRUD를 경험하여 기본에 충실한 개발능력을 배양하였습니다.
  - 클라이언트와 백오피스 전부 PHP에 MySQL 데이터베이스를 사용하였으며 여러한 경험이 최신 Next.js의 서버컴포넌트를 구현하는데 도움을 줄 것이라고 생각합니다.
  - 이 시기에 HTML, CSS, Javascript 와 React 공부를 시작하여 지금까지 꾸준히 발전해 나가고 있습니다.

<!-- ### 개인 프로젝트

- [React Mini Projects](https://github.com/LimEunSeop/React-Mini-Projects)

  - 2020.07 ~ 2020.08
  - React 로 제작한 간단한 메뉴, 뮤직플레이어, 채팅앱
  - React 와 관련하여 실무에서 사용할 수 있는 기술 및 지식을 학습하였습니다.
  - ![React](https://img.shields.io/badge/-React-63B5F4) ![ES6+](https://img.shields.io/badge/-ES6+-029A67) ![Redux](https://img.shields.io/badge/-Redux-E95AE1) ![styled-components](https://img.shields.io/badge/-styled--components-D0BFE0) ![Jest](https://img.shields.io/badge/-Jest-36F6BB) ![Context API](https://img.shields.io/badge/-Context_API-D8555F) ![HTML](https://img.shields.io/badge/-HTML-brightgreen) ![Sass](https://img.shields.io/badge/-Sass-15B232) ![Sass_Module](https://img.shields.io/badge/-Sass_Module-B6DBA4) ![Firebase](https://img.shields.io/badge/-Firebase-F90D57)

- [포트폴리오 사이트 제작](https://github.com/LimEunSeop/limeunseop.github.io)

  - 2020.11 ~ 2020.12
  - 여러곳에 분산돼 있는 경험(이력서, 포트폴리오)이 한 곳에 모인 Entry Point Site.
  - 확장성을 고려하고 유지보수의 이점을 취하기 위해 SPA 형태의 React 로 개발하였습니다. 또한 크롤링 하는 데이터가 정형화된 포맷을 꼭 따라야 하므로 TypeScript 을 사용하였습니다.
  - ![React](https://img.shields.io/badge/-React-63B5F4) ![ES6+](https://img.shields.io/badge/-ES6+-029A67) ![TypeScript](https://img.shields.io/badge/-TypeScript-0D0BF6) ![HTML](https://img.shields.io/badge/-HTML-brightgreen) ![Sass](https://img.shields.io/badge/-Sass-15B232) ![Sass_Module](https://img.shields.io/badge/-Sass_Module-B6DBA4)

- [바닐라JS로 제작한 기본적인 APP](https://github.com/LimEunSeop/vanilaJS-app)

  - 2020.12
  - HTML, CSS, Javascript 만을 이용하여 테스트코드까지 심혈을 기울여 만든 프로그램입니다.
  - 구조적으로 개발하기 위해 많은 노력을 기울였습니다. 무엇하나 대충짜지 않고 웹 표준, 접근성, 구조적인 CSS, 클래스 상속관계 전부다 녹였습니다.
  - ![ES6+](https://img.shields.io/badge/-ES6+-029A67) ![TypeScript](https://img.shields.io/badge/-TypeScript-0D0BF6) ![HTML](https://img.shields.io/badge/-HTML-brightgreen) ![CSS](https://img.shields.io/badge/-CSS-green) ![Jest](https://img.shields.io/badge/-Jest-36F6BB) -->

<!--
- 음악 연습 Manager App For Tablet
  - 추후 작업 예정
  - 음악 연습 루틴 관리, 알람을 통한 체계적인 연습을 가능토록 해주는 App.
  - 여러 곡의 악보를 연습하다보면 인간의 힘으로 시간분배 하는 것에 한계가 생겨 놓치는 곡이 발생합니다. 루틴을 만들고 이 루틴을 기반으로 연습을 진행해 나가도록 하는 기능을 개발할 예정입니다.
  - ![React_Native](https://img.shields.io/badge/-React_Native-896DA1) ![Expo_CLI](https://img.shields.io/badge/-Expo_CLI-47A3B9) ![TypeScript](https://img.shields.io/badge/-TypeScript-0D0BF6)
-->

<!-- ## Education

### 학교

- **대진대학교 컴퓨터공학과**
  - 2011.03 ~ 2017.02
  - 다방면의 IT 지식을 습득하는데 주력을 가했고, 언어는 특히 C언어를 많이 공부하여 컴퓨터구조, 메모리구조 관련하여 많은 성찰을 했습니다. 덕분에 쌓인 배경지식이 IT지식 학습력 향상과 깊이있는 프로그래밍 사고에 상당수 도움이 되었습니다.
  - Linux Server, Windows Server 등의 서버와 Cisco Networking 공부를 통해 IT 인프라의 기초적인 지식을 쌓아 IT세계에서 프로토콜이 동작하는 전체적인 원리를 파악할 수 있게 되었습니다.
- **의정부고등학교**
  - 2008.03 ~ 2011.02 -->

<!-- ### 외부교육

- [이듬 블랜디드 러닝 - React Framework](https://euid.dev/#/courses/react-framework)
  - 2020.07 ~ 2020.08
  - React 라이브러리 기본, Redux 기초, React 에서 접근성 준수하는법 교육
  - 산출물 : [TIL-React-Framework](https://github.com/LimEunSeop/TIL-React-Framework), [React-Mini-Projects](https://github.com/LimEunSeop/React-Mini-Projects)
- [[FASTCAMPUS] 야무와 함께하는 프론트엔드 개발 시작하기 CAMP](https://github.com/yamoo9/front-end-programming-camp)
  - 2018.07 ~ 2018.10
  - 프론트엔드 입문에 필요한 HTML, CSS, Javascript(ES5.1, ES6+), Rest API, Github 등의 지식과 더불어 웹표준 및 접근성을 준수하는법 교육
  - 실습자료 : [https://codepen.io/collection/XBRdVK](https://codepen.io/collection/XBRdVK)
- 이젠컴퓨터아카데미 웹 UI,UX 디자이너&퍼블리셔 양성과정
  - 2021.07 ~ 2021.12
  - 포토샵, 일러스트레이터를 배워 웹 디자인을 해보고 다양한 작품을 퍼블리싱 해보았습니다. emmet에 능숙해지도록 훈련했고 BEM 방법론의 정확한 사용법을 체득했으며, 레이아웃이 효율적이고 유지보수가 가능하도록 생각하고 코딩하는 연습을 많이 했습니다. 또한 최대한 React 를 활용하여 UI를 개발했습니다. 그리고 디자인 툴을 이용하여 여러 작품들을 따라만드는 연습도 했습니다. 이 과정에서 비율이나 디자인 의도같은것을 읽을줄 알게되었는데, 그 결과 디자인을 집요하게 똑같이 구현가능한 수준까지 올렸습니다. 디자인 툴을 다룰줄 알게 된 만큼 디자이너와의 협업이 원활해질 것으로 기대됩니다.
  - 산출물 : [퍼블리싱 프로젝트](https://github.com/LimEunSeop/Publishing-Projects-Index), [포토샵 연습자료](https://github.com/LimEunSeop/my-portfolio/tree/master/photoshop-portfolio), [일러스트레이터 연습자료 + 개인작](https://github.com/LimEunSeop/my-portfolio/tree/master/illustrator-portfolio)
- [코드스피츠 3기](https://www.bsidesoft.com/6902)
  - 2018.09
  - CSS, ES6+ 에 대한 심도있는 접근 교육
- [벤젠워크샵](https://drive.google.com/file/d/0B-tD535n_rOfX1Iwa0RBRU9VWGM/view)
  - 2018.03 ~ 2018.05
  - 웹개발 풀스택에 관한 전반적인 내용 교육 -->

<!-- 스터디 시작하면 제목 추가 ## Activities -->

## Certificates

### 직무

- 정보처리기사 (2016.07)
- CCNA (2015.08)
- SAP ABAP (2017.12)
- SAP PP (2017.12)

### 어학

- TOEIC 840 (2017.03.15)
- TOEIC Speaking 140, Lv.6 (2017.03.30)
- JLPT N4 (2016.08.21)

### ETC

- 운전면허 1종보통 (2010.12.13)
- 한국사능력검정 1급 (2017.05.27)