CONTACT

📞 010 - 8548 - 5637

📩 [email protected]

🌐 GitHub: https://github.com/Yelihi

🌐 Blog : https://rock7246.tistory.com/

🗺️ Seoul, Korea

SKILLS

Base & Language

• HTML / CSS / Javascript / Typescript

Library & Framework

• React / Next.js / SWR / Styled-Component

Deploy tools

• EC2 / S3 / Vercel / Github-Action

Testing

• Jest / RTL / MSW

Etc

• Express / Sequelize

SOCIAL

<aside> <img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/a611defc-54b3-4e3a-a135-e5558a7ae5a2/f30304aa-3449-4968-94ed-4711f30b0b92/icons8-twitter-48.png" alt="https://prod-files-secure.s3.us-west-2.amazonaws.com/a611defc-54b3-4e3a-a135-e5558a7ae5a2/f30304aa-3449-4968-94ed-4711f30b0b92/icons8-twitter-48.png" width="40px" /> @Yelihi19_lg

</aside>

$$ \Huge \textbf {Choi Won IK (최원익)} \\ \small Front\ End\ Developer $$

저는 작은 차이가 사용자 경험을 크게 좌우할 수 있다고 믿는 주니어 프론트엔드 개발자, 최원익입니다.

하나의 서비스를 제공하는데 정답이 없다는 것이 개발의 매력인 것 같습니다. 이 중 너무나도 유사한 서비스라도 작은 UI,UX 차이로 더 특별함을 제공할 수 있는 프론트엔드 개발이 참 매력적이다 생각했습니다.

때론 작은 차이점이 지금까지 쌓아온 서비스를 위기에 빠트릴 수 있다는 생각에 커다란 책임감과 꾸준하게 학습해야 한다는 압박감이 저를 무겁게 할 때도 있습니다.

그럼에도 개발자로서 같은 목표를 위해 함께 서비스를 만들어갈 기대감과 과정의 성취감이 좋아 오늘도 꾸준히 배움을 이어 나가고 있습니다!

• 코드를 작성하기 전, 항상 사용자와의 상호작용을 고려하며 최선의 구조를 고민합니다.
• 프론트엔드와 웹 개발에 대한 끊임없는 열정을 가지고 백엔드, 브라우저 네트워크 등 다양한 영역을 공부하며 시야를 확장하고자 합니다. (Link : Git TIL Repository)
• 작은 인터랙션의 부족함이 웹 사용 경험에 미치는 영향을 공감하며, 프론트엔드 개발자로서 이러한 차이를 인식하기 위해 항상 고민합니다.
• 평소 생각하는것을 좋아하고, 사람들과 같이 이야기하는것을 선호합니다. 항상 자아에 사로잡히는 것을 경계하고 주변을 통해 배우면서 스스로를 수정해나갑니다.

WORK EXPERIENCE

2023.5.31 - 2023.7.30

유리프트 (코딩벨리) | 컨텐츠 개발팀

처음 코딩학습을 준비하려는 학생 및 성인을 대상으로 직관적이고 교육 강의와 실습 프로젝트를 작성하는 컨텐츠 개발 업무를 진행하였습니다.

• HTML, CSS, Javascript 등 프론트엔드 개발에 필수적인 교육 컨텐츠 개발 및 검수를 진행(강의 및 실습 프로젝트 예제 코드), 이후 javascript 부분 대표 실습 프로젝트로 선정.
• 네트워크 기본 강의 계획안 작성 및 코딩 관련 웹 드라마 검수.

2022.8.16 - 2022.9.9

오픈소스컨설팅 (인턴쉽) | 인턴

마이그레이션 기업 오픈소스컨설팅에서 4주간 진행된 인턴쉽입니다.

• 기본적인 Jira 사용법 및 Java 기반 스크립트언어 Groovy 학습
• Jira 내 script runner를 통한 비지니스 업무 자동 알림 개발 실습

PROJECT (포트폴리오 첨부)

Closet

🌐 **https://closet-online.com** 🔍. GitHub

Closet은 내 손안의 옷장을 컨셉으로 시작한 사이드 프로젝트입니다.

인터넷 쇼핑을 즐겨하는 사용자가 대상으로서, 현재 자신이 소유한 의류를 한눈에 파악할 수 있어 좀 더 합리적이고 계획적인 소비를 도와줍니다. 의류들의 실측 수치를 기재할 수 있어 인터넷 쇼핑 시 좀 더 실패 없는 쇼핑을 도와줍니다.

프로젝트 개요

2023.1 ~ 2023.4

개인 프로젝트

Skills

Next.js

Typescript

Redux / Saga

SWR

Styled Component

Express

Sequelize

AWS EC2 / S3

Jest / MSW

📂 프로젝트 특징 및 문제해결

사용자의 인증이 필요한 페이지를 구별

• cookie의 보안 취약성을 고려, session Id 기반 로그인 인증 구조 채택
• session Id 유효여부에 따라 URL Redirect 진행

디바이스 기기 별 적합한 정보 전달방식을 구현하여 사용자 경혐 향상

• 데스크탑 : 저장 데이터를 pagination 기반 Table 형식으로 관리
• 모바일 : infinite scroll 방식을 통해 직관적인 UI 제공

갱신이 필요한 상태 데이터를 구별하여 관리

• SWR을 통해 서버에서 응답받는 데이터 상태를 최신값으로 유지
• 이외 유저와의 상호작용을 위한 상태값들을 Redux를 통해 전역관리

사용자 상호작용 개선 및 서버 응답 성능 개선을 통한 사이트 기본 성능 향상

• Loading 상태와 완료 페이지간 Layout 변화를 최소화하여 화면 상호작용의 오작동을 개선 (Cumulative Layout Shift 수치 0.52 → 0.001 로 감소)
• 데이터 prefetch, 모듈 파일의 dynamic import 등 server response 의 응답속도 개선 (initial server response 평균 3~4s → 500ms 로 감축)
• 페이지별 평균 Lighthouse Performance 기존 70~75 → 95~100 으로 상승

google vision Ai 도입으로 의도에 맞는 이미지를 저장하도록 유도

빈번한 리펙토링에 안정감을 더하기 위해 테스트 코드 작성

WenB

🔍. GitHub

WenB 는 AirBNB 를 모티브로 시작한 팀 프로젝트입니다.

기존의 많은 숙박 사이트 중에서도 사용자의 관점에서 적재적소에 맞게 필요한 데이터를 보여주는 UI/UX를 학습하고 구현해보고자 모티브 사이트로 선정하였습니다.

프로젝트 개요

2022.8 - 2022.8

Front 4명

Back 3명

Skills

React

Redux

Styled Component

MUI

📂 프로젝트 특징 및 문제해결

상단 Nav 부분과 Filter 기능 담당

• 위치와 날짜, 게스트 수를 선택하여 검색
• 검색된 데이터를 기반으로 좀 더 세밀한 숙소 filter 진행

부모 컴포넌트 Nav의 과도한 props 전달과 유지관리 어려움을 좀 더 개선할 방법을 고민

• 첫 설계 시 최상위 컴포넌트에 대부분의 로직 작성으로 의존성, 복잡성이 큰 문제
• 이에 Redux를 통한 전역상태 관리로 변경하여 최상위 컴포넌트 사이즈 감소 및 의존성 감소

실시간으로 사용자의 필터 체크 사항이 반영된 예약 가능 숙소데이터 제공

• useEffect의 부수효과 활용
• 매 랜더링 시점의 filter state 를 기반으로 숙소 데이터 계산