안녕하세요 프론트엔드 개발자 정영훈 입니다.
최근에는 NodeJs 와 React를 공부하며 홈페이지를 개발중입니다.
아래 링크는 Node와 MongoDB, React를 사용하여 로그인시스템을 만들어보았습니다.
프로젝트 이름: 감포 오푸스
개발 & 퍼블리싱: 단독작업(디자인, 백엔드 제외)
개발기간: 6월 08일 ~ 6월 12일
작업내용: 기본템플릿을 사용하여 제작형홈페이지 개발(반응형)
사용기술: HTML, CSS, JavaScript, jQuery, PHP
비고: 아직 작업중인 홈페이지라 링크가 없습니다.
프로젝트 이름: sp다이닝
개발 & 퍼블리싱: 메인및 서브페이지(2개)
개발기간: 6월 01일~ 6월 05일
작업내용: 기본템플릿을 사용하여 제작형홈페이지 개발(반응형)
사용기술: HTML, CSS, JavaScript, jQuery, PHP
비고: sp다이닝과 다른작업 진행중 오푸스 진행을위해 다른분께 인수인계
프로젝트 이름: 앤의정원
개발 & 퍼블리싱: 단독작업(디자인, 백엔드 제외)
개발기간: 5월 11일 ~ 5월 18일
작업내용: 빌더와 기본템플릿을 사용하여 제작형홈페이지 개발(반응형)
사용기술: HTML, CSS, JavaScript, jQuery, PHP
비고: 아직 클라이언트쪽에서 수정사항이 있어 테스트 서버에만 작업완료
프로젝트 이름: 베베풀빌라
개발 & 퍼블리싱: 베베풀빌라 수정작업(단독)
개발기간: 5월 07일 ~ 5월 08일
작업내용: 클라이언트에 요구에 맞게 홈페이지 수정
사용기술: HTML, CSS, JavaScript, jQuery, PHP
프로젝트 이름: 남이섬 설리조트
개발 & 퍼블리싱: 단독작업(디자인, 백엔드 제외)
개발기간: 4월 24일~ 5월 06일
작업내용: 빌더와 기본템플릿을 사용하여 제작형홈페이지 개발(적응형)
사용기술: HTML, CSS, JavaScript, jQuery, PHP
비고: 모바일은 기존에 사용되는 홈페이지 사용
프로젝트 이름: 모모의다락방
개발 & 퍼블리싱: 단독작업(디자인, 백엔드 제외)
개발기간: 4월 17일 ~ 4월 23일
작업내용: 빌더와 기본템플릿을 사용하여 제작형홈페이지 개발(적응형)
사용기술: HTML, CSS, JavaScript, jQuery, PHP
비고: 모바일은 기존에 사용되는 홈페이지 사용
프로젝트 이름: 밀양펜션마을
개발 & 퍼블리싱: 단독작업(디자인 제외)
개발기간: 4월 13일 ~ 4월 16일
작업내용: 순수 하드코딩(반응형)
사용기술: HTML, CSS, JavaScript, jQuery
프로젝트 이름: 대부도 하이클래스
개발 & 퍼블리싱: 단독작업(디자인, 백엔드 제외)
개발기간: 4월 3일~ 4월 10일
작업내용: 빌더와 기본템플릿을 사용하여 제작형홈페이지 개발(반응형)
사용기술: HTML, CSS, JavaScript, jQuery, PHP
프로젝트 이름: 위코노믹스
개발 & 퍼블리싱: 2명작업(참여율 30%)
개발기간: 2월 ~ 3월
작업내용: 홈페이지 하드코딩 및 그누보드연동 게시판 작업
사용기술: HTML, CSS, jQuery, PHP, gnuboard
비고: 홈페이지 메인완료, 서브페이지 초기레이아웃, 게시판연동 후 후임자에게 인수인계
프로젝트 이름: 미세몬 홈페이지
개발 & 퍼블리싱: 단독작업
개발기간: 1월28 ~ 2월06 (1차완료)
작업내용: 홈페이지 하드코딩 및 그누보드연동 게시판 작업
사용기술: HTML, CSS, jQuery, PHP, gnuboard
프로젝트 이름: GOGO바둑마스터
개발 & 퍼블리싱: 단독작업
개발기간: 7월 ~ 10월 (1권개발 완료)
작업내용: epubViewer 프레임워크를 기반으로
커스터마이징, 바둑개발, 기타 뷰어 기능연결 및 오류 수정,
IE, Edge, Anidroid, Ios, DesktopApp 플렛폼에 퍼블리싱 및 크라스브라우징.
사용기술: HTML, CSS, JavaScript, jQuery, node.js, nw.js,
fabric.js등
프로젝트 이름: 칠교놀이
개발 & 퍼블리싱: 3명작업(참여율 60%)
개발기간: 4월 ~ 7월(칠교놀이및 에너지골드버그)
작업내용: node.js, soket.io.js, plain-draggable.js 등을 이용하여
칠교놀이를 2명의 클라이언트가 게임을하여 완성하면 서버화면에 출력해주는 게임 개발 및 퍼블리싱
사용기술: HTML, CSS, JavaScript, jQuery, node.js, soket.io.js,
plain-draggable.js
비고: 이 게임을 플레이하시고 싶으시면 국립광주과학관 2층 1관 2존 빛과 소리의 칠교놀이를 찾아가시면
됩니다.
아래 링크는 공식 홈페이지에 기재된 내용(06번에 있습니다)
국릭광주과학관 홈페이지(click)
프로젝트 이름: First Phonics
개발 & 퍼블리싱: 참여율70%
개발기간: 1월 ~ 4월
작업내용: 사회평론 중국진출용 어린이 영어앱 개발
하이브리드앱으로 앱제외, 내부컨텐츠(게임제외)외 모든 컨텐츠 개발및 퍼블리싱, 게임수정,
Anidroid, Ios 최적화
사용기술: HTML, CSS, JavaScript, jQuery, jQueryUI
구글플레이 링크: https://play.google.com/store/apps/details?id=kr.ninth.firstphonics
프로젝트 이름: 뮤직빌리지 음악역1939
개발 & 퍼블리싱: 2명작업(참여율90%)
개발기간: 11월 ~ 12월(2~3주)
작업내용: 가평뮤직빌리지 1939 홈페이지 개발, 퍼블리싱,
Android최적화
사용기술: HTML, CSS, JavaScript, jQuery, bxSlider.js
비고: 파견직일때 계약에없는 프로젝트였음.
4~5개월 사용후 모바일및 DB연결 최적화를 위해
리뉴얼함
리뉴얼사이트 링크: http://www.musicvillage1939.com/
프로젝트 이름: 동아 디지털교과서
개발 & 퍼블리싱: 단독작업
개발기간: 10월 ~ 12월
작업내용: 동아 디지털교과서 고등영어1, 2, 3학년 교제 HTML, CSS, image, JavaScript등
오류 수정및 추가 IE 크로스 브라우징
사용기술: HTML, CSS, JavaScript, jQuery
프로젝트 이름: 능률 디지털교과서
개발 & 퍼블리싱: 4명작업(참여율40%)
개발기간: 10월 ~ 12월
작업내용: 능률 디지털교과서 중학영어 1, 2, 3학년 교제 HTML, CSS, image,
JavaScript등 오류 수정및 추가
사용기술: HTML, CSS, JavaScript, jQuery, jQueryUI
링크: TO DO LIST
nodejs mongoDB GoogleCloud 를 이용한 TO DO LIST
링크: Youtube
React, Redux, NodeJs, MongoDB, AntDesign, react-app-polyfill 을 이용한 Youtube
링크: MOVIE APP
React, Redux, NodeJs, MongoDB, AntDesign, react-app-polyfill 을 이용한 MOVIE_APP
링크: LOGIN SYSTEM
React, Redux, NodeJs, MongoDB, AntDesign, react-app-polyfill 을 이용한 로그인시스템
링크: ShoeShop
React, PWA 를 이용한 쇼핑물 스타일웹앱
링크: 영화검색 웹앱
보기
Nomadcoders React 수업중 React와 MovieDatabase API를 사용하여 만든 영화 검색웹앱
링크: Blog style hompage
React, Redux, react-app-polyfill 을 이용한 간단한 블로그 스타일 웹
링크: YTS API를 이용한 간단한 영화
소개웹
Nomadcoders 의 ReactJS기초수업중 YTS API를 이용한 간단한 영화 소개웹
링크: 반응형 Blooger
Daily Tuition 의 Blooger Website 코딩 연습
CSS3 Variable과 Grid 등을 사용 하여 Blooge 스타일의 반응형 사이트 구현
링크: 반응형 UIWebsite
Daily Tuition 의 UIWebsite Website 코딩 연습
Bootstarp 4.1.2버전과 ScrollReveal을 사용하여 scroll animation구현
링크: 영화검색 웹앱
보기
Nomadcoders React 수업중 React와 MovieDatabase API를 사용하여 만든 영화 검색웹앱
링크: YTS API를 이용한 간단한 영화
소개웹
Nomadcoders 의 ReactJS기초수업중 YTS API를 이용한 간단한 영화 소개웹
링크: localstorage를 사용한
간단한 예제
Nomadcoders 바닐라스크립트 챌린지중 200명 이상이보고 5명이 fork해간 간단한 예제
NomadCoders 바닐라스크립트 챌린지중 input range와 youtube api를 이용한 간단한웹
링크: 가상화페 실습
NomadCoders React챌린지중 가상화페API를 이용한 간단한 실습
링크: 계산기 실습
Nomadcoders 바닐라스크립트 챌린지중 계산기 실습
링크: css연습
카카오 코딩 챌린지 중 css연습
링크: 카카오 코딩챌린지중 html,css 연습
카카오 코딩챌린지중 html,css 연습
링크: cook_app
카카오 코딩 챌린지 cook_app
링크: 카카오 코딩챌린지
보기
Nomadcoders 아카데미에서 열린 카카오 코딩 챌린지 2기에 참여하여
우수 졸업생으로 졸업.
챌린지 위키 링크
Ajax 를이용하여 임이의 data.json 파일을 읽어 동적으로 태그와생성 및 이미지를 불러오는 갤러리 페이지를 만들어 보았습니다.
링크: http://jyh7a.com/
이 포트 폴리오 사이트는 2017년 2월부터 10월까지 멀티미디어 웹퍼블리싱 과정을 듣고 처음으로 만든 포트폴리오 사이트입니다.
Repositories
(include private PROJECT)
Stars
Following
현재는 React 와 vue, angular 와 같은 front ui framework에 관심이 많습니다. 최근에 본격적으로 React를 공부 중이 있습니다.
Full Stack Developer 가 되는것입니다.
주로 강의 들으러 다닙니다.