SEYEON.OH

[

오세연

]

소통하고 고민하는
Frontend Engineer

Typescript를 기반으로 작업하는 프론트엔드 개발자입니다.
적극적인 협업 꾸준한 학습을 지향합니다.

About Me

01

/ About Me

왜 프론트엔드 개발자가 되고 싶은지?

처음에는 더 나은 사용자 경험 및 성능 향상을 위해 정성을 다해 꾸준히 연구하는 모습 에 매력을 느꼈습니다.

점차 프론트엔드는 제작자와 사용자, 그리고 서비스를 구성하는 여러 분야를 연결해주는 용매 와 같다고 생각하게 되었습니다.

이러한 특성을 살려, 단순히 구현에 그치지 않고 왜 이 구조가 최선인지에 대해 논리적으로 설명하고 설득 하며, 더 나은 해답을 찾기 위해 끊임없이 소통하는 자세 를 갖춘 개발자가 되고자 합니다.

가장 추구하는 가치는?

주어진 일에 책임감 을 가지고, 주인 의식을 발휘해 능동적으로 업무를 수행합니다.

팀원과 계속해서 소통하며 의견의 무게 중심을 맞추고 , 더 나은 방향을 향해 조화롭게 나아가고자 노력합니다.

새로운 분야에 대해 흥미 를 쉽게 느끼고, 적극적으로 학습하여 성장하려 합니다.

나의 강점은?

누구와도 잘 어울리고, 전달하고자 하는 바를 말 또는 글로 명확히 표현하여 원활한 커뮤니케이션과 팀워크 를 이룰 수 있습니다.

꾸준하고 성실한 성격 으로, 호흡이 긴 일도 비교적 수월하게 해냅니다.

철저한 자기 객관화와 겸손한 자세 로 스스로의 부족함을 끊임없이 발견하고, 근면히 개선시킵니다.

Hard Skills

02

/ Hard Skills

Skill Stack in [ Language ]
  • HTML로고
    HTML5

    웹 표준과 웹 접근성을 고려한 코드를 작성할 수 있고, 시멘틱 마크업을 통해 검색 엔진 최적화(SEO)를 할 수 있습니다.

  • CSS로고
    CSS

    선택자와 우선순위에 대한 이해를 갖추었고, CSS만을 사용하여 레이아웃 구성 및 스타일링을 할 수 있습니다.

  • JS로고
    Javascript

    ES6+ 문법을 활용하여 비동기 처리가 가능하고, 가독성 높은 코드를 작성할 수 있습니다.

  • TS로고
    Typescript

    타입 활용을 통해 정적 타입 검사와 코드 안정성을 확보하며, 프로젝트의 유지보수성을 높일 수 있습니다.

Soft Skills

03

/ Soft Skills

01
호기심과 꾸준한 학습

생소한 개념에 쉽게 흥미를 느끼고, 배우려 노력합니다.

모든 프로젝트마다 새로운 라이브러리나 기술을 적용하고 익혔습니다.

01
호기심과 꾸준한 학습

생소한 개념에 쉽게 흥미를 느끼고, 배우려 노력합니다.

모든 프로젝트마다 새로운 라이브러리나 기술을 적용하고 익혔습니다.

02
02
팀원과의 소통

남녀노소 쉽게 친해지는 경향이 있습니다.

유대감을 바탕으로 개방적인 소통을 이끌어 효과적인 협업 분위기를 조성할 수 있습니다.

03
03
능동적인 태도

홀로 만든 소규모 프로젝트라도 적극적으로 QA를 요청하여 무엇이 더 개선될 수 있을지 찾아냅니다.

이미 푼 문제도 더 효율적인 방법이 없을지 다른 풀이를 찾아보고 적용합니다.

04
04
효율적인 시간 관리

우선순위를 명확히 하여 제한된 시간 내 과제를 처리할 최적의 방법을 고민합니다.

개인 프로젝트를 진행할 때도 데드라인을 직접 정하고, 수행 과정을 꾸준히 기록해 개선 사항을 찾아냅니다.

Projects

04

/ Projects

앱등이가되
자세히 보기

앱등이가되

TEAM

원하는 사양에 따른 애플 제품 추천 및 보유 제품 기록 서비스

백엔드 API를 연동하여 비동기 데이터를 페칭했습니다.

AccessToken을 기반으로 사용자 인증을 하고, 위시리스트와 보유 목록, 리뷰 등을 구현했습니다.

구글 및 카카오톡 연동 로그인 기능을 추가했습니다.

Tanstack Query를 도입해 비동기 데이터와 UI 상태 관리를 보다 효율적으로 개선했습니다.

Next.js

Typescript

Tanstack Query

Zustand

Tailwind

MUI-Material UI

Lodash

Axios

Arto
자세히 보기

Arto

DEPLOYED

아티스트 포트폴리오 서칭 서비스

App router 기반의 Next.js를 활용하여 작가의 전시 이력, 주요 포트폴리오 및 작업 방향을 살펴볼 수 있는 서비스입니다.

Firebase를 기반으로 사용자 인증 및 좋아요 기능을 구현하였습니다.

쿼리 스트링을 활용하여 동적 페이지를 생성하는 방식으로 검색 페이지를 완성했습니다.

Next.js

Typescript

Zustand

Styled-Components

Firebase

Plantic
자세히 보기

Plantic

실내 식물 정보 검색 서비스

공공 데이터 API를 활용한 실내 식물 검색 서비스입니다.

한글 및 영문 이름의 검색이 가능하고, 난이도를 비롯한 광도, 습도, 성장 속도에 따라 아이콘이 부여될 수 있도록 구현했습니다.

Typescript

React

Redux

Tailwind

React-Router-DOM

Vite

Tapttoo
자세히 보기

Tapttoo

DEPLOYED

커스텀 타투 도안 제작 서비스

DALL-E API를 활용하여 유저가 작성한 프롬프트에 따라 타투 이미지를 생성해주는 서비스입니다.

Typescript

React

Styled-Components

React-Router-DOM

Axios

가상 키보드
자세히 보기

가상 키보드

DEPLOYED

키보드 타건음 체크 서비스

키보드를 고를 때 객관적인 타건음을 테스트할 수 있도록 각 키에 맞는 소리가 재생되는 키보드를 만들었습니다.

실제 키와 알맞는 위치에 오디오 객체와 키를 매핑하고, 연속되거나 동시에 입력되는 경우에도 유연하게 동작하도록 구현했습니다.

Typescript

React

Tailwind

나는 어떤 피자일까?
자세히 보기

나는 어떤 피자일까?

DEPLOYED

나의 MBTI와 어울리는 피자를 알려주는 테스트

MBTI 테스트 로직을 바탕으로 디스코드 친구들의 일화를 적용한 심리 테스트입니다.

Typescript

React

React-Router-DOM

Styled-Components

Bootstrap

숫자 업다운 게임
자세히 보기

숫자 업다운 게임

입력한 숫자를 프로그램이 맞춰나가는 게임

유저가 입력한 수를 업다운 방식으로 프로그램이 추측할 수 있도록 구현했습니다.

React-Native

Expo

ngrok

Contact

05

/ Contact

[

기회

]

에 열려있습니다.

SEYEON.OH