🕰 TIL : Today I Learned

기억 속에서 자리 잡지 못한 개념들을 정리합니다
또한 레포지토리, 노션에 정리한 개념들을 통합적으로 관리합니다

월별 계획표

월별 목표 및 프로젝트의 진행 사항에 대해서 미리 정리합니다
미리 계획을 세워 번아웃을 방지하고, 목표를 이룰 수 있도록 노력합니다

6월 목표 및 계획

목차 보기

React

타입스크립트 리덕스 사가 적용 로직 정리
리액트 개념 TIL에 정리

Netflix clone project

netflix 클론 프로젝트 부족한 부분 정리하기
netflix 클론 프로젝트 타입스크립트 환경에서 리덕스 사가 적용하기
netflix 클론 프로젝트 배포하기 (netflify)

colamap project

colamap 프로젝트 커스텀 오버레이 구현 (더미 데이터를 통해 배열 형식으로 받아온 배열을 렌더링하기) > 마커 이미지로 표현
colamap 프로젝트 백엔드 서버와 연결
colamap 프로젝트 가게별 세부 페이지 구현

7월 목표 및 계획

목차 보기

JavaScript

모던 자바스크립트 Deep Dive 1회독 및 정리(개강 전 까지) [진행중]

Algorithm

~~바닐라 JS를 사용하여 알고리즘 공부 시작 (개강 전 까지 1회독)~~

자바스크립트 개념 및 프로젝트 배포를 위해 잠시 중단

colamap project

~~팀원간 피드백 및 1차 배포 (7월까지)~~

작업 중이나 8월 중순까지 되어야 끝날 것 같음

8월 목표 및 계획

목차 보기

JavaScript

모던 자바스크립트 Deep Dive 1회독 및 정리

colamap project

콜라맵 프로젝트 작업 마무리 및 배포 [배포는 하지 않게됨..]

빗썸 테크아카데미

~~지원 결과 08.09일 발표로 후에 계획 변동 예정~~

결과 보기

🔥합격

빠르게 자바스크립트 1회독을 9월 중순까지 마치고 알고리즘을 병행하여 취업 준비를 하는 방향으로 설정 🥲

9월 목표 및 계획

목차 보기

JavaScript

모던 자바스크립트 Deep Dive 1회독 및 정리 (9월 둘째주 마무리)
velog 정리 추가

Algorithm

기존 알고리즘 강의 복습 및 재시작!

wellseecoding

새로운 프로젝트 팀 작업 중 10월 배포 예상 (마크업 단계에서 vercel로 선 배포 완료)

당근마켓 MVP 인턴십

결과보기

🔥합격

내 나름대로는 질문에 답을 잘했다고 생각했지만, 멘토님의 질문에 대한 나의 대답에 경험적인 부분과 기술적인 부분이 모두 부족한 것으로 보인다.

더 많은 경험을 하는 것도 좋지만, 취준인 만큼 기존의 지식들도 잊지 않고 복습하는 방향으로 결정

자바스크립트 deep dive 1회독을 완료했으므로, 이를 바탕으로 velog 정리 및 알고리즘 공부 시작!

velog에 deep dive에 대한 정리와 알고리즘 강의 1회독이 완료되는 대로 복습 및 본격 취준 start 🔥

10월 목표 및 계획

면접 스터디

모던 자바스크립트 deep dive 정리본을 포함한 내용을 바탕으로 면접 스터디 준비 (HTML/CSS/JS/CS/React 관련 면접 예상 질문 정리하기 )
바닐라 자바스크립트 관련 책(?) 또는 관련 강의 찾아볼 것

Algorithm

~~기존 알고리즘 강의 10월 중으로 1회독 마무리~~

기본적으로 자료구조에 대한 이해 없이, 문제만 풀다보니 하루 이틀만 지나도 어떤 방식으로 접근하는 지 잊게 되는 것 같았다.

'삽입 정렬', '버블 정렬', '선택 정렬' 을 정말 왜 써야 하는지 이걸 왜 공부해야 하는 지 라는 생각이 자꾸 들어서 너무 하게 싫었다.

따라서 조금 더 근본적으로 자료구조에 대해서 공부하고 강제성을 부여하고자 제로베이스의 '51일 알고리즘'를 등록했다.

이걸로 알고리즘은 '끝' 이라고 할 수는 없겠지만, 모던 자바스크립트 deep dive처럼 자료구조에 대한 이해를 가지고 시작해야겠다는 마음이 들었다.

제로베이스 51일 알고리즘 완주반 등록 (10/12일 시작)

wellseecoding

wellseecoding 서비스 배포!

11월 목표 및 계획

Algorithm

'51일 알고리즘' 강의를 들은지 한달이라는 시간이 지났다. 커리큘럼의 처음에는 5일정도 수업을 하고 주말에는 이를 복기하는 식으로 진행되었는데,

근 3주는 7일 내내 수업과 문제풀이를 반복했다. 사실 누군가, 다른 학생들이 1년에 걸쳐 배우는 자료구조와 알고리즘 등의 과목을 51일만에 모두 습득하려는

마인드부터가 잘못된 것 일수도 있다. 모든 것은 내가 선택했기 때문이다. 전부 따라와서 100% 이해했다고 하면 거짓말이지만, 그래도 자료구조와 알고리즘에

전반적인 내용에 대해 1차적인 마무리가 되어가는 시점이다. 과제로 프로그래머스나 리트코드에서 문제가 자주 출제되어 조금씩 더 공부하고 있지만 아무래도

커리큘럼이 끝나는대로 복기식으로 추가 공부가 필요해 보인다. 재밌다고 하면 거짓말이지만 남들이 힘들게 얻는 지식을 쉽게 얻으면 안된다는 생각이 들었다.

wellseecoding

웰시 코딩 또한 11월 14일부로 1차적인 마무리가 될 예정이다. 정말 탈이 많았다. 마음이 맞는 사람들과 끝까지 노력을 부어 결과물을 만들 수 있다는 것이

뜻깊은 프로젝트였다. 백엔드 개발자이신 일섭님도 마찬가지라고 하셨지만, 하다보면 이렇게 짜면 안 될 것 같은 코드들이 있으나, 일정에 맞추기 위해 덮어씌운

경향이 없지 않아 있다.

리듀서를 적용할 때 도저히 동작하지 않아 타입을 any로 줘버린 경우
Next.js라는 프레임워크를 쓰지만 SEO를 위해 최적의 기능인 SSR로 구현하지 못했다.

어떻게 보면 타입스크립트를 지원하고 핫 리로딩, 페이지 기반의 라우팅 정도를 사용한 것 같다. 개인적인 생각으로 모든 어플리케이션 및 서비스가 SEO를 준수하여

동작할 필요는 없다고 생각한다. (우리 서비스의 경우에는 검색 엔진 최적화가 필요하지만,,,) Next.js를 쓰면서 로컬 스토리지와 같은 웹 API가 제공하는 기능을

쓰기 위해서는 그만큼 방어 코드들이 많이 필요했다. 이런 문제들을 효과적으로 핸들링하지 못하고 진행한 것 같다. 최근 검색어를 구현한다던지, 2차원 배열을 렌더링

한다던지, 알림을 구현하기 위해 우리가 설계한 3가지 상황에 맞춰 조건부 렌더링을 제공하는 경험은 정말 백엔드의 능력이 없었으면 불가능했던 것들이 많다.

좋은 사람과 함께 하면 효율도 재미도 배가 된다는 것을 느낀 것 같다.

향후 계획

앞으로는 어떻게 해야 할 지 잘 모르겠다.

① 온라인 스타트업 채용 박람회 ② 넥스터즈 ③ 카카오 브레인 ④ 원티드 총 4가지 경우의 수를 염두하고 지원서를 작성했다.

계속해서 알고리즘을 풀고 있고, 주변인들이 조금씩 취준 단계를 거치면서 나 또한 가볍지 않은 마음으로 취업이라는 문을 두드리고 있다.

너무 모든 수를 생각하는 것보다는 주어진 상황 환경에 맞춰 진행할 11월이 될 것이다.

12월 목표 및 계획

11월 회고

앞서 다룬 4가지 경우의 수가 있었다

① 온라인 스타트업 채용 박람회
② 넥스터즈 지원
③ 카카오 브레인 지원
④ 원티드 스타트업 지원

① 온라인 스타트업 채용 박람회

사실 홈페이지조차 제대로 동작하는지 확인이 되질 않았다. 결과적으로는 4곳 정도 지원을 했었는데 어떠한 기업에서도 피드백을 받지 못했다.

② 넥스터즈 지원

12.05일 부로 넥스터즈 서류 통과 이후 면접을 완료했다. 넥스터즈 20기를 지원한 프론트엔드 개발자 3명과 19기 선임 개발자 (CEO, COO) 3분과 면접을 진행했다.

결과는 나와봐야 알겠지만, 이전 경험과는 달리 내를 포함한 지원자들이 작성했던 코드, 기술 블로그를 주의깊게 보고 들어오셨다는 게 질문에서 느껴졌다.

마치 기업이라면 이런 회사에서 일하고 싶다는 느낌이 드는 곳이였고, 같이 면접을 봤던 개발자분들도 질문에 대한 답변 수준이 매우 높았다.

어디서들 계시는지 '이런 프론트 개발자분들과 함께 프로젝트를 진행해야 하는데...' 라는 생각이 강하게 들었다.

이전 기수에 넥스터즈에 지원했다면 서류에서 떨어지거나, 면접에 가서도 떨리거나 백지가 돼서 내가 가진 기술과 지식을 못 보여줬을 게 분명했다.

내가 아는 선에서 내가 경험한 선에서 후회없이 답변했던 것 같다.

③ 카카오 브레인 지원

지원	코테

100대 1을 뚫고 서류를 붙었다고 한다. 이것만으로도 그동안 내가 공부해왔던 것들이 인정받는 것 같아서 너무 뿌듯했다.

4시간 코테 코스를 통과하지 못했다. 영어로 된 문서를 통해 4문제가 출제 되었는데, 정확히 테스트를 통과한 API 관련 문제를 제외하고는

테스트 라이브러리를 100% 통과하지는 못했다. 함수형 컴포넌트, 클래스형 컴포넌트를 두루 사용할 수 있어야 했고 기본적으로 문제 분석과

해결 능력을 요구했던 것 같다. 땀을 삐질삐질 흘리며 열심히 풀었는데, 역시나 아직까지는 알고리즘 문제를 푸는데 해결 능력이 부족한 것 같다.

실무에서 많이 쓰이지 않더라도 기업에서 우리를 솎아낼 수 있는 첫 번째 관문인만큼 코테 준비를 내년 상반기까지 열심히 해야 겠다고 생각이 들었다.

④ 원티드 스타트업 지원

A 기업에서 과제 테스트, B 기업에서 코테 + 면접 1회 를 진행했다.

두 기업 모두 너무 좋은 기업이였는데, B 기업은 코테 이후에 면접을 봐서 코테 결과로 인해 CTO 분 께 좋은 인상을 심어드리지는 못했던 것 같다.

진심 어린 조언과 현재 IT 업계에 대한 이야기를 해주셨고, 이때도 코테 관련해서 정말 기본 소양이기 때문에 졸업하기 전까지 남은 기간 열심히 풀면

충분히 풀 수 있는 문제들이라고 말씀해주셨다. 알고리즘 자료구조 열심히 준비 하기...

A 기업의 과제 테스트는 충분히 풀만 한 문제였고, 주신 시간보다 빨리 해결해서 제출하였다.

'최소 면접은 보겠구나 드디어 기회가 오겠구나'라고 생각했으나, 내가 요구사항에 대한 분석과 결과물을 너무 이상하게 내었다.

결과물 보기

과제 탈락 이후 피드백 또한 너무 너무 너무 잘해주셔서 정말 좋은 기업이 많구나라는 걸 느꼈다.

내가 더 갈고 닦아서 기회가 찾아온다면 다시 한 번 도전해보고 싶다.

Algorithm

52일 알고리즘 완주반은 결과적으로 나와 잘 안맞았다. (내가 주어진 커리큘럼을 소화해내지 못했다.) 애초에 52일 동안 알고리즘 우물만 팠어도 될락말락할 양이였는데,

내가 웰시코딩을 마무리하고 입사 지원을 하다보니 꼬일수밖에 없었다. 또한 강의가 이미 산을 넘어가서 돌이키기엔 어려운 부분들이 많은 것 같다. 따라서 이전 계획 바탕으로

'이것이 코딩테스트다 파이썬 편'을 구매했다. 하루 3-4시간 한달 분량의 책인데, 기초적인 자료구조에 대한 내용은 이미 학습했으므로 프로젝트를 병행하여

충분히 공부할 수 있을 것같다. 이걸 다 풀고 상황을 봐서 js를 바탕으로 하는 코테도 1월 중순부터 공부해 볼 예정이다. 파이썬 문법과 js 문법이

(파이썬이 더 쉽고 편하지만) 크게 다르지 않아서, 파이썬으로 1-2회독을 돌리고 자바스크립트로 넘어가보려고 한다.

12월을 시작하며

면접과 과제 및 코딩 테스트들을 진행하면서 부족한 부분을 많이 깨달았던 것 같았다.

기업 공고도 많이 줄어든 상황이라 (원티드 신입 자격 요건에 맞는 프론트엔드 직군에는 거의 다 지원해봤던 것 같다.)

내년 3월에 코테 및 과제 테스트를 통과하고 면접에 안착할 수 있도록 기반을 탄탄히 가져야겠다는 마음을 다잡았다.

React (+ typescript)

Webpack

웹팩

React 개념

목차 보기

React에 타입스크립트 적용하기

목차보기

JavaScript

Eloquent Javascript

모던 자바스크립트 DEEP DIVE

Typescript

프로젝트 진행 시에 하는 추가 공부

Code Review

Netflix 클론

프로젝트 소개 보기

21.04.25 ~ 21.06.13

콜라맵 프로젝트

프로젝트 소개 보기

21.05.17 - 21.08.19

웰시코딩 프로젝트

프로젝트 소개 보기

21.08 ~ 진행중

Algorithm

인프런 강의 🔥

기본 문제 풀이

목차 보기

1, 2차원 배열 탐색

목차 보기

문자열 탐색

목차 보기

완전탐색(블루투포스)

목차 보기

효율성(투포인터 알고리즘, 슬라이딩윈도우, 해쉬)

목차 보기

자료구조(스택, 큐)

목차 보기

정렬과 그리디, 결정알고리즘(이분검색)

목차 보기

재귀함수와 완전탐색(DFS:깊이우선탐색)

목차 보기

그래프와 탐색(DFS, BFS:넓이우선탐색)

목차 보기

Dynamic programming(동적계획법)

목차 보기

제로베이스 51일 알고리즘 온라인 완주반 🔥

10/12일 start!

중복으로 커밋을 늘리는 식으로 작성되는 것 같아서 기존 제로베이스 알고리즘 레포지토리를 이용하기로 했다

junh0328/TIL

🕰 TIL : Today I Learned

월별 계획표

6월 목표 및 계획

7월 목표 및 계획

JavaScript

Algorithm

colamap project

8월 목표 및 계획

JavaScript

colamap project

빗썸 테크아카데미

🔥합격

9월 목표 및 계획

JavaScript

Algorithm

wellseecoding

당근마켓 MVP 인턴십

🔥합격

10월 목표 및 계획

면접 스터디

Algorithm

wellseecoding

11월 목표 및 계획

Algorithm

wellseecoding

향후 계획

12월 목표 및 계획

11월 회고

① 온라인 스타트업 채용 박람회

② 넥스터즈 지원

③ 카카오 브레인 지원

④ 원티드 스타트업 지원

Algorithm

12월을 시작하며

React (+ typescript)

Webpack

React 개념

React에 타입스크립트 적용하기

JavaScript

Typescript

프로젝트 진행 시에 하는 추가 공부

Code Review

Algorithm

기본 문제 풀이

1, 2차원 배열 탐색

문자열 탐색

완전탐색(블루투포스)

효율성(투포인터 알고리즘, 슬라이딩윈도우, 해쉬)

자료구조(스택, 큐)

정렬과 그리디, 결정알고리즘(이분검색)

재귀함수와 완전탐색(DFS:깊이우선탐색)

그래프와 탐색(DFS, BFS:넓이우선탐색)

Dynamic programming(동적계획법)