개인 또는 그룹 포트폴리오
이미지 판매 사이트 (ImageShop) React + Redux-saga + Typescript 로 제작한 이미지 판매 사이트입니다. 저장소: https://github.com/ayaysir/React-ImageSell 참고서적 및 API 서버 출처: 실전 리액트 (온노트) 영상으로 보기 특징 외부 API 서버를 이용한 SPA 형태의 홈페이지 React-router를 이용한 URL 라우팅 구현 Functional Hooks 사용, MVVM 패턴에 맞춰 페이지, 컨테이너, 컴포넌트 역할 구분 관리자 더보기…
현대음악가인 Steve Reich의 Clapping Music이라는 곡을 바탕으로 만들고 있는 리듬게임입니다. 원곡 동영상 데모 동영상 생각보다 배치가 어려워서 연습을 많이 해야할 것 같습니다. 데모 사이트 https://clapping-music.netlify.app/ 스페이스 바를 누르면 게임을 시작합니다. 왼쪽 키는 f, 오른쪽 키는 j를 눌러주세요. 크롬에서 실행하는 것을 권장합니다. 저장소 https://github.com/ayaysir/TypeScript-ClappingMusic/ 사용 기술 TypeScript 더보기…
저장소 https://github.com/ayaysir/saga-board-1 사용 기술 ReactJS React Hooks API Axios ES6+ JavaScript HTML CSS React-Redux Redux-Saga 주요 기능 외부 API를 통한 CRUD 기능 이미지 파일 전송 및 표시 기능 스크린샷
깃허브 https://github.com/ayaysir/pseudo-kiosk-haksik 제작 연도 2018 사용기술 Java(Swing UI + 네트워크 소켓), CSV 제작 목적 프로그래밍 학습과 더불어, POS 및 KIOSK 원리 파악의 목적을 위해 제작하였습니다. 프로젝트 구조 주요 특징 및 스크린샷 학식(학생식당)에서 사용할 수 있는 KIOSK 머신용 프로그램과 주방 프로그램, 관리 서버로 더보기…
https://github.com/ayaysir/movie-reactjs React(리액트)의 functional hook + Material UI 를 이용한 영화 정보 제공 사이트입니다. (주의: 입사용 과제테스트로 수행되었으며 불합격 통지를 받은 결과물입니다. 요구사항은 대부분 구현되어 있습니다.) 사용 기술 ReactJS React Hooks API Axios ES6+ JavaScript HTML CSS Material-UI 주요 기능 외부 API를 통해 영화 정보를 보여줌 무한 스크롤 (Infinite 더보기…
스프링 부트(Spring Boot) + Vue.js 예제: 게임 정보 제공 사이트 (스타라이트 스테이지) About this site 아이돌마스터 신데렐라 걸즈 스타라이트 스테이지(데레스테) 게임 정보 제공 사이트입니다. Link http://dere.yoonbumtae.com 사이트는 AWS 프리티어 기간이 만료되어 폐쇄했습니다. 서비스 당시 모습을 영상으로 볼 수 있습니다. Github https://github.com/ayaysir/deretopic 기술 스택 구현 내용 구현 더보기…
MIDI란 컴퓨터 음악을 위한 규격화된 포맷으로 미디 표준을 지켜 만든 음악 파일들은 미디 플레이어 등에서 실행할 수 있으며 오늘날 음악 제작에서 필수적으로 사용되고 있습니다. 자세한 내용 미디 플레이어는 자신이 가진 미디 파일을 인터넷상에 업로드하고 어디서나 재생할 수 있는 웹사이트입니다. AWS를 이용해 인터넷상에서 접근 가능하도록 했습니다. 개발 일지 스프링 부트(Spring Boot) 더보기…
깃허브 주소: https://github.com/ayaysir/vue-todo Vue.js로 만든 할 일(todo) 관리 애플리케이션입니다. 주요 기능 입력, 수정, 삭제 기능 목록 표시 기능 목록을 JSON으로 저장하여 localStorage에 동기화 작성 날짜 표시 기능 모든 목록 삭제 기능
개요 이 예제는 예전에 만들었던 Spring Boot 예제: 초간단 게시판 과 비슷한 예제인데, 이클립스 대신 인텔리제이 커뮤니티 버전을 바탕으로 이전에 사용하지 않았던 JUnit 단위 테스트, JPA, Lombok 등을 사용하였고, 아마존 웹 서비스와 Travis CI라는 자동 배포 서비스를 이용해 외부 인터넷 상에서 접속할 수 있도록 하였습니다. 과정의 대부분은 스프링 부트와 AWS로 혼자 구현하는 웹 더보기…
스위프트(Swift)로 만든 iOS용 스탑워치(StopWatch) 앱 예제 사용 도구 Swift, Xcode 깃허브 링크 https://github.com/ayaysir/iOS-StopWatch 제작 시기 (iOS) 2020.2.26 ~ 2020.3.5 (WatchOS) 미정 주요 기능 스탑워치 기능: 시작, 일시정지, 종료 등 로그 기록 및 조회 기능 사용자가 스탑워치 스타일(색상, 폰트, 사이즈)을 꾸밀 수 있음 스크린샷 더보기…