[취업후기 2탄] 그래서 넌 프론트엔드 취업을 하기위해 뭘 어떻게 했는데? [2022. 04. 02]

우리 뵤뵨이 애기때 사진 ㅠ.ㅠ...뵤뵨이... 하튜...

 

 

 

https://tlsdnjs12.tistory.com/45

[취업후기] 뾱뾱아 엄마 해냈다!!! 비전공자 신입 프론트엔드 취업+공부과정 후기!!

 

 

💖 어떤 직장을 들어가고 싶었는지?!

 

[내가 들어가고 싶었던 직장조건]

1. 중소기업이라도 상관없이 내가 하고싶은 주제(디자인) 관련 회사.

2. 사수의 존재. ★★★★★★★★

3. 기왕이면 조금 가까운 곳.

4. 젊은사람들이 많이 일하는 곳.★★★★★

5. 내 앞날에 많은 경험과 도움을 줄 수 있는 곳.(물경력 방지)

 

 

 

우선 나는 내가 뛰어나지 않는다고 생각한다. 뛰어났으면 내가 애초에 공부를 잘했겠지...

나는 엄청 게으른 사람이지만 목표가 뚜렷하게 잡히면 그것을 열심히 하는 사람이었다.

 

첫직장도 중소, 두번째 세번째도 중소였다. 중소라고 다 이상한건 아니었다.

그중에서도 좋은 분들을 만나 많은 경험으로 단단해졌고 소심했던 내가 밝아지고 사회성도 좋아졌다.

 

지금도 항상 생각한다.

규모가 5인 미만만 아니라면, 토요일날 근무안하고 근로계약서 + 월차/연차만 있으면 ok

 

더 큰 꿈이있고 크게 되고싶으면 그리 가시면된다. 나와 굳이 같은 길을 갈필요는 없다 생각한다.

돈 더 잘버는거, 워라벨 좋은거 부러운데... 내가 가지못한다면 쳐다도 보지않는다.

 

다니다 현타와 불합리한 상황에 고통스러웠지만 그래더 시간이 지나고보면 날 단단하게 만든 시간이라 생각한다.

 

 

[내가 정말 가기싫은 회사]

1. 종교관련으로 시키는 회사.

(면접에서 잠깐 기도드린다 했는데... 아니 30분일찍와서 한다는말 쏙 빼먹고... 그 회사에서 나 제외 전부 교회다니는 사람... ㅂㄷㅂㄷ )

 

2. 과거의 작업에 심취해 발전하지 않는 사장이 있는 곳...

(가스라이팅 오지게 당해서 공황장애까지 생김.)

 

3. 말로만 뻔지르르하고 발전하지 않는 회사.

(곧 6일제가 5일제로 바뀔것이다 하는데 내가다닌 2년동안 바뀐거 없음. 희망고문 nono해!!! 보상은 확실하게!)

 

4. 근로계약서 안쓰는회사... ... (여러분 생각보다 많아요.)

 

 

 

💖 비전공자 프론트엔드 취업준비기간? 취업까지 한달생활비는 얼마정도?!

 

기본적으로 나는 누군가가 무엇을 준비할때 준비기간 6개월 기준으로 1000만원정도 준비해두라고 말한다.

그래야 그나마 풍족하게 지낼 수 있다. 

 

🔊 그래서 서스포 넌 얼마 준비했는데?

우선 나는 해고당한 상태로 고용보험 5년이니 실업급여로 7개월이 고정적인 수입이 존재하였다.

월 160만원 * 7개월 = 약 1100만원 정도 나온다.

 

회사 퇴직금 350만원 + 청년 내일체움공지 15회 450만원 + 매달 실업급여 160만원 정도의 금액을 가지고 왔었다. (회사 다니면서 모은돈은 쓰지않았다.)

 

 

🔊 저축에 미친여자 서스포

나는 월 100 ~ 140정도의 저축을 했다.

깨더라도 충분히 돈은 모와둬야한다 생각했기 때문이다.

 

돈은 쓰기 쉽지만 벌기 힘들다. 미래를 대비해서 무적건 돈은 모와야한다 생각하는 사람중 하나이다.

 

 

 

 

 

 

🔊 진짜 중요할때 사용할 비상금 200만원은 건들지 않기! 

 

 

🔊 그래서 한달생활비는?

회사 다닐때도 내 한달생활비는 평균 80만원 이었다.

어떻게 80만원으로 자취하는데 생활하죠? => 전세  + 사람을 안만나요....

 

회사를 안다니고부터 평균적으료 70만원정도로 생활했다!!! (교통비만 줄었다...)

 

갠적으로 계산하기 쉬운것은 기존 생활비  ( +- 20만원 )  정도로 계산하면 쉬울 것 같다.

 

[ 내 고정 지출비 - 40만원 ]

1. 집 관리금 : 5만원

2. 가스 + 전기 :  5만원

3. 핸드폰 : 10만원

4. 할부 : 10만원 (절대 10만원 이상은 넘지않도록 규칙을 만든..)

5. 한달에 한번씩 수고했다는 선물 : 5만원

6. 햄스터 맘마 : 3만원

7. 기타 구독서비스 : 2만원 (웹툰 정기결제만... (전 티비를 안봅니다.))

 

정도였다.  갠적으로 돈에 관해서는 입을 열지 않는편이다. 

굉장히 팍팍하게 사는편이고 소비를 하지않는편이라 사람들이 날 답답해 할수도 있고 

내가 사람들을 답답해 할 수도 있다. 그냥 개인 소비패턴으로.... ^^;;;

 

 

 

 

💖 SNS노예 서스포가 했던 SNS줄이는 방법!

 

적어도 내가 트위터에 있는 시간이 많았지만 활동은 하지않고 필요한 정보만 리트윗하는 것에 그쳤다.

인스타는 종종하지만 사람들 자랑하는 글에 내 인생이 불우해지는걸 느껴 하지않는다. 

 

개인적으로 힘든것을 트위터나 인스타에 풀지않고 혼자만의 일기장에 적으며 지냈다.

그 일기장을 보면 아직도 애잔하고..., 대견하고 그렇다 (훌쩍)

 

 

 

폰으로 어플을 사용하지 않기 위해 열품타를 이용했다.

(이거 쓰면 어플 차단댐. 그냥 핸드폰 시계되는거다.)

 

그리고 내가 불행해지지 않기위해 타인의 말들은 1선으로 배제하였다.

오롯 정보만 얻는다 그이상 그이하도 행동하지 않았다.

 

어떻게보면 혼자만의 시간을 즐겼다고도 할 수 있지만...,

그냥 최대한 핸드폰을 멀리하였고 컴퓨터로도 들어갈 수 있었지만 내 창엔 VS code와 인강을 우선적으로 열어뒀다. 그렇게 하다보니 자연스럽게 SNS가 줄었다.

 

 

🔊 좋게 말해뒀지만 솔직한 내 이야기.

매일 말같지도 않은 이슈로 떠드는거 인생낭비처럼 보이고,

븅딱같은 놈들이랑 말 엮이는것도 한두번이지...

 

난 그렇게 인생 허비하는 인간들이랑 동급으로 지내는거 싫음. 

그래서 SNS가 질려버린 것도 있다. 내 주변에 엄청 열심히 사는사람들 보면서

 

익명 or 자랑글 보며 허비할 시간에 걍 공부하는게 나에게 더 이득이지 ㅋ

SNS에서 얻을 수 있는 최대한의 방법을 알되,  불필요한건 전부 차단.

 

인생 그렇게 쉽지않다. 

 

 

 

 

💖 취업을 하기위한 공부시간! + 도움이 되었던 어플

 

갠적으로 추천하는 공부시간은 최소 6시간!

회사의 근무시간동안 공부를하였으면 좋겠습니다!!! (8시간 정도?)

 

주말은 전 쉬었습니다. 사퍼가 절 유혹해요 블랙맘마인줄;;;

 

 

🔊 서스포의 공부루틴!!

기상시간 오전 10 ~ 2시 사이 (컨디션에 따라 다르지만 보통 11시에 기상하고있다.)

취침시간 오전 4시~ 5시

 

보통 12시부터 공부를 시작해 다음날 새벽3시까지 공부를 했다. (평균 공부시간 9시간 )

중간중간 낮잠도 자고, 운동도 하고 그랬다. 

 

평일엔 열공을 하는대신 게임에 미친 서스포는 절대 게임을 하지않는 규칙을 가지고 공부를 임했다.

 

열품타를 추천하는 이유중에 하나가

 

 

내가 맨위 상단에 없으면 너무너무 화가나서 더 열심히했다.

저 맨 윗자리는 제 자리 입니다만!? 

 

 

 

 

 

🔊 어플추천

 

 

 

 

https://blog.naver.com/enkeejuniour/222644078870

서울대입구역 무료 스터디 카페 | 캐치 카페

 

 

https://cafe.naver.com/doitstudyroom/29715

☆Do it! 공부단, 이렇게 참여/활용하세요 (2021.5. 부터 적용)☆

 

Do it 공부단은 4개정도 했고 4권의 책을 무료로 제공받았습니다.

 

 

 

 

 

 

💖 내가 한 공부기간! (React.js 기준)

 

🔊 1. HTML5 / CSS3 - 1주 ~ 2주 

정리해둔 공책보고 놀라셨죠? 근데 저 저거 절반도 몰라요... 특히나 CSS3 부분은...

어느정도 지식을 쌓고 HTML5 / CSS3 로만 할수있는 클론코딩을 해보시길 바랍니다.

 

https://youtu.be/67stn7Pu7s4

 

 

🎠 HTML 5

 

 

 

 

 

 

 

 

🎠 CSS3

 

 

 

🔊 2 Javascript - 6주 ~ 8주

자바스크립트도 공책에 정리해뒀는데 차마 50p 넘는 내용을 업로드하기엔 나는 너무나도 나약하다...

 

1. 1주~ 2주 기본적인 지식을 쌓기

2. 노마드코더 바닐라 JS로 크롬 앱만들기 - 1주(만에 완성하기) / 2회진행 (총 2주)

3. 인터랙션 기능 만들기! (Scroll, Top Nav, Tap Menu, full scroll 등등... ) - 1주 ~ 2주

4. 부족한 내용은 블로그 내용정리  및 구글링 & 인강듣기

 

인강 4~5개 들으며 정리한 나의 자바스크립트 정리공책

 

 

이론보단 실제로 코딩하는게 더 중요합니다!!!... 전 이론위주라 많이 코딩을 못해서 아쉬워요 ㅠ

그렇다고 이론이 짱짱한것도 아님.. 걍 멍청해서 리셋...

 

 

 

 

 

🔊 3. React - 4주 ~ 6주

1. 인강들으면서 개인프로젝트에 넣을 만한 것 위주로 하기.

2. 상황이 좋으면 사람들과 스터디 or 단기 수업들어보기 (글쓴이는 단기수업을 들었다.)

3. 배우기 3주차부터 천천히 포트폴리오 구성하기 (+ 개인프로젝트)

 

 

 

🔊  4. 개인 프로젝트 + 포트폴리오 (1달~ 2달)

1. 개인 프로젝트 구성완료되면 만들기 (1개당 2주~3주)

2.  개인 프로젝트 진행하면서 자신을 소개할 사이트 디자인 밑 코딩!

 

 

 

포트폴리오는 여러개를 보여주는게 중요한게 아닙니다.
아주 잘하고 나의 장점만 살릴 2~3개 정도만 올려도 됩니다!!!

 

 

🔊  5. 기타지식 + 코딩테스트  (필요할때마다 그때그때 공부하십쇼.)

1. 구글링 + 인강 참고  => 블로그 정리

2. 자율적으로 열심히 하세요... 그냥 열심히 알아서 스케줄을 짜세요.

 

 

 

 

 

 

💖 공부 쉴 땐 뭐 했어!

 

 

 

 

예..., 망겜이랑 베이킹했습니다. 그림도 그렸고... 맛집 탐방도가고 운동팟도 만들어서 등산다니고... 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

💖 개발블로그 글 작성주제 선정법!

 

우선 모르는 것을 다이어리에 적어 놓고나 개인 카톡에 전부 전송해 두었다.

(언젠간 보겠거니 하고 우선 보내놓음)

 

 

가장 많이 주제선정에 도움이 되었던건 넵플러스 학원 수강이었다.

선생님께서 이걸 공부하면 좋다 하는 내용들은 다 찾아 정리해 두었다.

 

그렇다고해서 나를 따라할 필요는 없다. 

 

하고 모르는거, 업데이트 된거위주로 정리하다보면 쌓이고 쌓여 결국 모든걸 다루게 되어있으니!

기본적인 내용보단 모르는 내용을 확실하게 정리해주자! 

 

아니면 다른블로그에서 정리된 내용들을 참고해 나의 블로그의 글을 작성해주자!나는 1개의 포스팅을 위해 다른분의 블로그 최소 10곳 정도 글을 취합한 후 올리는 편이었다!!

 

 

 

 

 

 

 

💖 포트폴리오 계획하는 나만의 방법 (이런 프로젝트를 준비하였는지)

 

다른분들의 포트폴리오를 보는것이 가장 많이 도움이 된다!... (무난한거 하셔용 ㅎ)

나의 주제는 그렇게해서 돌고돌아 선정을 하였다.

영화 API를 사용해 넥플리스같은 홈페이지 or 유튜브  API를 이용햐 유튜브 클론코딩 중할려고 했음!

 

보통 3개월 ~ 4개월 차부터 어떤 포폴을 준비할지 차차 생각하면 된다!

 

 

🔊 도움이 되었던 포트폴리오 사이트

https://cdg-portfolio.com/

최덕경 포트폴리오 :: CDG's Portfolio

 

 

https://www.jeky22.com/#3

프론트엔드 개발자 - 이제찬 포트폴리오 웹사이트

 

 

http://parkjin.com/

App

(윗분 포트폴리오를 가장 많이 참고하였다!)

 

 

https://sbbts.com/

이석주의 포트폴리오입니다.

 

 

 

🔊 포트폴리오 관한 도움이 된 영상

https://youtu.be/C-aigHVu7Wg

 

 

 

https://youtu.be/U0BO5FRTfQU

 

 

 

https://youtu.be/kzUruxRRpco

 

 

 

 

 

💖 면접 팁! + 면접이후 내가 해야할 것 + 도움이 되었던 것!

 

 

일단 먼저 도전해보자. 겁먹지 말자! 우리는 당당해질 필요가 있다!!!

 

 

 

🔊 기술면접에 도움을 주었던 블로그 글

https://realmojo.tistory.com/300

프론트엔드 개발자 기술면접 인터뷰 질문 모음(업데이트)

 

 

 

🔊  코딩테스트 (프론트엔드 기준 Level 1 ~ Level 2) - 적어도 Level 1문제는 다 풀기! (근데 글쓴이는 우선 별로 안풀어봄 ㅋ)

https://programmers.co.kr/learn/challenges

코딩테스트 연습

 

 

 

🔊  혼자 풀기 부담스럽다면! 구매해서 인강으로! - 좋지도 나쁘지도 않음 딱 중간

하루에 5문제씩 풀고 인강! + 모르는 메소드부분은 블로그에 정리하는 형식으로 공부하였다! (깃허브에 올림)

https://www.inflearn.com/course/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EC%95%8C%EA%B3%A0%EB%A6%AC%EC%A6%98-%EB%AC%B8%EC%A0%9C%ED%92%80%EC%9D%B4

자바스크립트 알고리즘 문제풀이(코딩테스트 대비) - 인프런 | 강의

 

 

🔊  시간이 되고 기회가 된다면 면접 후기 꼭 올리기! + 또 면접질문 다시 답하는 글 작성 ★★★★★

https://tlsdnjs12.tistory.com/40

[면접] 멸망의 첫 번째 프론트엔드 면접 후기

 

https://tlsdnjs12.tistory.com/41

[면접] 열정이 넘치던 2시간 동안 진행 한 두 번째 프론트엔드 면접 후기

 

 

 

답을 제대로 하지 않았다면, 다시 정리해서 다음기회에 써먹기!!!

🔊 면접보기전 도움을 주었던 영상

https://youtu.be/7ye03TMi5SU

 

https://youtu.be/YD0XqbwNMQk

 

https://youtu.be/HFEurBNmMwM

 

 

 

 

 

💖 디자인도 했던 내가 홈페이지로 디자인했다! 보여준다 시안!!!

퍼블리싱 전에 어도비Xd로 디자인을 진행한 겁니다.

 

🔊 민턴인 리디자인 시안 (진짜 많습니다. 스크롤 주의!)

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

🔊 M O V E 시안

 

 

🔊 포트폴리오 시안

 

 

 

 

 

 

 

💖 내가 보고 정말 좋다느낀 사이트! 한번 맛봐라 정말 좋다.

 

 

 

🔊 프론트엔드 기술 면접을 위한 핸드북 만들기

https://github.com/junh0328/prepare_frontend_interview

GitHub - junh0328/prepare_frontend_interview: 📚 프론트엔드 기술 면접을 위한 핸드북 만들기

 

 

 

🔊 모던 자바스크립트 Deep Dive 책을 읽고, 함께 리뷰하는 스터디입니다. (2021.09.13~11.24)

https://github.com/ritajeong/javascript-study

GitHub - ritajeong/javascript-study: 📝모던 자바스크립트 Deep Dive 책을 읽고, 함께 리뷰하는 스터디입니

 

 

 

🔊 벨로퍼트와 함께하는 모던 리액트 튜토리얼 문서

https://github.com/velopert/react-tutorial

GitHub - velopert/react-tutorial: 벨로퍼트와 함께하는 모던 리액트 튜토리얼 문서

 

 

 

🔊 타입스크립트를 위한 클린코드 - 한글 번역판 🇰🇷

https://github.com/Kyounghwan01/clean-code-typescript

GitHub - Kyounghwan01/clean-code-typescript: 🚿 타입스크립트를 위한 클린코드 - 한글 번역판 🇰🇷

 

 

🔊 티씨피스쿨 - 개발블로그 정리 내용하기 좋음

https://www.tcpschool.com/

코딩교육 티씨피스쿨

 

 

 

🔊 Dev Scroll 블로그 - 메소드 등 기본 지식을 쌓기 좋음

https://inpa.tistory.com/entry/JS-%F0%9F%93%9A-String-%EB%A9%94%EC%86%8C%EB%93%9C-%E2%9C%8F%EF%B8%8F-%EC%A0%95%EB%A6%AC#thankYou

[JS] 📚 자바스크립트 String 메소드 💯 총정리

 

 

 

🔊 사이드프로젝트 입문기 

https://leeyeseul.tistory.com/39?category=781906 

사이드프로젝트 입문기(1) : 사이드 프로젝트를 시작하기 전에 - 목표 설정과 기록의 중요성

 

 

 

🔊 UI/UX 디자인 가이드 모음집  - 기본편 

https://chaef.tistory.com/9

#07 UX/UI 디자인 가이드 모음집 - 기본편

 

 

 

🔊 리메인 스타일 가이드 지침서

http://styleguide.co.kr/

리메인 스타일가이드

 

 

 

 

 

 

💖 준비하는 기간 힘들었던 일!

 

1. 2년동안 애지중지 키웠던 햄스터 죽음... (뵤뵨이....)

 

2. 코로나 걸림

 

3. 사랑니 뽑음

 

4. 삶에 현타 씨게옴. (내 아무리 열심히해도 전쟁나면 다 끝나는데 이렇게 해야나 싶음.)

 

5. 사람한테 씨게 뒷통수맞아서 인간관계 조져놓음. (원래도 마이웨이 였는데 극극극 마이웨이로 변함) 

   -> 5개월동안 정말 힘들어했음 누구한테 풀지도 못하고 고난과 역경... (3월달까지만 해도 너무 힘들었음...)

 

 

나는 괜찮다 했지만 매순간 내가 가는길에 대한 의심이 많았고, 

정말 내가 이걸 하고싶나? 라는 생각도 많이 들었다.

그냥 알바나 하면서 살까? 라는 자포자기의 마음도 가졌었다.

 

근데 내가 지금 이걸안하고 5년 10년 되어서 후회한다면(?) 내 인생 망하는 건가?

라는 생각과 함께 멘탈 부여잡고 계속 공부만했다.

 

적어도 부모님 살아있을땐 열심히 살자! 라는 생각으로 달려왔다.

떳떳한 딸되서 아빠한테 엄마한테 자랑해야지 이게 힘이 됐던 것 같다.

 

 

 

 

💖 마지막 한마디!

 

씬난 글쓴이.

 

수고했다 시넌아 근데 이제 시작이다 내 꿈을~