우예진
Phone
Github
사용자의 지갑을 여는 개발자
취업 준비 시절 다양한 플랫폼을 조사해 이모티콘으로 100만원 이상의 수익을 창출한 경험이 있습니다.
잘 만든 서비스란, 값을 지불할 만큼 사용자에게 의미 있는 기능을 제공하는 서비스라고 생각합니다.
사용자 경험을 중시해 수많은 웹 중에서도 유저의 마음을 사로잡을 값어치 있는 웹 서비스를 개발하겠습니다.
Skills
JavaScript
브라우저에서 비동기적으로 실행되는 자바스크립트의 동작원리를 이해하고, async/await 패턴을 활용해 비동기 작업을 다룰 수 있습니다.
React.js
컴포넌트 기반 특징을 활용해 웹을 구조화하고 라우팅으로 부드러운 페이지 전환을 구현해 사용자 경험을 향상시킵니다.
Node.js
express 프레임워크로 서버를 구축하고 데이터베이스를 연결해 데이터를 활용할 수 있습니다.
Projects
개인 프로젝트
2023.08.09 - 2023.08.27
개요
좋아하는 게임을 만들어보고 싶었고, 자바스크립트 기본 기능을 익히기 위해 제작했습니다.
기능
- - requestAnimationFrame() 메서드 이용 이미지 스프라이트 구현
- - class 이용 오브젝트 생성 및 관리
- - keyboard 이벤트리스너로 캐릭터 이동
느낀 점
캐릭터, 아이템과 같은 오브젝트를 클래스로 관리하고, 비슷한 오브젝트는 상속하면서 객체 지향에 대한 개념을 다질 수 있었습니다. 후반부로 갈수록 코드 양이 길어져서 최대한 함수 하나에 한 가지 기능을 넣으려 노력했고, 하드코딩한 부분이 꽤 있고 전역 변수를 많이 사용했다는 점이 아쉬웠습니다. 처음으로 직접 구조를 설계하고 기능을 만든 프로젝트라서 의미있었습니다.
팀 프로젝트
2023.11.06 ~ 2023.11.25
개요
벌레가 무서운 사람들을 위해 벌레 잡는 능력을 사고 파는 거래 사이트를 제작했습니다.
기능
- - JWT 이용 회원가입 및 로그인
- - 게시물 작성 및 이미지 첨부, 삭제
- - 거래 진행 상태에 따른 거래 내역 리스트 조회
- - socket.io 이용 회원간 실시간 채팅 및 알림 기능
- - 마이페이지 회원 정보 수정
- - 유저 타입에 따른 컴포넌트 렌더링
느낀 점
유저 타입이 두 가지였기 때문에 조건에 따라 컴포넌트를 렌더링하는 리액트의 장점을 활용할 수 있었습니다. socket.io로 클라이언트와 서버단에서 이벤트를 주고받으며 실시간 채팅 기능을 완성하고, setInterval로 폴링을 요청을 보내 새 채팅방 알림 기능을 구현했습니다. 웹 서비스 개발 후 배포하는 과정까지 경험하며 실무에 대한 기반을 다질 수 있었습니다.
개인 프로젝트
2023.11.26
개요
진행한 프로젝트를 한 곳에 정리하기 위해 포트폴리오 웹을 제작 후 배포했습니다.
기능
- - 반응형 컴포넌트 제작
- - Vercel 배포
느낀 점
서버에서 만든 HTML을 자바스크립트에서 바로 실행하는 Next.js 사용 후 동적으로 HTML을 생성하는 리액트와의 차이를 느낄 수 있었습니다. BootStrap처럼 클래스 이름을 탈부착하는 TailwindCSS 프레임워크를 사용하며 스타일링 시간이 많이 단축돼 편리했고, 긴 클래스명 때문에 HTML을 읽기 힘들다는 단점도 보였습니다. 이번 프로젝트에서는 타입스크립트의 장점을 크게 활용하지 못한 듯해 더 깊게 공부할 예정입니다.
Activities
2023.09 - 2023.11
클라우드 기반 웹개발 실무 프로젝트
React로 반응형 웹을 만드는 방법과 데이터 패칭하는 법을 배웠습니다. 또한 MySQL에서 데이터베이스를 생성해 Azure로 연결한 뒤, Node.js 서버에서 데이터를 활용했습니다. 완성한 프로젝트를 Azure App Service와 연결한 뒤 Github Actions에서 자동 배포하는 설정을 익혔습니다.
2023.06
정보처리기사 취득
컴퓨터 공학 및 웹 기초 지식을 쌓기 위해 공부했으며, 90점으로 자격증을 취득했습니다. 코딩을 해보기 전 직접 문제를 풀며 프로그래밍 언어의 동작 원리를 이해할 수 있었습니다.
Contacts
값어치 있는 서비스를 만들고 싶다면, 지금 바로 연락주세요!