화학공학을 전공한 저의 배경은 일반적인 프론트엔드 개발자와 다를 수 있습니다.
대학에서 화학을 전공하며, 추측과 가설에 기반한 화학의 논리가 제게는 다소 맞지 않음을 느꼈고,
정해진 답이 없으면서도 논리적인 사고를 요구하는 프로그래밍 분야에 매력을 느끼게 되었습니다.
그 중에서도 웹의 접근성과 호환성 때문에 웹에 관심을 가지게 되었습니다.
저는 웹 기술이 계속 발전해서 앱을 포함한 여러 분야를 통합할 것이라고 확신합니다.
또한 현대의 웹 개발 트렌드가 프론트엔드와 백엔드의 경계를 흐리게 하고 있음을 인식하고 있으며,
이러한 변화에 발맞추어 백엔드 개발과 AI 기술에도 관심을 가지고 뒤쳐지지 않으려 노력하고 있습니다.
ABOUT
김제원 (닉네임: 토끼씨)
1990-06-20
서울특별시 강동구
alal4674@gmail.com
강원대학교 화학공학과 졸업
Main Skills
JavaScript
동적인 웹사이트를 구현 할 수 있습니다
TypeScript
예측가능하고 안정적인 코드를 작성 가능합니다
React
재사용가능한 UI를 구현할 수 있습니다
Next.js
SEO 최적화 및 벡엔드를 구현할 수 있습니다
HTML5
웹 페이지의 기본 뼈대를 만들고, 컨텐츠를 넣을 수 있습니다
CSS3
원하는 디자인의 웹 페이지를 구현할 수 있습니다
Tailwind CSS
빠르게 반응형 디자인을 만들 수 있습니다
Styled Components
React 컴포넌트에 스타일을 적용 가능합니다
Redux-Toolkit
프론트엔드 상태 관리를 위해 사용할 수 있습니다
Zustand
Redux-Toolkit 보다 사용하기 쉬워 선호합니다
React Query
서버 상태 관리를 위해 사용할 수 있습니다
Mongo DB
Next.js와 함께 사용하여 데이터를 저장하고 관리할 수 있습니다
Figma
기획 시 UI/UX 디자인을 간단히 그리고 이해할 수 있습니다
공공 데이터 포털 API
공공 데이터 API를 사용할 수 있습니다
Chat-GPT API
인공지능 챗봇 및 이미지 생성 기능을 구현 가능합니다
WebSocket
실시간 양방향 통신 기능을 구현할 수 있습니다
PWA
Next.js 프로젝트에 PWA를 적용할 수 있습니다
stable diffusion
원하는 배경이나 캐릭터의 이미지를 AI로 생성 가능합니다
Projects
주요 프로젝트
Command Survival
개인 프로젝트. AI 텍스트 게임 및 AI 이미지 생성 웹앱
#Tech
Next.js 13, TypeScript, Mongo DB, Tailwind CSS, Next-Auth, React Query, ChatGPT API, DALL·E API, SpeechRecognition API, PWA
#My work
All works(FE & BE), pc 및 모바일 반응형 UI
Source Code
Next-Chat
개인 프로젝트. 웹소켓 기반의 실시간 채팅 웹앱
#Tech
Next.js 14, TypeScript, Tailwind CSS, WebSocket, PWA
#My work
All works(FE & BE), 반응형 UI
Source Code
Trip Match
엘리스 부트캠프 두번째 팀프로젝트. 여행 동행 구인 웹사이트
#Tech
TypeScript, React, Redux, Styled Components, Node.js, Redis, express, Mongo DB, Swagger
#My work
팀장, 기획, 로그인 및 회원가입, 좋아요 페이지, 공공 데이터 API, FE
Source Code
문어상점
엘리스 부트캠프 첫번째 팀프로젝트. 식자재 쇼핑몰 웹사이트
#Tech
JavaScript, HTML5, CSS3, BULMA(CSS FrameWork)
#My work
팀장, 기획, 메인 페이지, 상품 페이지, FE
Source Code학습용 토이 프로젝트 및 클론 프로젝트
드림코딩 instagram 클론
드림코딩 Next.js 13 강의 중 instagram 클론
#Tech
Next.js 13, TypeScript, Tailwind CSS, swr, Next-Auth, Sanity
Source Code
드림코딩 note 클론
드림코딩 Next.js 13 강의 중 note 클론
#Tech
Next.js 13, TypeScript, Tailwind CSS
Next.js 13 학습용 게시판
Next.js 개인 학습용으로 만든 CRUD 가능한 게시판
#Tech
Next.js 13, TypeScript, Tailwind CSS, Next-Auth, React query, Mongo DB
영화 평점 페이지
TMDB(영화평가 사이트) api를 사용하여 Next.js 13 페이지 만들어보기
#Tech
Next.js 13
CONTACT
Thank you 🐰
