티스토리 뷰
Objective
1. CS Concept
2. 백엔드 로드맵 순서로 공부하기
3. 노션 정리한 내용 전부 돌려보기
4. 자료구조와 알고리즘
Result
1. '면접을 위한 CS 전공지식 노트' / '노션'에 정리한 내용 반복하기
*프로그래밍을 하는 것과 프로그래밍의 이론은 별개의 개념이 아니다. 둘 중 하나만 잘해서는 프로그래밍을 할 수가 없다. 둘 다 잘해야한다. 나는 이론 보다는 코드 작성하는걸 먼저 공부했는데 당장에는 이해가 됐지만 금방 사라지는 느낌이었다. 하지만 이론을 함께 공부하다보니 휘발성이 적어진다는 느낌을 많이 받았다. 결국 두가지는 함께 공부를 하는 것이고 어떤걸 우선 순위로 공부하거나 후순위로 두거나 할 문제가 아니다.
*MVC, Network, OS, 자료구조 반복해서 보자.
(MVC 패턴이라는건 디자인 패턴의 한 종류이고, 디자인 패턴은 개발자끼리의 예절인 것이다. 이는 내가 어느정도 개발 공부를 한 뒤에 봐야 금방 이해가 될 것이고 적용을 할 수 있을 것이다.)
=> Node.js 공부하면서 MVC 패턴에 대해 배웠다. 이론적인 부분 뿐만 아니라 직접 작성한 API들을 MVC 패턴으로 정리를 해보고 있다.
*DB는 현재 듣고 있는 Node.js 강의에서 후반에 다룰 것이니 이 때 듣고나서 보는게 좋을것 같다.
*CS는 'CS 전공지식 노트' 책에 훨씬 더 자세하게 정리되어 있는건 맞지만 노션에 따로 내가 정리한 것도 공부하기에 괜찮다고 생각이 든다. 생소한 내용이기에 스스로 최대한 쉽게 적어놨기 때문에 이해가 더 잘 되고 무엇보다 책과 연결이 되는 부분들이 하나씩 보이면서 빠르게 복습하기 좋은것 같다.
2-1. Learn a Language -> Node.JS
-JS를 처음 공부했을 때 당장 코드 짜는 것부터 배우고 구현을 시키는데에 중점을 두고 공부했었는데 잘못 됐다는 것을 느끼고 Node.js를 공부할 때는 다르게 접근을 해보려고 한다. JS의 기본적인 특성도 모른채 공부를 하니 당장 이해는 되고 코드를 짜서 어떠한 기능을 구현시킬 수는 있었지만 본질적으로 JS를 이해하지 못하니 Logic을 짜는 단계에 와서야 잘못 되었다는 것을 알게 되었다.
-그래서 Node.js가 무엇이고 왜 많고 많은 언어 중에 JS와 연결되어 있는가에 대한 아주 기초적인 개념부터 Node.js가 어떠한 방식으로 동작하는지에 대해 먼저 공부하고 있다. 하루라도 빨리 Express.js나 DB를 공부하고 싶은 마음은 굴뚝 같지만 어느 하나도 제대로 못 한채 다른 것을 공부한다면 이도저도 안 될 것이다. JS의 부족한 점은 계속 보완하면서 Node.js 공부를 하나씩 해나가려고 한다.
*API를 만들었고 MVC 패턴으로 리팩토링을 진행했다. 이 모든것을 한 번에 다 이해하면 좋겠지만 아직은 리팩토링 전의 코드를 스스로 완벽하게 만들기도 쉽지 않다고 느껴진다. 반복해서 읽어보면서 공부를 하겠지만 한 번에 너무 모든것을 하려고 하지말고 먼저 express를 사용해서 서버를 만드는 방법에 초점을 맞춰야 한다. 또한 클라이언트와 통신을 할 때의 상황을 구현하기 위해 리액트를 이용해서 만들어놓은 코드를 가지고 MVC 리팩토링을 진행했는데 이것도 큰 틀만 이해하고 일단 넘어가는게 좋은것 같다. 그리고 이어서 유효성 검사에 대한 강의를 듣고 있다.
*프로젝트 진행 중이다. 트위터 만들기 클론 코딩인데 실제로 서버를 만들고 클라이언트와 통신하는걸 해보니 확실히 더 이해가 잘 된다. 클라이언트는 완성된 리액트 코드와 함께 postman을 사용해서 구성했고 express로 서버를 만들어서 method를 주고 받으면서 Rest API를 직접 만들어 보고 있다. 마무리 한 뒤 MVC에 대해서 배울 것이고 프로젝트를 완성하려면 DB까지 배워야 하기 때문에 시간이 꽤 걸리겠지만 프로젝트 완성 후 처음부터 끝까지 스스로 구현을 해 볼 것이다.
*Event 마지막 부분이 좀 이해가 안 된다. 여러번 돌려봐도 이해가 안 되는데 일단 여긴 넘어가고 나중에 다시 듣기로 하자.
2-2. JS에 대한 보충 공부 및 프로젝트
-웹사이트 프로젝트 리팩토링을 진행하고 있다. 어느정도 공부를 더 하고 보니 더 많이 보이는것 같다. 특히나 동기와 비동기에 대한 개념이 프로젝트를 만들 당시에는 부족했는데 알고나니 어떤점이 부족했는지 보여서 리팩토링을 하게 되었고 무엇보다 복습을 하면서 조금 더 빠르고 간결하게 복습을 하고싶어서 리팩토링을 진행하게 되었다.
=> 리팩토링 완료했고 복습할 내용만 따로 정리까지 완료했다. 리팩토링은 조금 더 깔끔하고 효율적이게 할 수 있을것 같은데 다른 공부 하면서 천천히 진행하자.
-Portfolio 웹페이지를 만들고 있다. 지금까지 했던 코드를 가지고 처음부터 아예 스스로 해볼 생각이다. 최대한 깔끔한 디자인으로 만들 예정이고 다른 사람의 사이트를 참고해서 만들어볼 예정이다.
*큰 뼈대는 완성해놓은 상태이고 contents를 정리해서 하나씩 만들어보자. git까지 사용해서 만들고 있고 github에 push까지 하면서 만들고 있다. 완벽하게 웹사이트를 만들 수 있는건 아니지만 이제는 Node.js를 통해 서버 쪽에 대해 더 많은 시간 투자가 필요하다.
*contents에 들어갈 내용들은 어느정도 정리가 됐다.
-call back, promise, Synchronous, Asynchronous와 관련된 부분들은 매우 중요하기 때문에 여기까지는 꼭 공부를 한 뒤에 넘어가는 것이 좋을것 같다.
(다만 항상 모든 것을 다 하려고 하다보면 오히려 독이 될 수도 있다. 내가 필요성을 느꼈을 때 공부를 하는게 맞다. 위 내용 이상으로는 새로운 개념을 발견하게 되더라도 개념까지는 알고 가는건 좋지만 깊이 공부하는건 좋은 방법이 아닌것 같다.)
=> 이론적인 부분을 꼼꼼하게 알려주는 강의를 찾았다. 가볍게 들어보니 JS에 대해서 조금 더 디테일한 내용을 담고 있고 중요하지만 지금까지 구현했던 기능에서는 사용하지 못했던 부분들까지 아울러서 설명하고 있다.
*acync와 await에 대해서 공부했다. 이미 전에도 몇번 강의를 듣긴 했지만 이해가 제대로 안 됐는데 promise에 대해 이해를 하고 나니 곧바로 이해가 됐다. promise 또한 then으로 chaining을 하다보면 콜백 지옥처럼 복잡해질 수 있는데 이 때 acync와 await를 사용한다면 해결이 가능하다. 무엇보다 마음에 드는건 마치 동기적인 코드처럼 보이지만 비동기적인 기능으로 바꿔준다는 것이다.
-AJAX도 결과적으로는 브라우저에서 사용되는 기능인 것이고 JS와도 연관이 있기 때문에 공부를 할 예정이다.
*조금씩 듣고 있다. AJAX는 웹페이지의 일부분만을 바꾸기 위한 도구인 것이다. 일부분을 바꾸기 위해 전체를 다시 다운로드 하거나 리로드가 된다면 이는 자원 낭비이다.
*오늘은 진행하지 못 했다.
2-3. Git and Terminal
-git clone과 git pull에 대한 내용에 대해서 배웠다. 팀 프로젝트를 할 때 필수적으로 알아둬야 하는 명령어이다. 특히나 git push를 할 때 원격저장소와 로컬저장소 간에 코드 차이가 존재한다면 git push가 정상적으로 동작하지 않으므로 이 때 git pull을 통해 원격저장소의 코드를 로컬저장소로 가져와야 한다는걸 기억해야 한다.
-팀프로젝트를 진행할 때 brach를 각자 생성한 뒤 코드 리뷰를 거쳐서 merge를 하게 되는데 이 과정을 깃허브에서 할 수 있다. 이 때 같은 위치에 다른 코드가 작성되어 있다면 conflict가 발생하게 되는데 수정하는 방법이 간단해서 편리하게 협업을 진행할 수 있다.
-Terminal 관련해서 간단한 강의가 있는데 concept을 넘어 사용법까지 디테일하게 공부해야 하기 때문에 이것도 조금씩 공부해야한다.
*강의 자체는 다 들었지만, 주기적으로 복습하면서 실제로 사용도 많이 해보면서 익숙해져야 한다.
*그리고 Terminal 명령어에 대해서 많이 익숙해져야 한다. 따로 핵심적인 명령어를 정리해놓은걸 찾아서 공부하자.
3. Node.js 강의 듣고 있는거 정리한 내용 매일 보기 + JS 정리한 내용 복습
-Node.js 강의 중 Express에 대한 내용을 복습하고있다.
-새삼 JS를 엄청 많이 공부했구나 라는 것을 느낀다. 정리를 해도 해도 끝이 없다. 하지만 대충 지나가기에는 어차피 또 금방 복습하게 될텐데 그럼 그 때 또 중복되는 내용이나 안 봐도 되는 내용을 보느라 시간 허비를 하게 될 것이니 지금 제대로 정리를 하고 지나가야 한다. 그나마 노션에 정리된 JS 외의 내용은 거의 CS 내용인데 책을 보면서 계속 반복하고 있으니 다행인것 같다.
4-1. 유튜브 영상 노션에 정리한 내용 반복해서 보기
4-2. 관련 책 읽기
-그림으로 배우는 알고리즘
*완독 후 다시 처음부터 읽고 있다. 맨처음 읽었을 때는 간단한 내용이 아니면 이해가 아예 안 됐는데 이제는 거의 다 이해가 되는게 신기하다. 단순히 이 책을 반복해서 읽었기 때문이라기 보다는 그 외에 다른 매체를 통해서 알고리즘이나 자료구조의 내용을 접하다보니 더 쉽게 와닿는것 같다. 다시 읽으면서 반복해서 읽지 않아도 되는 부분은 따로 체크를 해서 반복하는 시간을 줄여야 한다.
-간단한 알고리즘 문제를 하나씩 풀어보려고 한다. 여러 유명한 사이트가 많은데 프로그래머스가 당장에는 잘 맞는것 같아서 제일 기본적인 문제부터 천천히 풀어보려고 한다. 코딩테스트를 준비하기 위한 목적도 있지만 당장 어떤 프로젝트를 하나 만들거나 클론 코딩을 하는 것도 중요하지만 알고리즘을 공부해야 로직을 짜는데 있어서 공부가 될 수 있다고 생각이 들어서 조금씩이나마 시작해보려고 한다.
*프로그래머스 기초 단계부터 하루에 3-4 문제씩 풀고 있는 중이다. 초반에는 쉬웠는데 기초 단계이지만 꽤 어렵다고 느껴지는 문제들이 나오기 시작했다. 코딩테스트 준비 목적을 떠나서 이렇게 문제를 풀면서 직접 로직을 만드는 과정은 매우 의미있다고 생각한다.
*프로그래머스 0단계를 거의 다 풀었는데 다 풀고 다음 단계로 넘어가기 전에 한 번 정리가 필요할것 같다. 반복해서 보고는 있지만 어렵게 느껴진 문제들은 또 따로 정리가 필요할것 같다.
그리고 블로그에 프로그래머스 0단계 문제 풀이 글을 한 개 올렸다. 지금까지 문제를 풀다가 막히면 구글링을 했는데 조금 더 쉽게 설명된 글이 있다면 좋을것 같다는 생각에 최대한 쉽고 직관적이게 작성해보려고 한다. 물론 지금 공부할게 많아서 매일 올리기는 힘들수도 있지만 그래도 꾸준히 올려보려고 한다.
(추가적으로 어떤 개념에 대해서도 쉽게 설명한 글을 올려볼 예정이다.)
-면접을 위한 CS 전공지식 노트
*DB 파트 제외하고 여러번 돌려서 보고있다. 처음에는 진짜 무슨 말인지 아예 몰랐었는데 이제는 어느정도 이해가 되고 많이 익숙해졌다. 누군가가 이 책을 보는 방법을 물어본다면 프로그래밍 기술을 공부하면서 함께 정독할 것을 권하고싶고 추가적으로 MVC, DB, 자료구조 파트는 당장 보기를 추천하지는 않는다고 할 것 같다. 그리고 자료구조와 알고리즘은 처음부터 어렵게 공부하기 보다는 쉽게 공부할 수 있는 방법을 먼저 찾아서 정독한 뒤 이 책의 자료구조 파트를 읽으면 더욱 도움이 될 것이라고 생각한다.
-어플을 통해서 수시로 보면서 자주 노출시켜서 익숙해지기
*자료구조와 알고리즘은 결국은 중요한 부분인건 맞다. 하지만 내가 지금 당장 이 부분에만 너무 집중을 해버린다면 정작 현재 중요한걸 놓칠 수 있기 때문에 코딩테스트 문제 푸는데에 집중을 하기 보다는 확실하게 이해를 하고 개념적인 부분을 알도록 초점을 맞추는게 중요할것 같다.
Keep and Holding
영어 공부
-회화적인 부분을 포함해서 프로그래밍에 맞는 영어를 공부해야하는데 일단 많이 읽어봐야한다. 지금은 읽는 공부에 비중을 두고 해야하고 회화는 비중을 좀 적게 두면서 계속 가져가야한다.
(다행히 지금까지 영어를 꽤 많이 해왔고 수험 영어가 아니기에 실력 늘리기 더 쉬울것)
크롤링
-누가 추천해준 코드를 복사해서 붙여넣기를 하더라도 하나하나 잘 깊게 보면서 어떻게 이루어져 있는가, 왜 이런 코드를 추천을 해줬는가를 따져가면서 해야한다. 그리고 후에 작은 프로젝트를 하나 스스로 만들 때도 크롤링을 통해서 많은 코드 데이터를 쌓아야 한다.
나중에는 협업 경험을 쌓기 위해서 사이드 프로젝트도 찾아보자. 개발자 커뮤니티에서 찾아보면 꽤 나온다고 한다.
풀스택
-항상 큰 목표를 두고 작은 목표들을 설정해가며 진행해야한다. 현재로서는 웹개발에서 풀스택 개발자가 되는 것이 목표이다. 모든걸 다 할 수는 없을 것이다. 하지만 중요한 부분들을 하나씩 채워나가다보면 분명 이뤄낼 수 있을 것이다.
*JS가 어느정도 숙달이 된다면 TS도 이어서 배우면 좋을 것이다. JS를 공부하다보니 data type 때문에 오류도 많이 나고 디버깅 할 때 찾아내기가 힘들 때가 있었다. TS는 JS에서 이 점을 보안해서 나온 언어이다. JS가 어느정도 숙달이 된 후에는 꼭 배우자. 그리고 TS를 Node에서 사용하는 경우도 꽤 있다고 하니 같이 배워두면 좋을 것 같다.
**아래 내용은 웹사이트를 만들면서 느낀점인데 매일 보면서 상기하고 싶어서 이곳에 넣었다.
todo-list까지 완료했다. 어제 하루 종일 막혀서 고생했고 오늘도 거의 하루 종일 해결을 못해서 6시간 이상을 앉아서 계속 구글링하고 대입해보면서 시간을 보냈다. 그리고 결국 해결했다. filter 함수를 사용하는게 조금 헷갈려서 그 부분만 노트를 참고했다.
=> 지금까지 개발 공부를 하면서 내가 정말 잘 할 수 있을지 많은 고민을 했었다. 개발 자체가 재미있다고 느껴졌고 이론적인 부분을 공부할 때도 어렵지만 하나씩 알아갈 때마다 큰 성취감을 느껴왔었지만, 그와 별개로 평생 개발자로서 살아간다는 것에 대해서는 확신을 갖게 되는 계기가 없었다. 하지만 오늘 확신을 갖게 되었다.
이 작은 기능을 하나 구현하기 위해서 스스로 해결하는 그 과정과 해결을 했을 때 느꼈던 그 성취감은 말로 표현할 수 없이 크고 벅찼다. 총 10시간 정도를 구글링 하면서 직접 구현해보면서 해결하는 그 과정은 힘들었지만 그 시간 동안 내가 포기 하지 않고 집중을 할 수 있었다는것 자체가 스스로에게 확신을 주었다.