BDW
bdw
portfolio
배동우
안녕하세요!
프론트엔드 개발자를 희망하고 있습니다.
새로 배우는 것을 좋아해 항상 즐겁게 배우고 있습니다.
꾸준함을 무기로 매일 성장하기 위해 노력합니다.
블로그
깃허브

Histoy

2023.10 - 2023.11

우테코 프리코스

4주간 매주 주어지는 과제를 vanilla JS로 구현했습니다. 매주 새롭게 주어지는 요구사항에 맞춰 과제를 진행하며, Jest를 활용해 테스트 코드를 작성했던 경험이 있습니다.
신한 DS에서 진행한 풀스택 교육과정입니다. React,SpringBoot를 활용해 프로젝트를 진행하였고, 팀 프로젝트를 통해 협업 툴과 Convention등을 경험 했습니다.
2023.02 - 2023.08

신한 DS 아카데미

2023.01 - 2023.02

삼성 DX 알고리즘

삼성 DX에서 진행하는 알고리즘 특강입니다. C++언어를 활용해 프로그래밍 문제를 풀며 알고리즘을 학습 했습니다. 배열,연결 리스트,Queue,Stack 등을 직접 구현했던 경험이 있습니다.
프로그래밍의 기초 문법을 익히기 위해 시작했습니다. inflearn,udemy 등의 학습사이트를 통해 학습하고, 백준, 프로그래머스 등의 프로그래밍 문제를 풀며 학습했습니다.
2023.08 - ing

학습 시작

REACT
JS
TS
HTML
CSS
NODE.JS
NEXT.JS
SpringBoot
MYSQL
Firebase
REACT
컴포넌트 기반의 코드 작성이 가능합니다. useState, useEffect 등의 훅을 사용할 수 있고, 필요에 따라 커스텀 훅을 직접 만들어 사용했던 경험이 있습니다. Redux를 이용한 상태 관리 라이브러리를 활용하여 복잡한 애플리케이션의 상태를 효과적으로 관리한 경험이 있습니다. Next.js를 활용하여 서버 사이드 렌더링(SSR)을 구현한 경험이 있습니다. 리액트에서 주로 사용되는 스타일링 방법 중 하나인 styled-components를 활용하여 컴포넌트 스타일을 관리했던 경험이 있습니다.

ProJect

오목 웹

1인 프로젝트

채팅 기능처럼 양방향으로 통신하는 서비스를 경험해 보기 위해 만들어본 웹 사이트입니다. 업데이트되는 데이터를 해당 서비스의 사용자들에게 실시간으로 제공하기 위해 Firebase의 Snapshot을 사용해 개발했습니다. 간단하게 기획한 프로젝트이지만 서버에서 공통으로 관리해야 하는 데이터와 그에 따라 서로 다르게 처리하는 경험을 할 수 있었던 프로젝트입니다. 또한, 오목 게임에 사용될 보드와 돌을 그리기 위한 Canvas API도 함께 경험해 볼 수 있었습니다.
뒷장 보기
  • 닉네임을 사용한 익명 로그인
  • 방 만들기 기능(비밀번호 설정o)
  • 다른 사용자와 즐기는 오목게임
REACT
TS
SCSS
STYELD_COMPONENTS
Firebase
앞장 보기

포트폴리오

1인 프로젝트

저를 간단하게 소개할 수 있는 포트폴리오 웹사이트 입니다. TypeScript와 Next.Js를 사용해 개발하였고, 미디어 쿼리를 사용해 반응형으로 제작할 수 있도록 노력했습니다. styeld-component를 사용해 컴포넌트 별 스타일링과 동적인 스타일링을 경험 할 수 있었습니다. 또한 간단한 keyframe 애니메이션과 Swiper,AOS 라이브러리 등도 함께 경험 했습니다.
뒷장 보기
  • 나만의 포트폴리오 사이트를 제작해보기 위함
  • 미디어 쿼리를 활용한 반응형 웹페이지
  • Vercel을 통한 정적 페이지 배포
REACT
TS
NEXT.JS
CSS
STYELD_COMPONENTS
SWIPER
VERCEL
앞장 보기

My-ToDo

1인 프로젝트

처음 리액트를 학습할 때 간단하게 만들었던 투두리스트를 생각하며, 캘린더와 드래그 앤 드롭 등 직접 구현해 보고 싶었던 기능들과 함께 학습을 위해 개발한 일정관리 서비스 입니다. 작은 서비스이지만 처음부터 끝까지 혼자서 개발을 해본 것에 의미가 있었고, 그 과정에서 Redux Store, JWT 등을 학습한 것에도 의미가 있었습니다. 또한, 배포한 이후에도 새로 학습한 Firebase를 적용하는 등 조금씩 업데이트 해온 서비스 입니다.
뒷장 보기
  • SNS를 통한 간편 로그인
  • 캘린더를 통해 일정 미리보기 기능
  • 선택한 날짜의 일정 등록 및 수정 기능
REACT
JS
CSS
AXIOS
REDUX
MYSQL
Firebase
VERCEL
앞장 보기

땡그랑

4인 프로젝트

코로나 시대를 거치면서 MZ세대 사이에서는 무지출 챌린지, 거지방 등의 짠테크가 유행함에 따라 이를 쉽게 제공하기 위한 챌린지형 저축 서비스 입니다. 커뮤니티 부분을 담당했으며 게시물과 댓글의 CRUD 기능, 해시태그 기능, 필터링 기능, 뉴스 정보 크롤링, ChatGPT API 활용 등을 구현했습니다. 기획부터 배포까지 전반적인 웹 서비스를 개발하는 과정을 경험해 볼 수 있었고, 다양한 협업 툴과 컨벤션, 명세 등의 중요성도 느낄 수 있었습니다.
뒷장 보기
  • 사용자는 계좌번호와 일일 목표 금액을 설정
  • 챌린지 성공 시 차액 저축
  • 시각 자료를 통해 자신의 소비습관 확인
  • 커뮤니티를 통해 정보 공유
REACT
JS
SASS
BOOTSTRAP
AXIOS
SpringBoot
MYSQL
DOCKER
JENKINS
앞장 보기