🙋♂️ 경험을 중시하는 FE 개발자 오민준입니다.
다양한 프로젝트 경험을 통해 성장한 프론트엔드 개발자로서, 사용자 경험을 최우선으로 생각하는 웹 개발을 지향합니다.
React에 기반한 개발에서 생기는 다양한 어려움에 직면했을 때, 협업과 이전의 경험을 활용하여 문제를 해결하고 더 나은 방법과 solution을 찾기 위해 노력합니다.
사용자 피드백을 소중히 여기고 지속적으로 서비스를 개선하여 사용자 중심의 서비스를 제공하고자 합니다.
⚙ Contact & Links
💪 Skills
Language
JavaScript 🟠🟠🟠⚪⚪
- 비동기 프로그래밍을 위한 콜백 함수, Promise, async/await를 이해하고 프로젝트에 활용할 수 있습니다.
- 모듈화의 개념을 이해하여 자바스크립트 코드를 구조화할 수 있습니다.
- JavaScript 기반의 라이브러리를 활용할 수 있습니다.
- 변수와 함수의 타입을 명시적으로 선언하고 별칭을 지정하여 활용할 수 있습니다.
TypeScript 🟠🟠⚪⚪⚪
- tsconfig.json 파일을 사용하여 프로젝트에 특화된 타입 체크, 린트 규칙 등을 구현할 수 있습니다.
- TypeScript 기반의 라이브러리를 활용할 수 있습니다.
Python 🟠🟠🟠⚪⚪
- 파이썬의 기본 문법과 다양한 데이터 타입을 이해하고 알고리즘 문제 풀이에 활용할 수 있습니다.
- 정렬 알고리즘, 탐색 알고리즘, 그래프 알고리즘, 그리디, 분할 정복, DP 등의 알고리즘 문제를 해결할 수 있습니다.
Tools
React 🟠🟠🟠⚪⚪
- 상태와 생명 주기의 개념을 이해하고 useState, useEffect 등의 Hooks과 Custom Hook을 활용할 수 있습니다.
- Router를 이용하여 다중 페이지 어플리케이션을 구축하고, Redux와 같은 상태 관리 라이브러리를 활용할 수 있습니다.
- 컴포넌트 최적화와 성능 향상을 위한 React.memo, useMemo, useCallback등의 최적화 기법을 이해하고 활용할 수 있습니다.
Next.js 🟠🟠🟠⚪⚪
- 동적 라우팅을 활용하여 감정 일기장 상세 페이지, 상품 상세보기 페이지 등을 구현했습니다.
- jotai를 활용하여 상태 관리를 효율적으로 하고, 컴포넌트간 데이터 공유를 원활하게 하였습니다.
Vue.js 🟠🟠🟠⚪⚪
- v-bind, v-if, v-for 등의 다양한 디렉티브를 활용해 개발할 수 있습니다.
- Bootstrap-Vue, Element-plus와 같은 UI 라이브러리를 활용할 수 있습니다.
Library
react-query 🟠🟠⚪⚪⚪
- 캐싱 기능과 재사용 가능한 쿼리 로직, 데이터 요청 상태 관리 등의 기능을 이용하여 데이터 흐름을 효율적으로 관리할 수 있습니다.
styled-components 🟠🟠🟠⚪⚪
- styled-components를 활용하여 컴포넌트의 스타일을 선언적으로 정의하고 UI를 직관적이고 간결하게 구성할 수 있습니다.
emotion 🟠⚪⚪⚪⚪
- emotion을 활용하여 컴포넌트 내에서 CSS 스타일을 inline으로 작성할 수 있습니다.
ETC
git
notion
figma
jira