자격요건 및 우대사항

• HTML, CSS, 크로스 브라우징 및 반응형 UI 작업물
• 웹접근성, 웹표준(시멘틱 마크업)
• 자바스크립트 및 SASS, LESS

FrontEnd 구성

Node.js와 React 리액트 라이브러리를 이용하고 JSX문법을 사용하여 HTML을 그려주며, CSS는 Sass(SCSS) 전처리 도구를 이용합니다. 자바스크립트는(ES6)를 Babel사용 하여 트랜스파일링 합니다.

BackEnd 구성

mgdb atlas를 사용하여 스키마 및 간단한 데이터 Update, Modify, Delete, Remove 처리를 합니다.

사용 방법

portfolio, frontend, backend 해당 폴더에 들어가 $ npm install을 진행하여 필요한 페키지를 다운받습니다.

다운이 완료된후 $ cd portfolio 부모페이지로 돌아와 $ npm start 서버를 실행합니다.

$ npm install # 디펜던시 인스톨
$ npm start #개발모드 웹 서버 실행

Directory Structure

• backend - 스키마 및 mgdb atlas 계정정보, 데이터 Update, Modify, Delete, Remove 소스
  • node_moddules - backend에서 사용되는 모듈
• frontend - UI/UX 개발 소스
  • node_moddules - frontend에서 사용되는 모듈
  • src - 소스 파일
    • images - UI 이미지
    • styles - CSS Preprocessor(SCSS) 소스
    • views - 뷰 소스
• node_moddules - 웹서버에 사용되는 모듈