Portfolio
React + Redux-Saga 로 만든 이미지 상품 게시판
저장소 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/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) 미정 주요 기능 스탑워치 기능: 시작, 일시정지, 종료 등 로그 기록 및 조회 기능 사용자가 스탑워치 스타일(색상, 폰트, 사이즈)을 꾸밀 수 있음 스크린샷 더보기…
스위프트(Swift)로 만든 iOS용 Todo 앱 예제 사용 도구: Swift, Xcode 앱 깃허브 스프링부트 서버 깃허브 (관련 글) 제작 시기: 2020.2.18 ~ 2020.2.25 특징: 네트워크로 API 서버에 접속해 저장 정보를 주고받음
japan-lyric – 일본어 가사를 Quizlet 포맷으로 변환합니다. ruby – 루비(ruby) 문자 태그를 생성합니다. 미디 플레이어 – 여러 미디 파일을 재생합니다. 주파수 테이블 – 음악 주파수 테이플을 표시합니다. 음악 스케일 – 음악 스케일을 조회합니다. Three.js 예제 – Three.js 예제 (하수도 횡단면도 표시) 웹 유틸리티 유용한 웹 유틸리티