shldhee/study-project

포트폴리오

PortFolio

• 포트폴리오입니다.
• https://shldhee.github.io/study-project/

설명

• 사용기술 : ES6, SCSS
• 실무에서 사용하지 못하고 개인적으로 학습한 기술들로 만들었습니다.
• SCSS를 5개의 폴더 구조로 작업했습니다. 믹스인을 사용하여 반응형을 쉽게 대응했고 , 변수를 통해 색상을 관리했습니다.
• projectObject.js에서 데이터 객체 생성하여 스크립트에서 화면을 그리고 있습니다.
• map을 이용해 렌더링할 리스트를 만들었고 filter를 이용해 id값으로 레이어 팝업을 그릴 데이터를 가져옵니다. 마지막으로 reduce를 사용해 레이어 팝업 설명을 만들었습니다.
• 변수 선언, 이벤트, 함수 정의, 함수 실행 순으로 스크립트를 작성했습니다.

ToyProject

• LoveCalculatorProject(궁합계산기) : https://github.com/shldhee/loveCalculatorProject

  • 이름 2개를 적으면 궁합 API를 사용하여 확률을 계산해줍니다.
  • Node Express 사용하여 서버 올리고, AJAX 사용하여 API를 요청, 응답받았습니다.

• MemoryGame(카드뒤집기) : https://github.com/shldhee/memoryGame

  • 제한시간내에 2장의 카드를 클릭해 일치하면 점수가 올라가는 게임입니다.

• Veding Machine(자판기) : https://github.com/shldhee/VendingMachine

  • React를 기본 구조를 파악하기 위한 자판기

Study

• 그룹 프로젝트 스터디 : https://github.com/rosd89/the-colors
  • 하나의 주제를 갖고 개인별로 작업
  • 마일스톤, Pull Request, Issue, Code Review 활용
• 북스터디
  • 자바스크립트 코딩 기법과 핵심 패턴 : https://github.com/shldhee/javascript-pattern-study
  • 인사이드 자바스크립트 : https://github.com/shldhee/insideJS
  • 객체지향 자바스크립트의 원리 : https://github.com/shldhee/objectprinciple
  • ECMAScript6 : https://github.com/shldhee/es6-study
  • 속깊은 JavaScript : https://github.com/shldhee/deepjavascript
• GULP SETTING : https://github.com/shldhee/gulp-setting
• Vue : https://github.com/shldhee/playground-vue
• Vuex : https://github.com/shldhee/playground-vuex
• React, Node