안녕하세요 프론트엔드 개발자를 꿈꾸는 이희찬입니다
const Dali = "Being Awesome Front-end Developer :D"
주요업무: 크몽 Platform팀에서 운영 이슈 처리 및 신규 기능 개발 보조
기술스택: Vuejs, Scss, Vue-Router, Vuex, (Larlavel 프레임워크 안에서 SSR), Git
1 .link parsing 기존 함수 개선 - ()
- email, file extension 에서는 동작 안 하도록 함수 기능 개선
- 함수형 프로그래밍 utils (go, pipe), 순수함수 조합을 적용하여 더 가독성 있고 재 사용성 있게 개선
- (revisionHasNotHttp, hasHttp.. 같은 작음 함수들을 다른데서도 사용할 수 있게) 유틸성 함수로 나눔으로서 재사용성 증가
2. 프라임 서비스 페이지 개발 (https://kmong.com/prime)
- 크몽 서비스 내에 프라임 서비스 작업 컨테이너 및 같은 hero-content 구조에 slot을 적절히 활용하여, 재 사용성 있는 컴포넌트로 페이지 작업
3. 멀티셀렉터 컴포넌트 제작 (https://kmong.com/category/11)
- vuex를 통해서 여러 컴포넌트가 상호 작용하는 멀티 셀렉터를 제작하여 사용성 개선
4. 레거시 코드를 함수 단위로 처리가 안 되어 있고 통짜로 되어 있는 코드들이 많아서 리팩토링하여 유지보수하기 좋게 작업
프론트엔드 챕터 내 개발 경험 및 기술을 높이기 위한 노력
- 사내 스터디 프로미스, iterable 에 대해서 발표 (https://slides.com/chany/deck-2-14-18#/)
- 비동기 컬백, 프로미스 위주에 패턴 -> async await를 활용하여 더 가독성 있고 디버깅 하기 좋은 패턴 전파하여 활용
- 코드리뷰 PR 도입, 점진적 시도 및 코딩 컨벤션 및 스타일 가이드 제작 (레거시 코드 안티 패턴 공유해서 지양)
- 이슈를 활발히 공유 하여 개발 프로세스를 개선하려 노력
기술스택: React-Native, React.js, Styled-component
주요 업무
- React & React-native Component 작업 (CardView, Form, button, commentCard )및 퍼블리싱 작업
- reusable component atomic design 활용
*Git을 통한 PR 워크 플로우, ES6 Base
* Javascript OOP & Funtional Programming
* This,Scope, Closure Prototype,등 JS 기본 개념 학습
* Unit Test basic, CleanCode, Reusable Code Training
프로젝트: Javascript JSON.parse(Buitiin API)와 같이 문자열을 분석하여,
Data를 type에따라 분석해주는 라이브러리 직접 구현 하였습니다.
특히 공부했던 FP에 pipe와 함수형 Fn들을 적절히 활용하여 구현 보람있었습니다.
프로젝트링크: https://github.com/amorfati0310/javascript-json/tree/amorfati0310/ArrayParser