02. 프론트엔드 신입 개발자 취업, 포트폴리오 구상부터

지난 4개월간 공부는 열심히 해왔는데 막상 포트폴리오를 만들자니 막막합니다.

뭐든 입문자에게는 앞서간 분들의 수기와 경험담이 유용한거 같습니다.

 

저도 종종 유튜브와 구글 검색으로 다른 사람들 이야기를 찾아보곤 하는데요.

오늘은 아래 글을 발견했습니다.

저와 같은 신입 개발자, 비전공자라는 점이 와닿았어요.

 

 

www.inflearn.com/pages/weekly-inflearn-14

[주간 인프런 #14] 신입 개발자 포폴로 취업하기 -

 

눈여겨본 내용을 몇 가지 추려봤어요.

 

 

---

1. 포트폴리오에 내 이야기 녹여내기 (내 경험, 개발을 하게된 계기)
2. 포트폴리오 피드백 받기
3. 채용공고는 원티드, 로켓펀치, 잡코리아를 이용
4. 채용공고에 경력 1년, 3년이어도 지원한 점 (신입이지만)
5. 'developer portfolio', 'portfolio template'로 레퍼런스 검색

 

저도 동의가 되고 좋다고 생각이 들어서 따라보려구요.

포트폴리오를 만들기에 앞서 나에 대해 정리해보기로 했어요.

 

 

내 강점이 뭘까?

---

내가 가진/다뤄본 기술 스택들

 

HTML, CSS, JavaScript

SASS

React, Redux

Node.js, MongoDB

Firebase, Firestore

 

 

이중에서 꼽으라면 단연 React와 Redux라고 할수 있을거 같아요.

가장 익숙하기도 하고 좋아하기도 해요.

 

React는 JSX를 사용해서 HTML과 JavaScript를 같이 사용할 수 있는 점이 정말 좋아요.

또 Component로 웹페이지에서 반복되는 요소를 효율적으로 관리할수 있구요.

물론 유명한 프레임워크다보니 커뮤니티와 라이브러리가 잘돼있는 점도 개발에 상당한 이점입니다.

 

Redux는 데이터를 중앙화할 수 있다는 것이 키포인트인거 같아요.

Direct Child에게만 데이터를 넘겨줄 수 있는 Props, 이걸 쓸바에는 그냥 Redux가 낫겠다는 생각이 드는 Context에서 단비와 같은 녀석이죠.

Redux Action 타입을 Request, Success, Fail로 나눠서 관리하면 디버깅도 편하더라고요.

 

 

포트폴리오에 실을 프로젝트?

---

포트폴리오에 실을 프로젝트는 세 개를 만들기로 했어요.

공부하면서 따라했던 프로젝트는 과감하게.. 빼기로 했고요.

각각의 컨셉을 정해보았습니다.

 

<첫번째 프로젝트 />

CRUD(Create, Read, Update, Delete)를 적용한 풀스택 프로젝트

프론트엔드 개발자지만 백엔드에도 접점이 있음을 어필하기

React, Redux, Sass, Firebase 및 Firestore 사용해서 완료

 

<두번째 프로젝트 />

감각적인 Product Landing Page

Parallax Scrollling, Intersection Observer, CSS Animaiton 등을 적용해서 매력적인 디자인

 

<세번째 프로젝트 />

API를 활용한 웹앱 서비스 만들기

D3.js를 활용한 데이터 시각화

 

첫번째 프로젝트는 완료했고 나머지 두개의 프로젝트와 포트폴리오용 웹페이지가 남았습니다.

앞으로 한달간 1월 중순까지를 기한으로 삼고 진행해보려 합니다.

 

 

포트폴리오 구성을 어떻게 할까?

---

제 포트폴리오 웹페이지에 넣을 수 있는 내용을 정리해봤습니다.

원래는 프로젝트만 올리려고 했어요.

그런데 오늘 읽은 글에 도전을 받아 나를 표현하고 제 이야기도 담아보기로 했습니다.

 

프로젝트, 기술 스택

작업하는 사진

개발을 하게된 계기

블로그, GitHub 링크

교육사항

 

저만의 홈페이지가 생긴다고 생각하니 기대가 되고 재밌을거 같네요 :)

초기 구상은 이정도로 마치고 참고할만한 포트폴리오 자료를 모은뒤 다시 구체화해야겠어요.