백종환(baekspace)

안녕하세요, 프론트엔드 개발자 백종환입니다.

Introduce

다양한 프로젝트 경험을 통해 새로운 기술을 빠르게 습득하며, 문제 해결 능력을 지속적으로 향상시켜 왔습니다. 특히 성능 최적화와 효율적인 웹 애플리케이션 개발의 중요성을 깊이 이해하게 되었고, 이를 바탕으로 개발 역량을 강화해 왔습니다.

팀 단위 협업을 통해 원활한 커뮤니케이션과 코드 리뷰에 적극적으로 참여하여 프로젝트의 완성도를 높이는 데 기여했습니다.

정답을 몰라도 해답을 제시할 수 있는 개발자가 되기 위해 끊임없이 학습하고 경험을 쌓고 있으며, 앞으로도 팀과 함께 성장해나갈 준비가 되어 있습니다.

Work Experience

2023.09 ~ 현재

경일게임아카데미

Develrocket - LMS

Next.js
TypeScript
Recoil
ReactQuery

담당 프로젝트

학습 페이지(LMS)오프라인 교육을 온라인으로 확장하면서, 학습자와 교강사가 사용하는 학습 페이지를 개발했습니다. MD파일을 이용한 학습 콘텐츠 제공, 실습 제출 공간 등 전체 프론트엔드 작업을 단독으로 진행하였습니다.
내부 사이트 관리 및 운영 프로젝트외부 업체가 관리하던 회사 시스템을 내부 개발팀이 직접 관리할 수 있도록 전환하는 프로젝트를 진행 중입니다. 이를 통해 유지보수 및 기능 추가에 빠르게 대응할 수 있는 환경을 기대중입니다.

담당 업무

유지보수입사 직후 기존 코드를 빠르게 파악하고 필요한 기능을 추가하거나 버그를 수정하여 플랫폼의 안정성과 효율성을 높이는 데 기여했습니다.
개발 환경 세팅 및 모노레포 도입새로운 프로젝트의 개발 환경을 구축하고 모노레포를 도입하여 여러 도메인을 효율적으로 관리할 수 있도록 했습니다.
UX/UI 개선 및 반응형 디자인 구현작업 중 UX/UI 개선을 제안하고 반응형 디자인을 구현하여 사용자 만족도와 프로젝트의 일관성을 높였습니다.
기술 선택 및 제안프로젝트의 요구에 맞는 기술과 라이브러리 선택을 위한 비교 분석 및 제안을 통해 팀의 기술 전략에 기여했습니다.
Mock Server 도입초기 개발 단계에서 발생한 병목 현상을 해결하기 위해 Mockoon이라는 Mock 서버 서비스를 도입하여, 백엔드 개발 완료 전에 프론트엔드 작업을 병행할 수 있게 하였고, 개발 속도를 크게 향상시켰습니다.

Awards

2023.07.31~2023.08.02

HACKATHON - Seoul Web 3.0 FESTIVAL

"약자와의 동행" 부문 3위 수상
Web3 기술을 활용한 원스톱 응급실 의료체계 플랫폼 개발

Stacks

Project

프로젝트 이름
[기업협약]NFTin : 블록체인 지갑 웹앱

[기업협약]NFTin : 블록체인 지갑 웹앱

기간
20230607~20230718 (42일)
역할
팀장, 프론트엔드
기술스택
React, Expo, React-Native, TypeScript, Styled-Components, Ethers.js, Recoil, React-Query, Chrome Extension, AWS
프로젝트 설명
- 다양한 블록체인 네트워크 간 변경 기능 및 자산 확인
- NFT 마켓 통합 및 구매 기능
- 실시간 코인 동향 확인
- ERC-20, ERC-721, ERC-1155 토큰의 추가 및 관리
- Chrome 확장 프로그램을 통한 Wallet Provider 기능 구현
- 프로젝트 및 팀 관리를 총괄, Recoil, React-Query로의 상태 관리 시스템 개선 제안
프로젝트 링크
- https://baekspace.tistory.com/229
- https://github.com/100space/wallet

Terminus : Linux, MySQL 명령어 연습사이트

기간
20230323~20230414 (23일)
역할
프론트엔드
기술스택
React, Socket.io, Node.js, Linux, Xterm.js, Redux, Styled-Components, Redux-thunk, AWS
프로젝트 설명
- 웹사이트 디자인 및 프론트엔드 개발
- Linux와 MySQL 모드 간 토글 기능으로 사용자 인터페이스 개선
- 연습모드와 테스트 모드를 이용하여 사용자 참여형 기능 제공
- 회원가입 및 로그인 기능을 통한 포인트 적립 및 게시판 기능 구현
- Redux와 Redux-thunk를 이용한 상태 관리와 비동기 작업 처리
프로젝트 링크
- https://baekspace.tistory.com/155
- https://github.com/100space/terminus

블록체인 지갑 만들기(웹페이지)

기간
20230511~20230515 (5일)
기술스택
React, Node.js, Express, Styled-Components, Redux, Redux-thunk, Chrome Extension, Jest, TypeScript
프로젝트 설명
- 블록체인 Node와 지갑 서버를 활용한 간단한 지갑 인터페이스 구현
- 블록 목록 조회, 나의 계정 리스트 조회 및 선택된 계정 잔액 확인 기능
- 자주 사용하는 계정 저장 기능
- 구글 크롬 확장 프로그램으로의 기능 확장
프로젝트 링크
- https://baekspace.tistory.com/200
- https://github.com/100space/2304/tree/main/toy

커뮤니티 사이트 구현하기

기간
20230130~20230219 (21일)
역할
프론트엔드
기술스택
HTML/CSS, JavaScript, Node.js, Express, MySQL, Socket.io, Nunjucks, AWS
프로젝트 설명
- Nunjucks 템플릿을 이용한 동적 웹 페이지 구현
- Kakao API를 활용한 소셜 로그인 및 로컬 로그인 구현
- JWT를 사용한 사용자 인증 및 회원 정보 암호화
- Socket.io를 통한 실시간 채팅 및 알림 기능
- CRUD를 이용한 게시판, 댓글, 대댓글, 좋아요 기능
- 게시판, 회원 검색 기능
- AWS EC2를 이용한 배포
프로젝트 링크
- https://baekspace.tistory.com/127
- https://github.com/100space/project2

커뮤니티 사이트, 관리자페이지 구현하기

기간
20221226~20230102 (8일)
역할
프론트엔드
기술스택
HTML/CSS, JavaScript, Nunjucks, Node.js, Express, MySQL, Multer, AWS
프로젝트 설명
- HTML/CSS, JavaScript를 이용한 프로젝트
- CRUD를 이용한 게시판
- 관리자 계정과 관리자 페이지 구현
- 회원가입 및 회원관리 기능
프로젝트 링크
- https://baekspace.tistory.com/100
- https://github.com/100space/Node-express-Project