/jinfreedev

Simple to introduce myself to polio project.

Primary LanguageJavaScript

Introdution

나를 소개하는 페이지 / 지금까지 작업한 프로젝트 ( Vanilla JS , React , Next, Node로 만든 프로젝트 ) 소개 - 2019.09.04 기획 시작

index.html

  1. particle-canvas 라이브러리를 사용

  2. My name is Seong Jin -> Developer -> Start

  3. 정중앙에 Start 버튼을 클릭 시 Home.html페이지로 이동

Home.html

  1. Header 부분 : 홈 버튼 / Main title / (My info, Project, +(magnific-popup라이브러리를 사용하여 창 띄우기)) 헤더 오른쪽 -> Home / About / Project
  1. Section 부분 : 프론트엔드 개발자로 길을 선택한 이유 , 나의 소개 , 사용해본 기술과 관심있는 기술( 제이쿼리와 애니메이션을 활용하여 구현 )
<ul>
<li>I am</li>
<li>About me</li>
<li>Timelines</li>
<li>Skills</li>
<li>Hobby</li>
</ul>
  1. Footer 부분 : 상단 간단한 마무리 + ( 이메일 / 전화번호 / Git주소 ) , 하단 (Github주소 , Facebook / Last Updated On 날짜 / © 2019 SJ KIM)

Project.html

프로젝트를 선택했을 시, 바닐라 자바스크립트 프로젝트는 모달창 형식으로 띄우기

리액트 / Node / Next 프로젝트는 직접 배포한 프로젝트를 직접 작동 해볼 수 있도록 url 이동

  1. 첫 번째 프로젝트 - 마블 카드 뒤집기 게임 (바닐라 자바스크립트로 100% 구현하였으며 간단한 HTML과 CSS로 디자인적인 부분도 입혀 자바스크립트와 친해지는 계기가 된 프로젝트)

  2. 두 번째 프로젝트 - 방탈출 게임 ( 자바스크립트 위주로 주로 이미지를 이용하여 이벤트 핸들러 함수와 콜백함수 내에 작성하여 간단한 애니메이션 효과를 넣어 게임을 만들어 보았습니다. )

  3. 세 번째 프로젝트 - 테트리스 게임 ( 자바스크립트 공부가 더 필요하다 생각하여 이번에는 자바스크립트 주로 사용하여 구현하였습니다. 테트리스 알고리즘을 생각하고 구현을 하였으며 방향전환 부분에서 막혀 오픈소스들을 참고하여 코드를 참고하여 완성은 하였습니다.)

  4. 네 번째 프로젝트 - 할리스커피 홈페이지 제작 ( CSS로만 HTML을 스타일링 하였는데 SCSS 강의를 듣고 직접 어떤 홈페이지를 만들어보기 위하여 간단하게 메인 페이지만 만들어보았습니다.)

  5. 다섯 번째 프로젝트 - 교내프로젝트 ReOrder ( 처음으로 팀원들을 꾸려 프로젝트 제작 (비콘을 이용한 주문예약 시스템) 으로 서버라는 개념을 처음 알게되어 전체적인 기획 과 Node 서버 구축 (사용자와 웹쪽 REST API방식으로 데이터 처리) 를 100% 맡았으며 리액트 라이브러리를 사용하여 관리자 웹을 구축 및 사용자의 안드로이드쪽은 다른 두 친구가 개발을 진행하였습니다. ) - ( 서버와 웹 쪽 코드는 가지고 있어 배포는 가능하나 사용자- 안드로이드 소스가 없어 어떤식으로 나타낼지 보류 중 )

  6. 여섯 번째 프로젝트 - 교내 팀 프로젝트 SWOT (마지막 학기 수업으로 수업 보다는 프로젝트 경험이 더 중요하다고 생각하여 타 학과 졸업 프로젝트 수업을 들음 ( 총 4명 에서 팀을 이루었으며 웹(Next.js), 서버(스프링), 앱(안드로이드)를 개발하였으며 저는 전반적인 기획과 웹 부분을 전담하여 담당했습니다.) - 기능 구현 완성 , 에러 처리 및 리팩토링 중

  7. 일곱 번째 프로젝트 - 개인적으로 기획부터 시작하여 프론트,백을 혼자서 만들어 보는 경험을 위해 Express Framework와 React, MongoDB, TypeScript를 사용하여 개발 예정 (기획 80% 완료 .. DB 설계 중 - 2019.11.25 ~ 진행중