SlideShare a Scribd company logo
1 of 15
JaeHoon Lee
2023 PORTFOLIO
웹 프론트엔드 개발자
프로필
이미지
이재훈
Lee JaeHoon
생년월일
학교/전공
1995. 07. 09
단국대학교/신소재공학과 졸업
개인정보
Github
Programing skill
HTML/CSS
링크 : https://github.com/na-reum
경력 리스트
- SMATOOS ( 2021.11~ 2023.06 )
- 유커넥션 ( 2021.07 ~ 2021.10 )
Javascript / Typescript
React / React Native
팀원들과 소통을 중요시합니다.
팀 분위기를 살릴 수 있습니다.
시멘틱 태그를 준수하여 구조를
짜는 것을 중요시 합니다.
언제나 성장하길 노력합니다.
코드에는 정답이 없다는 생각으로
코드 한줄 한줄에 생각을 녹이려
노력합니다
Next.js
소개
소개
[#By The Way]
정해진 길을 따라가기보다는, 그 길옆으로 나의 길을 개척하는 편입니다.
다양한 분야에 대해 지식을 습득하는 것을 좋아하고, 해보기 전에는 모른다는 생각으로
아무리 어려워 보이는 지식이라도 흥미가 간다면 도전을 해보는 스타일입니다.
[#CU]
팀 프로젝트를 하고 나서 팀원들이 다른 활동을 할 때,
같이 이것을 해보지 않겠느냐는 제안을 많이 받는 편입니다.
감사하게도 나름의 제 열정과 적극성을 많은 이들이 인정을 해주는 것 같고
또 그 점이 다시 같이 팀 프로젝트를 하기에 매력적인 사람이라고 느껴
제안을 많이 해주시는 것 같습니다.
[#Everyday]
매일 자신에 대한 고찰이 중요하다고 생각합니다.
하루 중 내가 놓친 것이 있는지, 뿌듯한 게 있는지,
만약 사건이 있었다면 그 사건을 다시 되돌아보고 좀 더 먼 시각에서 바라본다든지.
이러한 자기 고찰을 통해 객관적인 시선을 가지고
자신을 합리화하지 않으려고 노력하여 자기 발전을 합니다.
프로젝트
SOPT Makers
모임 서비스
Project
• SOPT 동아리 내에서 사용할 수 있는 모임 서비스
개발 인원 및 기간
• 개발 기간 : 2022.09 ~
• 개발 인원 : Front 3명
적용 기술
• Next.js
• React-query
• Stitches
기여 부분
전반적인 리스트 뷰를 담당.
필터를 위한 queryString 관리 로직 제작
https://github.com/sopt-makers/sopt-crew-frontend
Denations
랜드 NFT 사이트
Project
• 랜드 NFT사이트
개발 인원 및 기간
• 개발 기간 : 2022.01 ~ 2023.06
• 개발 인원 : Front 2명
적용 기술
• Next.js
• Web3-react
• React-query
• Recoil
기여 부분
전체적인 컴포넌트 부분과
Web3 통신을 통한 구매 Flow를 제작하였습니다.
또한 Map 컴포넌트의 작업 지원을 통해
다양한 성능 최적화를 이끌어냈습니다.
https://map.denations.com/
Denations
자체 Marketplace
Project
• Denations의 자체 마켓플레이스
개발 인원 및 기간
• 개발 기간 : 2022.12 ~ 2022.12
• 개발 인원 : Front 1명
적용 기술
• Next.js
• React-query
• Web3-react
• Alchemy
기여 부분
전체적인 기획 및 개발을 맡았으며, 최대한 온체인 데이터를
활용하여, 서버개발자의 리소스를 줄였습니다.
NFT를 자체 거래 토큰으로 거래할 수 있게 함으로써
토큰의 사용처를 확대하고, 시세를 올리는데 기여하였습니다.
https://market.denations.com/
Daily shot
데일리샷 사장님 페이지 외주
Project
• 데일리샷 사장님 페이지 외주
개발 인원 및 기간
• 개발 기간 : 2022.06 ~ 2022.06
• 개발 인원 : Front 2명
적용 기술
• Next.js
• Styled-components
• Recoil
• React-query
기여 부분
React-query의 useInfiniteQuery를 활용하여 페이지네이션
무한스크롤을 구현하였고,
모바일 브라우저 및 인앱 브라우저에 대한 대응을 하였습니다.
Denations
play 페이지 legacy 개편
Project
• play페이지의 기술부채를 해결하기 위해
React.js ,Redux, Redux-thunk 기반으로 되어있는 로직을
Next.js, Recoil, React-query 기반의 코드로 변경 작업
개발 인원 및 기간
• 개발 기간 : 2022.02 ~ 2022.03
• 개발 인원 : Front 2명
적용 기술
• Next.js
• Web3-react
• React-query
• Recoil
• React-hook-form
기여 부분
작업중 Redux, Redux-thunk 기반으로 되어있는 로직을
Recoil, React-query 기반의 코드로 변경 작업을 맡았습니다.
Denations
메인홈페이지
Project
• Denations 메인페이지와 튜토리얼 페이지
개발 인원 및 기간
• 개발 기간 : 2021.11 ~ 2021.12
• 개발 인원 : Front 1명
적용 기술
• Next.js
• Web3.js
• Lightweight-charts
• GraphQL
기여 부분
Uniswap api를 사용하기 위해 GraphQL를 사용하였고,
APY등의 계산을 위해 Web3를 사용하여 회사의 DENA보유량을
가져왔습니다.
DENA Price 차트를 위해 Lightweight-charts를 사용하였습니다.
https://denations.com
https://tutorial.denations.com
Denations
주가 데이터 크롤링 프로그램
Project
• 주가 데이터 크롤링 프로그램
개발 인원 및 기간
• 개발 기간 : 2021.11 ~ 2021.12
• 개발 인원 : Front 1명
적용 기술
• Cheerio
• Puppeteer
• Xlsx
기여 부분
각 나라의 DGDP 수치에 반영하기 위해
기준이 되는 주가데이터의 주간 및 연간 데이터를
크롤링 할 수 있는 스크립트를 짰습니다.
포켓유니브
어드민페이지
Project
• 포켓유니브의 어드민페이지
개발 인원 및 기간
• 개발 기간 : 2021.08 ~ 2021.10
• 개발 인원 : Front 1명
적용 기술
• React.js
• Emotion
• SWR
• React-quill
기여 부분
학교인증, 커뮤니티관리, 회원관리, 공지등록등의 기능을
기획하고 제작하였습니다.
SWR를 통해서 최신화 되어있는 데이터를 받아올 수 있게
하였습니다.
추가적으로 React-quill 을 통한 공지사항 업데이트 툴을
만들었습니다.
포켓유니브의 서비스를 관리하는 어드민 페이지를 제작 하였습니다
포켓유니브
랜딩페이지 및 웹뷰
Project
• 포켓유니브의 랜딩페이지와 웹뷰
개발 인원 및 기간
• 개발 기간 : 2021.07 ~ 2021.08
• 개발 인원 : Front 1명
적용 기술
• Next.js
• Emotion
• TypeScript
• next-i18n
기여 부분
회사의 서비스를 소개하는 랜딩페이지와,
어플리케이션에 들어가는 각종 웹뷰들을 작업 했습니다.
Next.js 를 사용함으로서 각 웹뷰에만 해당하는 모듈들만을
불러와 로딩속도를 높였습니다.
해외버전도 존재하기 떄문에 next-i18n 을 활용하여
다국어 지원을 넣었습니다.
포켓유니브 서비스를 소개하는 랜딩페이지와,
어플리케이션에 들어가는 각종 웹뷰들을 작업 했습니다.
https://poketuniv.com
단쿠키
단플
Project
• 학교 커뮤니티 어플
개발 인원 및 기간
• 개발 기간 : 2021.01 ~ 2021.06
• 개발 인원 : Server 3명 Front 3명
적용 기술
• Nest.js
• GraphQL/Apollo
• TypeORM
• React Native
• TypeScript
기여 부분
• 웹 프론트엔드 개발자로 들어갔으나.
디자인이 나오기 전까지 서버 개발에 투입되어,
식단크롤링, 유저 팔로우, 팔로잉을 구현하고,
이후 React Native, Apollo-Client를 활용한
앱 프론트엔드로 참여하여,
채팅기능 및 이모티콘을 구현 하였습니다.
프론트 개발자로 참여 하였습니다.
ReactNative를 사용하였습니다.
채팅 및 이모티콘, 채팅 검색, 유저 팔로잉, 팔로우 뷰를 작업했습니다.
현재 캠퍼스 프렌즈라는 어플명으로 서비스 중 입니다.

More Related Content

What's hot

[야생의 땅: 듀랑고] 서버 아키텍처 Vol. 2 (자막)
[야생의 땅: 듀랑고] 서버 아키텍처 Vol. 2 (자막)[야생의 땅: 듀랑고] 서버 아키텍처 Vol. 2 (자막)
[야생의 땅: 듀랑고] 서버 아키텍처 Vol. 2 (자막)Heungsub Lee
 
나만의 엔진 개발하기
나만의 엔진 개발하기나만의 엔진 개발하기
나만의 엔진 개발하기YEONG-CHEON YOU
 
NDC 11 자이언트 서버의 비밀
NDC 11 자이언트 서버의 비밀NDC 11 자이언트 서버의 비밀
NDC 11 자이언트 서버의 비밀승명 양
 
Profiling - 실시간 대화식 프로파일러
Profiling - 실시간 대화식 프로파일러Profiling - 실시간 대화식 프로파일러
Profiling - 실시간 대화식 프로파일러Heungsub Lee
 
NDC2011 - 절차적 지형과 트렌드의 추적자들
NDC2011 - 절차적 지형과 트렌드의 추적자들NDC2011 - 절차적 지형과 트렌드의 추적자들
NDC2011 - 절차적 지형과 트렌드의 추적자들Jubok Kim
 
홍성우, 게임 서버의 목차 - 시작부터 출시까지, NDC2019
홍성우, 게임 서버의 목차 - 시작부터 출시까지, NDC2019홍성우, 게임 서버의 목차 - 시작부터 출시까지, NDC2019
홍성우, 게임 서버의 목차 - 시작부터 출시까지, NDC2019devCAT Studio, NEXON
 
레퍼런스만 알면 언리얼 엔진이 제대로 보인다
레퍼런스만 알면 언리얼 엔진이 제대로 보인다레퍼런스만 알면 언리얼 엔진이 제대로 보인다
레퍼런스만 알면 언리얼 엔진이 제대로 보인다Lee Dustin
 
게임프로젝트에 적용하는 GPGPU
게임프로젝트에 적용하는 GPGPU게임프로젝트에 적용하는 GPGPU
게임프로젝트에 적용하는 GPGPUYEONG-CHEON YOU
 
게임 프로그래밍 기초 공부법
게임 프로그래밍 기초 공부법게임 프로그래밍 기초 공부법
게임 프로그래밍 기초 공부법Chris Ohk
 
개발을잘하고싶어요-네이버랩스 송기선님
개발을잘하고싶어요-네이버랩스 송기선님개발을잘하고싶어요-네이버랩스 송기선님
개발을잘하고싶어요-네이버랩스 송기선님NAVER D2
 
청강대 특강 - 프로젝트 제대로 해보기
청강대 특강 - 프로젝트 제대로 해보기청강대 특강 - 프로젝트 제대로 해보기
청강대 특강 - 프로젝트 제대로 해보기Chris Ohk
 
NDC12_Lockless게임서버설계와구현
NDC12_Lockless게임서버설계와구현NDC12_Lockless게임서버설계와구현
NDC12_Lockless게임서버설계와구현noerror
 
그럴듯한 랜덤 생성 컨텐츠 만들기
그럴듯한 랜덤 생성 컨텐츠 만들기그럴듯한 랜덤 생성 컨텐츠 만들기
그럴듯한 랜덤 생성 컨텐츠 만들기Yongha Kim
 
오딘: 발할라 라이징 MMORPG의 성능 최적화 사례 공유 [카카오게임즈 - 레벨 300] - 발표자: 김문권, 팀장, 라이온하트 스튜디오...
오딘: 발할라 라이징 MMORPG의 성능 최적화 사례 공유 [카카오게임즈 - 레벨 300] - 발표자: 김문권, 팀장, 라이온하트 스튜디오...오딘: 발할라 라이징 MMORPG의 성능 최적화 사례 공유 [카카오게임즈 - 레벨 300] - 발표자: 김문권, 팀장, 라이온하트 스튜디오...
오딘: 발할라 라이징 MMORPG의 성능 최적화 사례 공유 [카카오게임즈 - 레벨 300] - 발표자: 김문권, 팀장, 라이온하트 스튜디오...Amazon Web Services Korea
 
차정민 (소프트웨어 엔지니어) 이력서 + 경력기술서
차정민 (소프트웨어 엔지니어) 이력서 + 경력기술서차정민 (소프트웨어 엔지니어) 이력서 + 경력기술서
차정민 (소프트웨어 엔지니어) 이력서 + 경력기술서Jeongmin Cha
 
임태현, 게임 서버 디자인 가이드, NDC2013
임태현, 게임 서버 디자인 가이드, NDC2013임태현, 게임 서버 디자인 가이드, NDC2013
임태현, 게임 서버 디자인 가이드, NDC2013devCAT Studio, NEXON
 
How To Become Better Engineer
How To Become Better EngineerHow To Become Better Engineer
How To Become Better EngineerDaeMyung Kang
 
KGC 2016: HTTPS 로 모바일 게임 서버 구축한다는 것 - Korea Games Conference
KGC 2016: HTTPS 로 모바일 게임 서버 구축한다는 것 - Korea Games ConferenceKGC 2016: HTTPS 로 모바일 게임 서버 구축한다는 것 - Korea Games Conference
KGC 2016: HTTPS 로 모바일 게임 서버 구축한다는 것 - Korea Games ConferenceXionglong Jin
 
고려대학교 컴퓨터학과 특강 - 대학생 때 알았더라면 좋았을 것들
고려대학교 컴퓨터학과 특강 - 대학생 때 알았더라면 좋았을 것들고려대학교 컴퓨터학과 특강 - 대학생 때 알았더라면 좋았을 것들
고려대학교 컴퓨터학과 특강 - 대학생 때 알았더라면 좋았을 것들Chris Ohk
 

What's hot (20)

[야생의 땅: 듀랑고] 서버 아키텍처 Vol. 2 (자막)
[야생의 땅: 듀랑고] 서버 아키텍처 Vol. 2 (자막)[야생의 땅: 듀랑고] 서버 아키텍처 Vol. 2 (자막)
[야생의 땅: 듀랑고] 서버 아키텍처 Vol. 2 (자막)
 
나만의 엔진 개발하기
나만의 엔진 개발하기나만의 엔진 개발하기
나만의 엔진 개발하기
 
NDC 11 자이언트 서버의 비밀
NDC 11 자이언트 서버의 비밀NDC 11 자이언트 서버의 비밀
NDC 11 자이언트 서버의 비밀
 
Profiling - 실시간 대화식 프로파일러
Profiling - 실시간 대화식 프로파일러Profiling - 실시간 대화식 프로파일러
Profiling - 실시간 대화식 프로파일러
 
NDC2011 - 절차적 지형과 트렌드의 추적자들
NDC2011 - 절차적 지형과 트렌드의 추적자들NDC2011 - 절차적 지형과 트렌드의 추적자들
NDC2011 - 절차적 지형과 트렌드의 추적자들
 
홍성우, 게임 서버의 목차 - 시작부터 출시까지, NDC2019
홍성우, 게임 서버의 목차 - 시작부터 출시까지, NDC2019홍성우, 게임 서버의 목차 - 시작부터 출시까지, NDC2019
홍성우, 게임 서버의 목차 - 시작부터 출시까지, NDC2019
 
레퍼런스만 알면 언리얼 엔진이 제대로 보인다
레퍼런스만 알면 언리얼 엔진이 제대로 보인다레퍼런스만 알면 언리얼 엔진이 제대로 보인다
레퍼런스만 알면 언리얼 엔진이 제대로 보인다
 
게임프로젝트에 적용하는 GPGPU
게임프로젝트에 적용하는 GPGPU게임프로젝트에 적용하는 GPGPU
게임프로젝트에 적용하는 GPGPU
 
게임 프로그래밍 기초 공부법
게임 프로그래밍 기초 공부법게임 프로그래밍 기초 공부법
게임 프로그래밍 기초 공부법
 
개발을잘하고싶어요-네이버랩스 송기선님
개발을잘하고싶어요-네이버랩스 송기선님개발을잘하고싶어요-네이버랩스 송기선님
개발을잘하고싶어요-네이버랩스 송기선님
 
청강대 특강 - 프로젝트 제대로 해보기
청강대 특강 - 프로젝트 제대로 해보기청강대 특강 - 프로젝트 제대로 해보기
청강대 특강 - 프로젝트 제대로 해보기
 
NDC12_Lockless게임서버설계와구현
NDC12_Lockless게임서버설계와구현NDC12_Lockless게임서버설계와구현
NDC12_Lockless게임서버설계와구현
 
그럴듯한 랜덤 생성 컨텐츠 만들기
그럴듯한 랜덤 생성 컨텐츠 만들기그럴듯한 랜덤 생성 컨텐츠 만들기
그럴듯한 랜덤 생성 컨텐츠 만들기
 
오딘: 발할라 라이징 MMORPG의 성능 최적화 사례 공유 [카카오게임즈 - 레벨 300] - 발표자: 김문권, 팀장, 라이온하트 스튜디오...
오딘: 발할라 라이징 MMORPG의 성능 최적화 사례 공유 [카카오게임즈 - 레벨 300] - 발표자: 김문권, 팀장, 라이온하트 스튜디오...오딘: 발할라 라이징 MMORPG의 성능 최적화 사례 공유 [카카오게임즈 - 레벨 300] - 발표자: 김문권, 팀장, 라이온하트 스튜디오...
오딘: 발할라 라이징 MMORPG의 성능 최적화 사례 공유 [카카오게임즈 - 레벨 300] - 발표자: 김문권, 팀장, 라이온하트 스튜디오...
 
차정민 (소프트웨어 엔지니어) 이력서 + 경력기술서
차정민 (소프트웨어 엔지니어) 이력서 + 경력기술서차정민 (소프트웨어 엔지니어) 이력서 + 경력기술서
차정민 (소프트웨어 엔지니어) 이력서 + 경력기술서
 
임태현, 게임 서버 디자인 가이드, NDC2013
임태현, 게임 서버 디자인 가이드, NDC2013임태현, 게임 서버 디자인 가이드, NDC2013
임태현, 게임 서버 디자인 가이드, NDC2013
 
200531 jandi
200531 jandi200531 jandi
200531 jandi
 
How To Become Better Engineer
How To Become Better EngineerHow To Become Better Engineer
How To Become Better Engineer
 
KGC 2016: HTTPS 로 모바일 게임 서버 구축한다는 것 - Korea Games Conference
KGC 2016: HTTPS 로 모바일 게임 서버 구축한다는 것 - Korea Games ConferenceKGC 2016: HTTPS 로 모바일 게임 서버 구축한다는 것 - Korea Games Conference
KGC 2016: HTTPS 로 모바일 게임 서버 구축한다는 것 - Korea Games Conference
 
고려대학교 컴퓨터학과 특강 - 대학생 때 알았더라면 좋았을 것들
고려대학교 컴퓨터학과 특강 - 대학생 때 알았더라면 좋았을 것들고려대학교 컴퓨터학과 특강 - 대학생 때 알았더라면 좋았을 것들
고려대학교 컴퓨터학과 특강 - 대학생 때 알았더라면 좋았을 것들
 

Similar to 이재훈 개발 포트폴리오.pdf

my activities before getting a job
my activities before getting a jobmy activities before getting a job
my activities before getting a jobDeo Kim
 
Android Developer JeongJaeyun
Android Developer JeongJaeyunAndroid Developer JeongJaeyun
Android Developer JeongJaeyunjaeyunjeong1
 
부스트캠프 웹·모바일 6기 설명회 발표자료.pdf
부스트캠프 웹·모바일 6기 설명회 발표자료.pdf부스트캠프 웹·모바일 6기 설명회 발표자료.pdf
부스트캠프 웹·모바일 6기 설명회 발표자료.pdfCONNECT FOUNDATION
 
예비 개발자를 위한 웹서비스 개발 방법론 특강 - 폴리텍대학교 강서캠퍼스
예비 개발자를 위한 웹서비스 개발 방법론 특강 - 폴리텍대학교 강서캠퍼스예비 개발자를 위한 웹서비스 개발 방법론 특강 - 폴리텍대학교 강서캠퍼스
예비 개발자를 위한 웹서비스 개발 방법론 특강 - 폴리텍대학교 강서캠퍼스시은 김
 
Portfolio - 김창학
Portfolio - 김창학Portfolio - 김창학
Portfolio - 김창학창학 김
 
반응형 웹 디자인
반응형 웹 디자인반응형 웹 디자인
반응형 웹 디자인준극 김
 
Ibitp취업연계교육안내 sw융합전문인력양성 io_t및vr교육_20171016
Ibitp취업연계교육안내 sw융합전문인력양성 io_t및vr교육_20171016Ibitp취업연계교육안내 sw융합전문인력양성 io_t및vr교육_20171016
Ibitp취업연계교육안내 sw융합전문인력양성 io_t및vr교육_20171016정하 김
 
jjongwuner_cv_page
jjongwuner_cv_pagejjongwuner_cv_page
jjongwuner_cv_page종원 이
 
꿈꾸는 데이터 디자이너 시즌2 교육설명회
꿈꾸는 데이터 디자이너 시즌2 교육설명회꿈꾸는 데이터 디자이너 시즌2 교육설명회
꿈꾸는 데이터 디자이너 시즌2 교육설명회neuroassociates
 
한양대학교 셔틀시스템 셔틀콕 개발기
한양대학교 셔틀시스템 셔틀콕 개발기한양대학교 셔틀시스템 셔틀콕 개발기
한양대학교 셔틀시스템 셔틀콕 개발기Yunhwan Na
 
2019 recap deck (kor)
2019 recap deck (kor)2019 recap deck (kor)
2019 recap deck (kor)Hyunse Lee
 
7월 우아한테크세미나 "주니어개발자로 성장하는 우아한 방법들" 첫번째 세션
7월 우아한테크세미나 "주니어개발자로 성장하는 우아한 방법들" 첫번째 세션7월 우아한테크세미나 "주니어개발자로 성장하는 우아한 방법들" 첫번째 세션
7월 우아한테크세미나 "주니어개발자로 성장하는 우아한 방법들" 첫번째 세션Devrelationswoowahan
 
d2_5th_나눔 프로젝트 설명서
d2_5th_나눔 프로젝트 설명서d2_5th_나눔 프로젝트 설명서
d2_5th_나눔 프로젝트 설명서SungOn Lee
 
The four myths of open source (2013)
The four myths of open source (2013)The four myths of open source (2013)
The four myths of open source (2013)Channy Yun
 

Similar to 이재훈 개발 포트폴리오.pdf (20)

my activities before getting a job
my activities before getting a jobmy activities before getting a job
my activities before getting a job
 
Android Developer JeongJaeyun
Android Developer JeongJaeyunAndroid Developer JeongJaeyun
Android Developer JeongJaeyun
 
부스트캠프 웹·모바일 6기 설명회 발표자료.pdf
부스트캠프 웹·모바일 6기 설명회 발표자료.pdf부스트캠프 웹·모바일 6기 설명회 발표자료.pdf
부스트캠프 웹·모바일 6기 설명회 발표자료.pdf
 
Group by. (2)
Group by. (2)Group by. (2)
Group by. (2)
 
예비 개발자를 위한 웹서비스 개발 방법론 특강 - 폴리텍대학교 강서캠퍼스
예비 개발자를 위한 웹서비스 개발 방법론 특강 - 폴리텍대학교 강서캠퍼스예비 개발자를 위한 웹서비스 개발 방법론 특강 - 폴리텍대학교 강서캠퍼스
예비 개발자를 위한 웹서비스 개발 방법론 특강 - 폴리텍대학교 강서캠퍼스
 
유니티,Unity 엔진을 활용한 VR/AR 콘텐츠 개발 _사물인터넷(IoT) 네크워크 프로그래밍
유니티,Unity 엔진을 활용한 VR/AR 콘텐츠 개발 _사물인터넷(IoT) 네크워크 프로그래밍유니티,Unity 엔진을 활용한 VR/AR 콘텐츠 개발 _사물인터넷(IoT) 네크워크 프로그래밍
유니티,Unity 엔진을 활용한 VR/AR 콘텐츠 개발 _사물인터넷(IoT) 네크워크 프로그래밍
 
Portfolio - 김창학
Portfolio - 김창학Portfolio - 김창학
Portfolio - 김창학
 
반응형 웹 디자인
반응형 웹 디자인반응형 웹 디자인
반응형 웹 디자인
 
Portfolio2
Portfolio2Portfolio2
Portfolio2
 
Portfolio
PortfolioPortfolio
Portfolio
 
Ibitp취업연계교육안내 sw융합전문인력양성 io_t및vr교육_20171016
Ibitp취업연계교육안내 sw융합전문인력양성 io_t및vr교육_20171016Ibitp취업연계교육안내 sw융합전문인력양성 io_t및vr교육_20171016
Ibitp취업연계교육안내 sw융합전문인력양성 io_t및vr교육_20171016
 
jjongwuner_cv_page
jjongwuner_cv_pagejjongwuner_cv_page
jjongwuner_cv_page
 
꿈꾸는 데이터 디자이너 시즌2 교육설명회
꿈꾸는 데이터 디자이너 시즌2 교육설명회꿈꾸는 데이터 디자이너 시즌2 교육설명회
꿈꾸는 데이터 디자이너 시즌2 교육설명회
 
한양대학교 셔틀시스템 셔틀콕 개발기
한양대학교 셔틀시스템 셔틀콕 개발기한양대학교 셔틀시스템 셔틀콕 개발기
한양대학교 셔틀시스템 셔틀콕 개발기
 
2019 recap deck (kor)
2019 recap deck (kor)2019 recap deck (kor)
2019 recap deck (kor)
 
7월 우아한테크세미나 "주니어개발자로 성장하는 우아한 방법들" 첫번째 세션
7월 우아한테크세미나 "주니어개발자로 성장하는 우아한 방법들" 첫번째 세션7월 우아한테크세미나 "주니어개발자로 성장하는 우아한 방법들" 첫번째 세션
7월 우아한테크세미나 "주니어개발자로 성장하는 우아한 방법들" 첫번째 세션
 
d2_5th_나눔 프로젝트 설명서
d2_5th_나눔 프로젝트 설명서d2_5th_나눔 프로젝트 설명서
d2_5th_나눔 프로젝트 설명서
 
모바일환경과 개발방향
모바일환경과 개발방향 모바일환경과 개발방향
모바일환경과 개발방향
 
The four myths of open source (2013)
The four myths of open source (2013)The four myths of open source (2013)
The four myths of open source (2013)
 
about Programmer 2018
about Programmer 2018about Programmer 2018
about Programmer 2018
 

이재훈 개발 포트폴리오.pdf

  • 1. JaeHoon Lee 2023 PORTFOLIO 웹 프론트엔드 개발자
  • 2. 프로필 이미지 이재훈 Lee JaeHoon 생년월일 학교/전공 1995. 07. 09 단국대학교/신소재공학과 졸업 개인정보 Github Programing skill HTML/CSS 링크 : https://github.com/na-reum 경력 리스트 - SMATOOS ( 2021.11~ 2023.06 ) - 유커넥션 ( 2021.07 ~ 2021.10 ) Javascript / Typescript React / React Native 팀원들과 소통을 중요시합니다. 팀 분위기를 살릴 수 있습니다. 시멘틱 태그를 준수하여 구조를 짜는 것을 중요시 합니다. 언제나 성장하길 노력합니다. 코드에는 정답이 없다는 생각으로 코드 한줄 한줄에 생각을 녹이려 노력합니다 Next.js
  • 4. 소개 [#By The Way] 정해진 길을 따라가기보다는, 그 길옆으로 나의 길을 개척하는 편입니다. 다양한 분야에 대해 지식을 습득하는 것을 좋아하고, 해보기 전에는 모른다는 생각으로 아무리 어려워 보이는 지식이라도 흥미가 간다면 도전을 해보는 스타일입니다. [#CU] 팀 프로젝트를 하고 나서 팀원들이 다른 활동을 할 때, 같이 이것을 해보지 않겠느냐는 제안을 많이 받는 편입니다. 감사하게도 나름의 제 열정과 적극성을 많은 이들이 인정을 해주는 것 같고 또 그 점이 다시 같이 팀 프로젝트를 하기에 매력적인 사람이라고 느껴 제안을 많이 해주시는 것 같습니다. [#Everyday] 매일 자신에 대한 고찰이 중요하다고 생각합니다. 하루 중 내가 놓친 것이 있는지, 뿌듯한 게 있는지, 만약 사건이 있었다면 그 사건을 다시 되돌아보고 좀 더 먼 시각에서 바라본다든지. 이러한 자기 고찰을 통해 객관적인 시선을 가지고 자신을 합리화하지 않으려고 노력하여 자기 발전을 합니다.
  • 6. SOPT Makers 모임 서비스 Project • SOPT 동아리 내에서 사용할 수 있는 모임 서비스 개발 인원 및 기간 • 개발 기간 : 2022.09 ~ • 개발 인원 : Front 3명 적용 기술 • Next.js • React-query • Stitches 기여 부분 전반적인 리스트 뷰를 담당. 필터를 위한 queryString 관리 로직 제작 https://github.com/sopt-makers/sopt-crew-frontend
  • 7. Denations 랜드 NFT 사이트 Project • 랜드 NFT사이트 개발 인원 및 기간 • 개발 기간 : 2022.01 ~ 2023.06 • 개발 인원 : Front 2명 적용 기술 • Next.js • Web3-react • React-query • Recoil 기여 부분 전체적인 컴포넌트 부분과 Web3 통신을 통한 구매 Flow를 제작하였습니다. 또한 Map 컴포넌트의 작업 지원을 통해 다양한 성능 최적화를 이끌어냈습니다. https://map.denations.com/
  • 8. Denations 자체 Marketplace Project • Denations의 자체 마켓플레이스 개발 인원 및 기간 • 개발 기간 : 2022.12 ~ 2022.12 • 개발 인원 : Front 1명 적용 기술 • Next.js • React-query • Web3-react • Alchemy 기여 부분 전체적인 기획 및 개발을 맡았으며, 최대한 온체인 데이터를 활용하여, 서버개발자의 리소스를 줄였습니다. NFT를 자체 거래 토큰으로 거래할 수 있게 함으로써 토큰의 사용처를 확대하고, 시세를 올리는데 기여하였습니다. https://market.denations.com/
  • 9. Daily shot 데일리샷 사장님 페이지 외주 Project • 데일리샷 사장님 페이지 외주 개발 인원 및 기간 • 개발 기간 : 2022.06 ~ 2022.06 • 개발 인원 : Front 2명 적용 기술 • Next.js • Styled-components • Recoil • React-query 기여 부분 React-query의 useInfiniteQuery를 활용하여 페이지네이션 무한스크롤을 구현하였고, 모바일 브라우저 및 인앱 브라우저에 대한 대응을 하였습니다.
  • 10. Denations play 페이지 legacy 개편 Project • play페이지의 기술부채를 해결하기 위해 React.js ,Redux, Redux-thunk 기반으로 되어있는 로직을 Next.js, Recoil, React-query 기반의 코드로 변경 작업 개발 인원 및 기간 • 개발 기간 : 2022.02 ~ 2022.03 • 개발 인원 : Front 2명 적용 기술 • Next.js • Web3-react • React-query • Recoil • React-hook-form 기여 부분 작업중 Redux, Redux-thunk 기반으로 되어있는 로직을 Recoil, React-query 기반의 코드로 변경 작업을 맡았습니다.
  • 11. Denations 메인홈페이지 Project • Denations 메인페이지와 튜토리얼 페이지 개발 인원 및 기간 • 개발 기간 : 2021.11 ~ 2021.12 • 개발 인원 : Front 1명 적용 기술 • Next.js • Web3.js • Lightweight-charts • GraphQL 기여 부분 Uniswap api를 사용하기 위해 GraphQL를 사용하였고, APY등의 계산을 위해 Web3를 사용하여 회사의 DENA보유량을 가져왔습니다. DENA Price 차트를 위해 Lightweight-charts를 사용하였습니다. https://denations.com https://tutorial.denations.com
  • 12. Denations 주가 데이터 크롤링 프로그램 Project • 주가 데이터 크롤링 프로그램 개발 인원 및 기간 • 개발 기간 : 2021.11 ~ 2021.12 • 개발 인원 : Front 1명 적용 기술 • Cheerio • Puppeteer • Xlsx 기여 부분 각 나라의 DGDP 수치에 반영하기 위해 기준이 되는 주가데이터의 주간 및 연간 데이터를 크롤링 할 수 있는 스크립트를 짰습니다.
  • 13. 포켓유니브 어드민페이지 Project • 포켓유니브의 어드민페이지 개발 인원 및 기간 • 개발 기간 : 2021.08 ~ 2021.10 • 개발 인원 : Front 1명 적용 기술 • React.js • Emotion • SWR • React-quill 기여 부분 학교인증, 커뮤니티관리, 회원관리, 공지등록등의 기능을 기획하고 제작하였습니다. SWR를 통해서 최신화 되어있는 데이터를 받아올 수 있게 하였습니다. 추가적으로 React-quill 을 통한 공지사항 업데이트 툴을 만들었습니다. 포켓유니브의 서비스를 관리하는 어드민 페이지를 제작 하였습니다
  • 14. 포켓유니브 랜딩페이지 및 웹뷰 Project • 포켓유니브의 랜딩페이지와 웹뷰 개발 인원 및 기간 • 개발 기간 : 2021.07 ~ 2021.08 • 개발 인원 : Front 1명 적용 기술 • Next.js • Emotion • TypeScript • next-i18n 기여 부분 회사의 서비스를 소개하는 랜딩페이지와, 어플리케이션에 들어가는 각종 웹뷰들을 작업 했습니다. Next.js 를 사용함으로서 각 웹뷰에만 해당하는 모듈들만을 불러와 로딩속도를 높였습니다. 해외버전도 존재하기 떄문에 next-i18n 을 활용하여 다국어 지원을 넣었습니다. 포켓유니브 서비스를 소개하는 랜딩페이지와, 어플리케이션에 들어가는 각종 웹뷰들을 작업 했습니다. https://poketuniv.com
  • 15. 단쿠키 단플 Project • 학교 커뮤니티 어플 개발 인원 및 기간 • 개발 기간 : 2021.01 ~ 2021.06 • 개발 인원 : Server 3명 Front 3명 적용 기술 • Nest.js • GraphQL/Apollo • TypeORM • React Native • TypeScript 기여 부분 • 웹 프론트엔드 개발자로 들어갔으나. 디자인이 나오기 전까지 서버 개발에 투입되어, 식단크롤링, 유저 팔로우, 팔로잉을 구현하고, 이후 React Native, Apollo-Client를 활용한 앱 프론트엔드로 참여하여, 채팅기능 및 이모티콘을 구현 하였습니다. 프론트 개발자로 참여 하였습니다. ReactNative를 사용하였습니다. 채팅 및 이모티콘, 채팅 검색, 유저 팔로잉, 팔로우 뷰를 작업했습니다. 현재 캠퍼스 프렌즈라는 어플명으로 서비스 중 입니다.