화학공학을 전공한 저의 배경은 일반적인 프론트엔드 개발자와 다를 수 있습니다.
대학에서 화학을 전공하며, 추측과 가설에 기반한 화학의 논리가 제게는 다소 맞지 않음을 느꼈고,
정해진 답이 없으면서도 논리적인 사고를 요구하는 프로그래밍 분야에 매력을 느끼게 되었습니다.
그 중에서도 웹의 접근성과 호환성 때문에 웹에 관심을 가지게 되었습니다.
저는 웹 기술이 계속 발전해서 앱을 포함한 여러 분야를 통합할 것이라고 확신합니다.
또한 현대의 웹 개발 트렌드가 프론트엔드와 백엔드의 경계를 흐리게 하고 있음을 인식하고 있으며,
이러한 변화에 발맞추어 백엔드 개발과 AI 기술에도 관심을 가지고 뒤쳐지지 않으려 노력하고 있습니다.

ABOUT

프로필 사진

김제원 (닉네임: 토끼씨)

1990-06-20

서울특별시 강동구

alal4674@gmail.com

강원대학교 화학공학과 졸업

https://github.com/tokkissi

https://tokkic.tistory.com

Notion page

Main Skills

0%

JavaScript

동적인 웹사이트를 구현 할 수 있습니다

0%

TypeScript

예측가능하고 안정적인 코드를 작성 가능합니다

0%

React

재사용가능한 UI를 구현할 수 있습니다

0%

Next.js

SEO 최적화 및 벡엔드를 구현할 수 있습니다

0%

HTML5

웹 페이지의 기본 뼈대를 만들고, 컨텐츠를 넣을 수 있습니다

0%

CSS3

원하는 디자인의 웹 페이지를 구현할 수 있습니다

0%

Tailwind CSS

빠르게 반응형 디자인을 만들 수 있습니다

0%

Styled Components

React 컴포넌트에 스타일을 적용 가능합니다

0%

Redux-Toolkit

프론트엔드 상태 관리를 위해 사용할 수 있습니다

0%

Zustand

Redux-Toolkit 보다 사용하기 쉬워 선호합니다

0%

React Query

서버 상태 관리를 위해 사용할 수 있습니다

0%

Mongo DB

Next.js와 함께 사용하여 데이터를 저장하고 관리할 수 있습니다

0%

Figma

기획 시 UI/UX 디자인을 간단히 그리고 이해할 수 있습니다

0%

공공 데이터 포털 API

공공 데이터 API를 사용할 수 있습니다

0%

Chat-GPT API

인공지능 챗봇 및 이미지 생성 기능을 구현 가능합니다

0%

WebSocket

실시간 양방향 통신 기능을 구현할 수 있습니다

0%

PWA

Next.js 프로젝트에 PWA를 적용할 수 있습니다

0%

stable diffusion

원하는 배경이나 캐릭터의 이미지를 AI로 생성 가능합니다

Projects

주요 프로젝트

Command Survival

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

Next-Chat

개인 프로젝트. 웹소켓 기반의 실시간 채팅 웹앱

#Tech

Next.js 14, TypeScript, Tailwind CSS, WebSocket, PWA

#My work

All works(FE & BE), 반응형 UI

Source Code
Trip Match

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

학습용 토이 프로젝트 및 클론 프로젝트

포트폴리오

포트폴리오

2023년 포트폴리오 웹사이트

#Tech

Next.js 13, TypeScript, Tailwind CSS

Source Code
wanted-pre-onboarding-frontend

wanted-pre-onboarding-frontend

원티드 프리온보딩 프론트엔드 사전 과제

#Tech

React, TypeScript, Tailwind CSS

Source Code
드림코딩 instagram 클론

드림코딩 instagram 클론

드림코딩 Next.js 13 강의 중 instagram 클론

#Tech

Next.js 13, TypeScript, Tailwind CSS, swr, Next-Auth, Sanity

Source Code
드림코딩 blog 클론

드림코딩 blog 클론

드림코딩 Next.js 13 강의 중 blog 클론

#Tech

Next.js 13, TypeScript, Tailwind CSS

Source Code
드림코딩 note 클론

드림코딩 note 클론

드림코딩 Next.js 13 강의 중 note 클론

#Tech

Next.js 13, TypeScript, Tailwind CSS

Next.js 13 학습용 게시판

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

Apple 공식 홈페이지 클론

Apple 공식 홈페이지 클론

앨리스 스터디 팀프로젝트

#Tech

HTML5, CSS3, JavaScript

#My work

스터디장. 메인 페이지

Source Code
자기소개 페이지

자기소개 페이지

학습용 자기소개 페이지

#Tech

HTML5, CSS3

Source Code

CONTACT

Thank you 🐰

잘부탁드립니다