npm install
npm run serve
npm install vue
npe install -g @vue/cli
‘No-Folio’ 는 자신이 진행한 프로젝트의 정보를 오픈소스를 활용하여 쉽게 가져올 수 있도록 하며, 미리 제작된 깔끔한 템플릿들로 포트폴리오에 프로젝트를 표현할 수 있게합니다.
또한 포트폴리오에 있어 중요한 스토리텔링 구조를 손쉽게 작성할 수 있도록 다양한 도구를 제공하며, 팀 또는 기업과 바로 연결할 수 있는 네트워크를 형성할 수 있습니다.
- 매년 증가하는 청년(15~29세) 실업률(9.9%, 2019.05 기준)을 보면 우리나라 청년은 어려운 길 위에 놓여있다 특히 전문적인 분야로의 취직을 위해서는 포트폴리오 작성의 중요성이 더 두드러진다.
- 기업은 원하는 능력을 지닌 개발자를 찾는데 시간적/금전적 비용을 지출하고 있다.
메인 화면 정의서: https://ovenapp.io/view/p6FUOL91qcHhYv5iY6H56LqTK8ZHKEEf/xdJsm
프로젝트 테마 화면 정의서: https://ovenapp.io/view/C8SMc4QWVo2UAyzmeh344UAxluCUl3hK/DPIpM
프레젠테이션: https://github.com/osam2019/WEB_NoFolio_Team/blob/master/OSAM2019_NoFolio.pdf
작성하고자 하는 프로필 내용을 빠르게 양식에 적용시켜볼 수 있도록 하기 위해서 로그인 전에도 작성이 가능하다.
로그인 화면. 구글과 연동하여 로그인.
로그인 후에, 기존 데이터가 존재한다면 해당 데이터를 불러올 수 있다. 확인을 누르면 해당 데이터 로드한다.
로드된 기존 데이터.
Github에 있는 프로젝트를 불러오기 위해서 Github 유저 이름을 입력한 후 다음으로 넘어간다.
자신의 프로젝트가 나열되고, 그중에 추가하고 싶은 프로젝트를 선택한다.
선택한 프로젝트가 입력될 포트폴리오 양식을 선택한다. ※ 다양한 양식을 제공할 계획.
양식을 선택하였다면 프로필 양식에 이어서 해당 프로젝트가 추가된 것을 볼 수 있다.
대시보드 화면. 공유된 포트폴리오의 내용 중 사용자 이름과 코딩 능력, 자기소개, 주력 언어, 프로필 사진 정보가 공유 컨테이너에 담기게 된다.
언어 선택 박스에서 원하는 언어를 선택하여 해당 프로그래밍 언어를 사용하는 사용자만을 추려낼 수 있다.
컨테이너 박스를 클릭하게 되면 해당 사용자의 포트폴리오 정보가 표시된다. 해당 이미지는 프로필 부분.
해당 이미지는 프로젝트 부분.