折叠
禁止及拒绝在未经各信息主体同意的情况下，擅自收集本服务提供的用户个人信息数据等行为。特此告知，即使是公开数据，若未经许可使用爬虫等技术手段进行收集，也可能根据个人信息保护法受到刑事处罚。
© 2025 Rocketpunch, Double Ace Co., Ltd., Kim In-ki, 韩国首尔特别市城东区圣水一路10街12号12层1室, 04793, support@rocketpunch.com, +82 10-2710-7121 营业执照注册号 206-87-09615 通信销售业申报编号 2025-首尔城东-0105 职业信息提供业务申报编号：J1202020240015 折叠
自定义 Cookie 设置
한상욱
현재 스타트업에서 일하고 있는 프론트엔드 개발자입니다. 현재 새로운 도매인에 대하여 학습하는 것이 재미있다고 느끼고 있습니다. 항상 부족하다고 스스로 느껴 개발 이외에 새로운 사람들과 만나 이것저것 이야기하고 좋은 점을 배우려 합니다. 또한 내가 쓰는 기술에 대해 정확한 이해를 위하여 주말마다 스터디를 하고 스스로 성장하려 노력하고 있습니다.
工作经历
고객들이 편리하게 의류 제작을 할 수 있도록 웹 서비스를 구축하였습니다. 현재 고객들에게 좀 더 편리한 의류 제작 툴을 제공하기 위해서 canvas를 이용해 이미지 및 텍스트 변경 툴을 제작하고 있습니다. 또한 디렉터들이 의류 제작시 OKR 및 원단 스케쥴 관리, 원부자재 일정 관리를 위해 필요한 백오피스를 제작하였습니다. 위의 두 가지 모두 처음 접하는 도메인이었기 때문에 처음 학습하는데 재미 있었습니다. 프레임워크로 React를 이용하였고 전역 상태 관리로 Redux를 사용하였습니다. React를 사용하므로써 상태 변화 관리를 효율적으로 할 수 있게 되었고 컴포넌트 단위의 UI를 작성할 수 있게 되었습니다. 또한 가상DOM을 이용하여 리랜더링 과정에서 일어나는 비용을 줄일 수 있었습니다. Redux를 이용한 이유는 단방향 데이터 흐름으로 프로젝트가 커지더라도 데이터 흐름을 파악하기에 용이하다는 것이였습니다. React와 Redux를 모르던 시절 사용하였던 Vanilla JS를 이용하여 MVC 패턴을 구현하였던 적이 있었습니다. MVC 패턴은 양방향 데이터 흐름으로 프로젝트가 커지게 되면 데이터 흐름을 제어하는 과정이 굉장히 복잡하였습니다. 이러한 것은 state를 서로 인지하는 부분이 달라서 나타나는 버그로 이어질 수 있었는데 리덕스는 flux를 이용하여 그러한 단점이 보이지 않았습니다. 컴포넌트 디자인은 style-component를 이용하였습니다. 그리고 디자이너 분께서 컴포넌트 개발 진행 사항을 공유하고 싶다고 말씀을 하셔서 storybook을 이용하여 개발 일정과 디자인 일정을 조율하고 디자인 피드백을 받는 도구로 활용하기도 하였습니다. TDD도 시간이 날 때마다 틈틈히 공부하여 많이 사용하는 유틸 함수나 특정 이벤트에 대한 테스트도 시도하였습니다. 이벤트는 기획이 많이 바뀌어 화면이 바뀌어 버리면 기존에 테스트 코드를 수정해야 된다는 단점이 있었지만 유틸 함수에 대해서는 기존에 내가 원하는 데이터를 넣었을 때 원하는 값이 나오는지 테스트할 수 있었기 때문에 지금도 정말 잘 시도했다고 느낍니다.
查看更多
앱 개발 서포트 - React Native를 이용하여 이미지 조회하는 기능 구현 - aws lambda를 이용한 express 서버 배포 - 간단한 쿼리 구현 - 협업을 위한 툴로 Jira 이용
查看更多
2020년 7월 - 2020년 12월 · 6개월
부스트캠퍼
2020년 9월 - 2020년 12월 · 4개월
웹 풀스택으로 개발을 혼자 진행하였고 일주일에 3회 마스터 클래스를 통해 모르는 것들을 질문하며 학습하였습니다. 매일 아침마다 데일리 스크럼을 통해 팀원들과 코드 리뷰를 진행하였습니다. 멤버쉽은 총 5번의 프로젝트 중 3회는 개인 프로젝트, 2회는 팀 프로젝트로 진행하였습니다. 프론트는 바닐라 자바스크립트부터 시작하여 리액트, 리덕스, 리덕스 사가까지 혼자 학습하였습니다. 프론트에서 집중적으로 고민했던 부분은 전역상태를 어떻게 관리해야 내가 기획한 기능에 맞게 스토어를 구성할 수 있을까였고 또 다른 고민거리는 협업 시 효율적인 코드에 대한 고민이였습니다. 백은 express를 이용하여 개발하였습니다. 백에서 고민했던 부분은 api 설계 시, controller와 service를 분리하는 기준을 정하는 것과 데이터베이스를 JOIN이 쉽게 설계하기였습니다. 백엔드와 프론트엔드 모두 공통적으로 고민했던 내용은 리펙토링 하기 쉬운 코드였습니다. 부스트캠프를 통해 얻은 가장 값진 것은 나의 코드를 타인에게 공개하는 것에 대한 거부감이 없어졌다는 것입니다. 내가 실수하거나 모르는 부분을 팀원들이 지적해주어서 고치는 것이 오히려 일의 생산성을 올리는데 기여한다는 것을 느꼈습니다.
查看更多
부스트캠퍼
2020년 7월 - 2020년 8월 · 2개월
웹 개발에 기초적으로 필요한 CS 지식을 학습하였고 자바스크립트에 대하여 심도있게 공부하였습니다.
学历
活动
最近活动
资格证书 1
项目 3
프로젝트
케로셀 구현하기
2022년 2월 - 현재 · 4년 4개월
평소 리액트만을 이용하여 개발을 하다보니 이벤트 위임이나 이벤트 버블링, 이벤트 캡쳐링을 직접 구현할 일이 많이 없다고 느껴졌습니다. 그래서 Vanilla TypeScript를 이용하면 재밌겠다는 생각이 들었고 기존에 캐로셀을 구현하기 위해 react slick이라는 라이브러리를 사용하였는데 여기서 제공하는 기능들을 직접 구현하면 재미있겠다고 생각하였습니다.
프로젝트
슬랙 클론
2020년 11월 - 2020년 12월 · 2개월
네이버 부스트캠프 5기에서 마지막으로 5주간 진행하였습니다. 총 3명이 진행하였습니다. 프론트는 리액트와 리덕스, 리덕스 사가를 이용하였고 백은 Node.js와 MySQL을 이용하였습니다. 깃을 이용하여 버전관리, 자동배포를 진행하였습니다. 제가 맡은 부분은 채널과 유저 추가에 관련한 작업이였습니다. 가장 고민했던 부분은 전역 상태 설계와 소켓을 이용한 유저간의 실시간 통신이였습니다. 전역 상태 설계는 각각의 기능에 대한 전역 상태를 잘게 나누어 특정 하나의 상태만 커지는 것을 방지하였고 소켓은 사가를 이용했습니다.
프로젝트
Github Project Clone
부스트캠프2020 멤버십 · 2020년 10월 - 2020년 11월 · 2개월
깃허브 이슈트래커 클론입니다. React와 Express를 사용하였고, iOS 팀과 협업하여 프로젝트를 진행하였습니다. 제한사항으로 React 개발환경을 직접 구축하였고, 바벨 사용을 의무화 하였습니다.
자격증
정보처리기사
2021년 11월 취득하였습니다.
KO