기술 스택
교육기관에서 주력으로 배운 기술이고 최근까지 해당 기술 스택들을 이용하여 프로젝트를 진행하였습니다.
디자인 시안을 기반으로 웹 페이지를 퍼블리싱할 수 있습니다. Flexbox와 Grid를 활용해 레이아웃을 설계합니다. 미디어 쿼리를 통한 반응형 구현을 할수 있습니다.
ES6+ 문법을 기반으로 학습하였습니다. RESTful API를 통한 api 통신기 가능하며, React와 같은 프론트 라이브러리 활용이 가능합니다.
컴포넌트 구조와 JSX문법을 이해하고 활용할수 있습니다. 훅을 사용한 상태관리와 라이프사이클 처리를 할수 있으며 상태관리툴을 사용하여 전역 상태관리를 합니다. MUI로 기본 컴포넌트 활용과 커스텀 컴포넌트 활용이 가능합니다.
Redux Toolkit으로 대규모 애플리케이션의 상태를 구조화하고, 비동기 API 작업을 처리할 수 있습니다. Zustand를 활용해 경량 상태 관리와 빠른 데이터 업데이트를 구현할 수 있습니다.
라우팅과 미들웨어를 사용해 구조화, 비동기 처리Sequelize, Mongoose 등의 ORM을 사용해 데이터베이스 모델링 및 연동 가능합니다. Multer를 사용해 파일 처리 로직 구현이 가능하며, Socket.IO를 통한 실시간 통신 구현이 가능합니다.
테이블 생성, 관계 설정, 모델링이 가능합니다. SQL을 활용해 데이터 조작 가능합니다.JOIN과 서브쿼리를 사용해 데이터 관계를 처리할 수 있습니다. Node.js와 연동해 실시간 데이터 저장 및 조회를 처리할 수 있으며, Sequelize 등의 ORM을 활용해 객체 모델링을 적용할 수 있습니다.
AWS EC2를 활용해 Ubuntu 또는 Amazon Linux 환경에서 서버를 구성하고, Node.js 애플리케이션과 데이터베이스를 설치 및 운영할 수 있습니다. PM2로 애플리케이션을 실행하며, Nginx를 설정해 리버스 프록시, WebSocket, 정적 파일 서비스 및 HTTPS를 적용합니다. AWS 보안 그룹으로 포트 접근을 제어하고, CI/CD 도구를 활용해 배포 자동화를 구현할 수 있습니다.
Figma로 화면정의서를 제작하고, 간단한 UI/UX 디자인 및 프로토타입을 설계할 수 있습니다. 팀과의 협업을 위해 Figma의 실시간 작업 및 코멘트 기능을 적극 활용한 경험이 있습니다. Webflow를 사용해 코딩 없이도 직관적인 UI로 홈페이지 제작이 가능합니다 기본적인 애니메이션과 인터랙션 효과를 추가해 동적인 웹사이트를 구현할 수 있습니다.
프로젝트
펫터
1. 홈페이지 및 상품 가이드 페이지 제작 및 관리 - 기업 홈페이지 및 상품 가이드 페이지 제작, 콘텐츠 관리, 유지 보수 진행 - 사용자 경험 개션을 위한 페이지 구조 설계 및 업데이트 주도 2. 안드로이드 애플리케이션 개발 기획 및 관리 - 애플리케이션 기획 및 기능 정의를 통해 프로젝트 진행 방향 설정 - 외주 업체와 협업하여 개발 프로세스 관리 및 품질 검수 - 화면 디자인 적용 3. 스마트 스토어 판매 등록 및 관리 - 상품 상세 페이지 기획 및 제작, 구매 전환율 향상을 위한 콘텐츠 제작