본문 바로가기

fe48

[ 최종 합격 ] 트리플(Triple) 프론트엔드 개발 📍 [ 최종 합격 ] 트리플(Triple) 프론트엔드 개발 ✏️ 서론 20년 12월 20일부터 본격적인 FE 취업 준비를 하면서 취업하는 데까진 약 1년 5개월 정도 걸렸다. 그중에 약 7개월 정도는 1일 1문제씩 CS와 알고리즘 공부를 하는 것에 매진했고 나머지 기간은 React, TypeScript등 FE가 되기 위해 필요한 기본적인 기술 스택들을 공부했다. 그리고 21년 10월부터 4개월 동안 엘리스 SW 엔지니어 트랙 1기를 수강했고, 22년 2월에 수료하여 제일 마지막 프로젝트를 유지 보수하며 약 2개월 동안 여러 회사에 면접을 본 결과 제일 마지막에 면접을 본 트리플이라는 여행회사에 최종합격하게 되었다. 1년 4개월 동안 취업준비를 하며 느낀 점은 타인과 비교하지 말고 어제보다 더 나아진 자신.. 2022. 4. 25.
[ 엘리스 SW 엔지니어 트랙 ] 선택강의 - React에서의 타입스크립트 📍 [선택강의] React에서의 타입 스크립트 이번 글은 필수로 들어야 하는 강의를 기록하기 위해 적는 글은 아니고 선택적으로 듣는 강의 중 React에서의 타입스크립트 강의를 기록으로 남겨 놓을까 한다. 그 이유는 이전부터 사용해왔지만 앞으로도 사용할 언어인 타입 스크립트와 프레임워크인 React기 때문이다. 그리고 지금까지 내가 작성한 코드를 어떻게 더 효율적이게 작성할 수 있을지에 대한 몇 가지의 샘플을 배울 수 있기 때문이다. 한 가지 예로 나는 이거 먹어봄? 프로젝트의 후속조치로 webpack과 babel를 직접 설정하는 간단한 예시(image-drag-and-drop)를 만들었으나, babel을 설정하기 위해 생각보다 많은 플러그인(npm i -D @babel/core @babel/preset.. 2022. 1. 24.
[ 엘리스 SW 엔지니어 트랙 ] 65일차 📍 65일 차 1.22. 토. 온라인 강의 오늘은 직접 React와 Styled-components를 이용해서 트랙카드, 탭, 검색창을 초기 UI로 구현하고 이후에는 실제 API를 연동하면서 검색창에서 검색 데이터를 가져오는 방법까지 응용하는 법을 배웠고, JS에서 TS로 마이그레이션 설정 방법에 대해서 배웠다. 앨리스 수강 전 한 스타트업에서 기술면접을 봤을 때 `TS`로 마이그레이션 하는 방법에 대해 질문을 받았을 때 제대로 대답을 하지 못했던 것이 생각났다. 이번에 배운 내용을 토대로 직접 JS파일을 TS 파일로 마이그레이션 해보는 과정을 겪어보며 잊지 말아야겠다는 생각을 했다. 또 CSS를 배울 때 position과 같은 내용을 직접 적용하려고 할 때 어려움이 많았는데 이번 실습을 보면서 posi.. 2022. 1. 23.
[ 엘리스 SW 엔지니어 트랙 ] 64일차 📍 64일 차 1.21. 금. 온라인 강의 오늘은 CSS Module, UI Framework, CSS framework, CSS-in-JS, Styled-components에 대해서 배우고 전반적인 사용 역사(?)에 대해서 배웠다. 기존에 사용하던 방식의 단점, 불편함 때문에 새로운 방식이 나왔고, 새로운 방식에서 생겨난 단점, 불편함을 통해 새로운 방식을 사용하고.. 이렇게 일련의 과정들을 배우니까 이해가 잘 됐다. 그리고 평소에 관심 있던 리팩토링에 대해서도 배웠는데 일련의 과정들을 보면서 리팩토링의 before / after를 보며 가독성이 어떻게 증가되었는지 한번 살펴보자. 마지막에는 figma의 조작법을 3가지정도만 작성했다. 한번 살펴보자. ❏ CSS Module 기존 CSS의 단점: 하나의.. 2022. 1. 21.
[ 엘리스 SW 엔지니어 트랙 ] 63일차(CI/CD, github actions, heroku, firebase) 📍 63일 차 1.20. 목. 실시간 강의 오늘은 화요일에 배웠던 CI/CD, github-actions, Heroku, 그리고 백엔드 서비스를 구축할 때 서버 인프라 구축을 쉽게 할 수 있도록 도와주는 firebase에 대해서 배웠다. 이 강의를 듣기 전에 CI/CD 관련한 내용을 봤을 때 저게 대체 왜 필요하지?라는 생각이 들었는데, 직접 해보니까 자동화 구축이 주는 효과는 굉장했다!! CI/CD를 배웠지만 여기서 그치지 않고 내가 직접 프로젝트를 만들 때 사용할 수 있을 정도까지 공부하고 싶다는 생각이 들었고 firebase가 무엇인지 배우면서 Authentication, NoSQL, Storage, Hoisting을 적용해보고 싶다는 생각이 들었다. 개념을 새로 배울 때마다 이론에서 그치지 않고 .. 2022. 1. 20.