버킷 리스트

재대로 해보고 싶은 것들을 담았습니다. 개발에만 한정하는 것이 아닌, 제가 하고 싶은 모든 것을 담았습니다. (개발과 밀접한 관계가 있는 디자인도 포함을 했습니다)

✅는 완료

❇️는 진행중

• 는 아직 못함을 의미합니다!

Develop

kategorie는 관련 분야 혹은 언어, reason은 해당 항목을 하고 싶은 목적입니다. 저는 다양한 분야를 실험적으로 공부하기 보다는, 한 서비스를 오랬동안

Frontend & APP & Program

✅	Name	Reason
✅	React	프론트엔드
✅	styled-component	프론트엔드 트랜드
✅	Next.js	SEO 최적화
✅	Redux	대규모 리액트 프로젝트
✅	p5.js	인터렉티브 웹디자인
✅	lotte.js	인터렉티브 웹디자인
	svelte	새로운 프론트엔드 타입
	React Native	모바일
✅	Electron	PC용 프로그램 제작
✅	React Query
✅	React Hook Form
✅	Recoil
	Emotion

React

✅	Hook
✅	useState
✅	useEffect
✅	useRef
✅	useContext
	useLayoutEffect
✅	useReducer
✅	useCallback
✅	useMemo
✅	suspense

Backend

✅	Name	Reason
	Firebase	새로운 백엔드
✅	Serverless	서버 비용 감소 및 새로운 백엔드
✅	mongoDB	Nosql 데이터베이스 학습
	OpenSSL	자동 인증서 갱신
✅	mariaDB	심화 데이터베이스

Programming

프론트엔드와 백엔드에 속하지 않은 항목입니다.

✅	Name	Reason
✅	TypeScript	JS의 자주 발생하는 오류 해결
	Rust	변태적인 메모리 관리
✅	GIT	Commit, branch, FR, issue, CR 제대로 해보기
✅	JSDoc	자동 문서화
✅	Jest/Mocha	자바스크립트 TDD

CI/CD & Deploy

✅	Name	Reason
✅	Github Action	빌드&배포 자동화
	Jenkins	빌드&배포 자동화
✅	Vercel	배포
✅	Netlify	배포
✅	AWS Ramda	AWS 심화
✅	AWS S3	클라우드 드라이브
✅	AWS lightsail	클라우드 서버
	Kubernetes	쿠터네이스, 아직 개념도 모름...
	Istio

Project

• 포트폴리오 웹사이트 개발

• 커스텀 도메인 연결 및 자동 SSL 인증서 발급 서버 개발하기 -

• 좋은 코드(오픈소스 등)을 찾아보고 분석하기

• AWS를 이용한 이미지 처리 서버

• 오픈소스에 참여하기!

✅ 간단한 프로젝트를 위한 온라인 localStorage 같은 서비스 개발

✅ 나의 브랜드 리소스 (로고, 사진등)을 보관하는 웹사이트

• 빔 프로젝터와 개발을 섞은 미디어 아트

Design

Tools

✅	Name	Reason
✅	blender	3D 이미지&애니메이션 제작
✅	illusrator	벡터 이미지(svg등) 제작
✅	Figma	새로운 프로토타이핑 툴
✅	Adobe XD	웹 디자인 툴

TODO

• 구글, 토스의 UI를 디자인툴로 다시 그리기 + 수치 저장하기
• [✅] 나만의 범용 에셋 제작하기
• [✅] 다른 사람의 디자인 파일 뜯어보기

Other

✅	Name	Reason
✅	사업자 등록
✅	세미나 출연
	온/오프라인 강연
	명함 제작
✅	로고 제작

Life

• 누군가에게 도움이 되기
• 더 대단해지기