1. 왜 프로젝트로 공부해나가야 하는가?
-좋은 기회가 있을 때 제출할 자료가 생긴다
-문제 해결 능력 생긴다(구현, 문제, 해결 연습) : 면접 때 용이
2. 포트폴리오를 어떻게 만들어 나면 좋은가?
-시장 조사 > 가고 싶은 분야 선정 > 필요한 기술
-정적인 반응형 웹사이트 with HTML+CSS
-동적인 웹사이트, 웹게임 with JS
-백엔드 구축 with node.js
-동일한 프로젝트 구현 with 프레임워크, 라이브러리(React)
3. 포트폴리오에 추가할 프로젝트는 어떤것?
-히든 카드 프로젝트
-가고 싶은곳의 주요 기술/스텍을 1~2개에 초점
-독창적, 창의적인 아이디어
-자주 쓰는 앱들의 주요기능 카피
-ex. 카카오톡(사진, 동영상, 텍스트 전송), 페이스북(사진편집), 날씨 어플(위치), 게임
-클론 코딩한 경우 : 변형, 추가해보기!
-트렌디한 기술 찾아보고 창업 아이템도 발굴!
4. 좋은 아이디어/ 영감 받을 수 있는 사이트?
개발자의 똥손을 금손으로 바꿔준다!
pinterest >responsive websites/ mobile app검색 >다양한 웹사이트 /모바일
>라이브 데모 기능 있으면 해보기
>아이디어, 레이아웃 참고
>개발자 툴로 박스모델 확인하기>힌트 얻기
>다지인을 보면서 모바일vs데스크톱 차이 익히기
요리법, 집 꾸미기 아이디어, 영감을 주는 스타일 등 시도해 볼 만한 아이디어를 찾아서 저장하세요.
www.pinterest.co.kr
dribble : 다지아너들이 애용 >Websites, Responsive websites 검색 > 아름다운 디자인
Dribbble - Discover the World’s Top Designers & Creative Professionals
Discover the world’s top designers & creatives Dribbble is the leading destination to find & showcase creative work and home to the world's best design professionals. Sign up
dribbble.com
codepen.io : 움직이는 행성 등 JS >소스를 보면서 힌트를 얻을 수 있다.
>popular 탭 >다른 사람들의 작품 코드 확인 > 코드가 좋음
CodePen
An online code editor, learning environment, and community for front-end web development using HTML, CSS and JavaScript code snippets, projects, and web applications.
codepen.io
디자인적 요소 가미해서 사용자들이 쓰기 쉬운 프로젝트 만들기!
todo MVC
-동인한 프로젝트를 다양한 언어(JS, TypeScript,React, Vue) 비교하면서 공부 가능
-todo 동작하는 것 확인 > source클릭하면 깃허브로 이동 > 구현되어있는 것을 확인 가능
> 어떻게 다르게 구현 할 수 있는지 생각! >위의 사이트에서 아이디어 가져와서 병합
TodoMVC
Helping you select an MV* framework - Todo apps for Backbone.js, Ember.js, AngularJS, Spine and many more
todomvc.com
'프로젝트' 카테고리의 다른 글
| 드림코딩 : 마크다운(Markdown) + 깃허브 리드미 파일 작성 Tip (0) | 2021.04.01 |
|---|---|
| 조코딩 : API 개념과 플젝 활용 (feat. 카카오 책 검색 기능 구현하기) (0) | 2021.03.29 |
| 리드미 파일 작성 방법 (0) | 2020.10.22 |