Email .
nalsae0207@naver.comGitHub .
https://github.com/NalsaePortfolio .
https://nalsae.vercel.appVelog .
https://velog.io/@nalsae프론트엔드 개발자로서 사용자를 먼저 생각하고, UI와 UX를 고려합니다. 따라서 웹 접근성을 준수하는 마크업을 작성합니다. 실제로 Web Vital 지표를 테스트하고 데스크탑 환경에서의 성능을 개선한 경험이 있습니다.
새로운 프로젝트와 업무 투입 시 도메인 지식을 신속하게 습득하고 이를 바탕으로 효과적인 솔루션을 제시합니다. 기존 프로세스를 개선한 프로토타입을 신속하게 제작하여 실무에 도입한 결과, 소요 시간을 70% 단축하고 외주 비용을 100% 절감한 경험이 있습니다.
디자인에 관심이 깊어 디자인 툴을 능숙하게 다룰 수 있고, UI와 UX 관련 아티클을 학습합니다. 프로젝트 진행 시 Atomic Design을 적용하는 방식으로 디자인 시안 제작과 디자인 시스템 구축을 담당하였고 능률을 향상시켰습니다.
기능 구현을 완료하더라도 DX를 향상시키기 위해 리팩토링을 반복합니다. 구체적으로 가독성, 변수와 함수의 네이밍, 성능 최적화 등을 고민하고 개선합니다. 마무리한 프로젝트도 리팩토링하여 유지보수를 수행합니다.
글로 정리하는 것을 좋아하여 프로젝트 진행 중 발생한 문제를 이해하고 해결 방법을 문서화하는 편입니다. 개발자로서 학습한 지식을 체화하기 위해 저만의 언어로 개인 Notion이나 Velog 등에 기록하며 학습합니다.
협업 시 동료들과 소통하고 적극적으로 의견을 피력하며 기획 및 디자인 단계에도 참여합니다. PR 기능을 적극 활용하여 동료들과 서로의 코드를 리뷰하고, 개선점을 발견하면 상대방의 기분을 상하지 않게끔 전달합니다.
2024.01 ~ 재직 중
2023.08.24 ~ 2023.09.19
Next.js TypeScript React-Query Zustand React Hook Form Tailwind CSS Framer Motion키우는 식물을 손쉽고 재미있게 관리할 수 있는 방법 없을까요? 식물을 손쉽게 등록하고 관리할 수 있는 식물 카드 기능, 내 식물을 자랑하고 다양한 식집사들과 소통할 수 있는 커뮤니티 기능, 활동해서 획득한 포인트로 꾸밀 수 있는 나만의 정원 기능까지! Grow Story에서는 이 모든 것이 가능합니다.
요즘 매체에서 반려 식물에 대한 이야기가 자주 등장합니다. 반려 식물을 취미로 기르는 사람을 의미하는 '식집사'라는 신조어가 등장할 만큼 반려 식물에 대한 관심도가 높아지는 추세입니다. 이러한 트렌드를 반영하여 초보부터 베테랑 식집사까지 모두가 쉽고 재미있게 즐길 수 있는 식집사 커뮤니티를 제작하고자 했습니다.
각 이미지를 클릭하시면 원본 크기로 보실 수 있습니다.
2023.08.01 ~ 일시 중지
Next.js TypeScript GrpahQL Apollo-Client Zustand Tailwind CSS포켓몬 관련 정보들, 검색하기 너무 귀찮지 않으신가요? My Pokedex로 원하는 포켓몬과 관련 정보들을 바로 검색하고 포켓몬 상성 관련 정보까지 쉽게 확인할 수 있어요. 이 뿐만 아니라 나만의 포켓몬 조합을 저장하고 공유도 할 수 있답니다.
직접 포켓몬 게임을 하면서 포켓몬 관련 정보나 배틀 시 상성을 검색할 때마다 느꼈던 불편함을 해소하고자 기획한 프로젝트입니다. 하나의 사이트에서 사용자가 다양한 포켓몬 관련 정보를 열람하는 것을 목표로 했습니다. 추후 자주 사용하는 포켓몬 조합을 저장하고 공유하는 기능을 추가할 예정입니다.
각 이미지를 클릭하시면 원본 크기로 보실 수 있습니다.
2022.11.28 ~ 2022.12.23
React TypeScript React Router Recoil styled-components Framer Motion Storybook Vite Node.js express.js mongoDB턴 테이블 위에서 LP가 1분에 몇 번이나 회전하는지 측정하는 단위를 RPM이라고 합니다. 그 중에서도 33 1/3은 가장 보편적인 회전 속도입니다. 또한 33 1/3은 순환소수라는 특징이 있습니다. 이처럼 사용자에게 보편적인, 무한한 서비스를 제공하고자 33 1/3 서비스를 기획하게 되었습니다.
LP를 수집하는 사람들이 소장 중인 LP를 관리할 수 있는 편리한 웹 서비스가 없기 때문에, 좋은 가독성과 UI로 LP 수집욕을 자극함과 동시에 수집한 LP 목록을 타인에게 공유할 수 있는 아카이빙 서비스를 제작하고자 했습니다.
각 이미지를 클릭하시면 원본 크기로 보실 수 있습니다.
2022.10.09 ~ 2022.10.21
HTML CSS JavaScript Node.js express.js“피플”은 “피스 플랜(Piece Plan)”의 줄임말입니다. 직역하면 ‘일정 조각’을 의미하는데, 다양한 일정 조각을 캘린더에 드래그하여 일정 퍼즐을 맞춰가는 특징을 함축하고 있습니다. 또한 “피플”은 “피플(People)”로 읽히기도 하는데, 이를 통해 사람들이 효과적인 일정을 서로 공유하는 특징도 함께 표현하고자 했습니다.
자신의 일정만 관리할 수 있는 기존의 캘린더 애플리케이션에서 벗어나, 모두가 자신만의 효과적이고 독창적인 계획을 공유하고 그 계획을 바탕으로 새롭게 일정을 생성할 수 있는 애플리케이션을 제작하고자 했습니다.
각 이미지를 클릭하시면 원본 크기로 보실 수 있습니다.
2022.07.30 ~ 2022.08.05
HTML CSS JavaScript기존 한국 배스킨라빈스 웹 사이트의 느린 초기 렌더링 속도, 제대로 구현되지 않은 반응형, 접근성을 준수하지 않은 마크업, 사용자 친화적이지 않은 UI 등의 단점을 파악하고 이를 개선한 웹 사이트를 제작하고자 했습니다.
각 이미지를 클릭하시면 원본 크기로 보실 수 있습니다.
2023.07
2022.10
2023.04 ~ 2023.10
2022.07 ~ 2022.12
2015.03 ~ 2022.02