[드림코딩 by 엘리] 개발자 취업을 위한 포트폴리오 만들기 | 취업에 성공하는 포트폴리오 관리법, 프론트엔드 공부 방법 ⭐️

개요

지난 영상 - 개발자로 빠르게 취업에 성공을 위해 가능한 많은 프로젝트를 만들어 보고 포트폴리오를 조금씩 완성해 나가는 것이 중요

문제점 -  많은 분들께서 어떻게 프로젝트를 만들면 좋은지 / 어떻게 포트폴리오를 완성해야 하는 건지 / 도대체 어떻게 하면 되는지 모른다.

Q. 이론을 빡빡하게 다 알고 있는데 막상 만들려고 하면 어떻게 시작해야 될지 모르겠어요

Q. 저의 온라인 강의를 통해서 프로젝트를 따라 만드는 건 굉장히 많이 해 왔는데 막상 됐고 만들려고 하니까 어떻게 해야 될지 모르겠어요
Q. 이 스택에 다 공부한 다음에 나중에 진짜 멋있는 포트폴리오를 완성해 나갈 거예요

 

이번 영상에서는:

1. 왜 프로젝트 단위로 공부해 나가는 것이 중요한지

2. 포트폴리오는 어떻게 만들어 나가면 좋은지

3. 어떤 프로젝트를 포트폴리오의 넣으면 좋은건지

4. 좋은 아이디어와 영감은 어디서 찾을 수 있는지

 

본문

1. 왜 프로젝트 단위로 공부해 나가는 것이 중요한지?

개발 공부를 잘하기 위해서는 작은 프로젝트라도 직접 조금씩 만들어 보면서 해나가는 것이 제일 효율적이다.
현업 프로젝트에 투입된 신입들 중 잘하는 사람과 못하는 사람들 차이점은 작은 프로젝트를 만들어 본 적이 있는지 없는지에서 오는 것 같다.
프로젝트 단위로 진행해 나가야 실용적인 방법들을 많이 배울 수 있고, 결과물이 눈으로 보이기 때문에 성취감도 생기고, 또 작은 모멘텀이 조금씩 생긴다.
프로젝트 단위로 만들어 나가면 포트폴리오에 하나씩 추가가능함.
추후 채용 시장이 활성화 및 이직 또는 인턴 기회가 생겼을 때, 당장 제출 가능한 결과물이 준비되어 있기 때문에 든든한 마음으로 공부해 나갈 수가 있다.
제일 중요한 이유는 Problem Solving Skills(문제 해결 능력)을 연습할 수 있는 좋은 기회이다.
문제해결능력은 개발자에게 중요한 자질이고, 이론 위주의 공부 혹은 따라하기 식의 프로젝트를 만드신 분들이라면 문제해결 능력을 절대 키울 수가 없다.
작은 프로젝트라도 내가 어떤 프로젝트를 만들 건지, 어떤 기능들을 구현해 나갈 건지, 기능들을 구현하기 위해서는 어떻게 해나가야 하는지를 조금 연습하면 문제해결 능력을 자연스럽게 연습 가능하다.

신입 개발자 면접 시에 경력↑, 문제해결능력↓ vs 경력↓, 문제해결능력↓ 중 후자를 뽑는다.

 

2. 포트폴리오는 어떻게 만들어 나가면 좋은지 (어떤 프로젝트를 만들어 나가면 좋을지?)

개발 시장조사 후 가고 싶은 분야가 정해졌다면 그 분야에서 어떤 기술을 쓰는지 조사가 되어져 있다.
그리고 그 기술들을 배우기 위해서 어떤 것부터 차근차근 해 나가면 좋은지에 대한 정리가 되어 있다면

e.g. Front-end

• Static Website 제작: HTML + CSS + Responsive(반응형) + 디자인적 UI
• 책을 처음부터 끝까지 보지 말고, 프로젝트 단위로 만들어 나가며 모르는게 나올시에 필요한 것만 공부
• Dynamic Website 제작: Javascript(node.js 등) 공부 후 Web API 및 Back-end 통신하는 부분 공부
• Franework 활용 SPA 제작: React.js 등
• 동일한 프로젝트를 다른 라이브러리를 활용해 제작해 봄으로써 비교 및 이해력을 높일 수 있다.

3. 어떤 프로젝트를 포트폴리오의 넣으면 좋은건지

학습하며 만든 프로젝트는 퀄리티가 조금 떨어질 수도 있으므로 포트폴리오에 넣지 못할 수도 있다.
공부해 나가며 포트폴리오에 올릴 '히든카드' 한, 두가지 준비하기.

• 진출하고자 하는 기술/스택을 1~2개에 초점
• 독창적이고 창의적일수록 👍

이제 개발 시작하시는 분들이라면 아직 이런 아이템들이 없는 게 당연하다.

왜? 우린 이제 신입이니까.
독창적인 아이디어가 없다면, 매일 방문하는 웹 사이트 / 매일 쓰는 어플리케이션에 대해 생각해보자.
주된 기능들을 나열해 보면서, 개인적인 생각에 해당 어플리케이션/웹사이트가 제공하는 주된 최고의 기능은 무엇인지 생각해보자.
그 중에서 자신감있게 구현할 수 있거나, 진출하고자하는 분야의 스택들을 활용해 제작할 수 있는 후보들을 먼저 선별 한 다음 구현해보자.

 

▶ E.g. 엘리's Application

1. 채팅 어플리케이션
   • 친구 목록 관리
   • 사진 동영상 텍스트를 전송
   • node.js를 활용해 Back-end까지 구축하면 제일 좋겠지만 기술이 아직 없으면 Front-end에서도 Flex Service Layer를 활용해 미리 정해진 응답을 구현하여 통신하는 척을 하는 어플리케이션을 구현 가능하다.
2. 페이스북/인스타그램
   • Image File Upload, Edit
   • Image File Resize
   • Sticker, Drawing
3. 날씨 어플리케이션
   • 위치기반 날씨
   • 즐겨찾기
4. 게임 (Vanila JS)
   • 벽돌깨기, 점프 장애물 게임

결론

프로젝트를 다 배운 다음에 만들지 말고, 배우면서 간단한 아이디어로 조금씩 만들어 나가는 것이 중요하다.
온라인에서 따라하기 식으로 프로젝트를 제작했을을시, 그 아이디어를 변형 혹은 기능추가 후 직접 다시 한번 만들어 보는 것이 중요하다.

Problem Solving Skills(문제 해결 능력)은 개발자의 가장 중요한 자질이다.

취업했을 때 단순히 주어진 코딩만하는 노가다식의 개발자가 되고 싶지는 않기 때문에, 평소에 시장에서 어떤 아이디어/기능들이 인기가 많은지 분석해 나가는 것이 필요하다.

 

---

출처. https://www.youtube.com/watch?v=KJUdqPDAtTI&ab_channel=%EB%93%9C%EB%A6%BC%EC%BD%94%EB%94%A9by%EC%97%98%EB%A6%AC