드림엘리 : 프론트엔드 입문 - 8. 프로젝트 & 포트폴리오 관련

1. 왜 프로젝트로 공부해나가야 하는지
   • 실용적인 방법들을 많이 배울 수 있고 결과물이 눈으로 보여서 성취감도 생김
   • 중요한 이유 : 문제 해결 능력을 연습해 볼 수 있음(개발자의 중요한 자질)
2. 포트폴리오를 어떻게 만들어 나가면 좋은지
   • 분야에 필요한 기술 정리
     -html+css만 안다면 : 정적인 반응형 웹사이트
     • javascript : 동적인 웹사이트(서버에서 데이터를 받아옴) -> node.js를 이용해서 백엔드 구축도 해보면 좋음 -> 프레임워크를 이용한 SPA(동일한 프로젝트) 만들어보기
3. 포트폴리오에 추가할 프로젝트는 어떤 것들?
   • 히든카드 프로젝트
   • 가고자하는 분야에서 중요한 기술/스택을 1-2개에 초점
   • 독창적인, 창의적인 아이디어
   • 자주 쓰는 앱들의 주요 기능 카피(가고자하는 분야에서 중요한 기술을 활용하면 더 좋음)
   • 추천 프로젝트
     • 채팅 어플리케이션 만들어보기(백엔드 기술 없다면 미리 지정된 응답을 구현해서 채팅하는 척하는 앱 만들 수도 있음)
     • 사용자 PC에 있는 사진 불러와서 간단한 편집 할 수 있는 웹 어플리케이션(스티커, 그리기, 사이즈 조절 등)
     • 날씨 어플리케이션(즐겨찾기 도시, 내위치 조회)
     • 벽돌쌓기 게임, 점프에서 장애물 피하는 게임
   • 배우면서 간단한 프로젝트를 만들어나가는 것이 중요, 온라인에서 따라하기 쉬운 프로젝트를 따라하더라도 기능을 추가하는 등의 변형해서 만들어 보는 것이 좋다
4. 좋은 아이디어/영감을 받을 수 있는 사이트들
   • 키워드: websites, responsive(반응형) websites(실제 링크된 사이트들 적극 활용)
   • pinterest
   • dribble
   • 모를 때는 웹 developer 툴 활용
   • codepen 내 다른 사람들의 프로젝트 소스들 참고(popular)
   • 애니메이션을 가미하는 것이 좋음
   • TodoMVC : 투두리스트을 각 다른 언어(js 종류)로 구현한 코드들 비교 확인 가능(source->github) ->참고해서 변형해보면서 만들어보기
   • todolist 만들면서 자바스크립트 연습

개발자의 중요 자질

• 문제 해결 능력
• 시장에서 어떤 것들이 인기가 많은지, 어떤 기능들을 사용자가 좋아하는지 분석하는 연습하기