September 09, 2023
이번 달에는 2차 팀이 구성되어서 새로운 동료들과 학습하게 되었다. Vue와 React의 학습과 과제를 하면서 새롭게 알게된 내용을 적용해보기도 하고 동료나 멘토님과의 코드리뷰 과정을 통해서 빠르게 성장했다는 느낌이 든다. 또한 드디어 데브코스 내에서 제공되는 강의와 과제가 어느정도 마무리되었고 9월부터는 팀원들과 본격적인 프로젝트를 만드는 과정에 들…
August 13, 2023
Vue 첫 사용기 데브코스 과정을 진행하면서 프레임워크를 처음 사용해보게 되었다. React를 주로 사용해왔던 나에게는 생소한 부분도 있고 리액트와 유사하다고 느낀 부분도 있었는데 이번에 영화 검색 사이트를 구현해보면서 Vue 만의 장점과 매력도 나름 느끼게 되었다. React와 유사한 점 React로 구성한 프로젝트에서 모달을 구현할 때 현재 컴포…
July 31, 2023
6월의 회고를 노션 클로닝 작업이 어느정도 마무리가 되어가던 무렵의 7월 5일에 작성했었는데, 회고록을 작성한 기간이 1주 정도 빠르게 작성하는 것이다보니 사실 한달이 아니라 3주만의 회고록이 된 듯한 느낌이다. 저번 달에 , 학습을 위주로 계획했었는데, 여러 스터디도 시작하고 발표도 도전해보게 되어서 계획으로부터 조금 달라진 느낌이 있지만, 그래도…
July 05, 2023
어느덧 프로그래머스 프론트엔드 데브코스 4기에 합류한지 한달이 되었다. 나는 아직 더 공부하고 준비해야 할 것이 많다고 느껴지는데 벌써 6개월이라는 교육 과정 중에서 한달이 지났다고 생각하니 시간이 조금만 더 천천히 흘러가줬으면 하는 바램을 느낀다. 데브코스 지원동기 사실 지원동기나 후기는 교육과정에 합격했을 당시에 썼어야 하지 않나 싶은 생각도 …
June 25, 2023
this가 무엇인가? 는 자신이 속한 객체를 가리키거나, 자신이 생성하려는 인스턴스를 가리키는 자기 참조 변수이다. 가 왜 필요한지 알아보자면, 객체지향 프로그래밍에서의 객체는 객체의 정보나 상태를 나타내는 프로퍼티와 동작을 나타내는 메소드로 구성된다. 자바스크립트는 프로토타입 기반의 객체지향 프로그래밍을 지원하므로 메모리 효율성을 위해서 각 객체…
June 12, 2023
탐색 알고리즘 특정 노드로부터 다른 노드로 탐색하는 방법으로는 크게 DFS와 BFS로 나눌 수 있다. DFS 한 노드를 출발점으로 해서 최대한 갈 수 있는 곳까지 깊게 탐색하는 방식이다. 스택으로 구현한다. (재귀 호출도 스택과 같은 구조이므로 재귀적인 방식으로 구현할 수도 있음) 지나온 경로를 기억해야 하는 경우에 유용하다. 순열, 조합을 …
June 11, 2023
Hot Module Replacement(HMR) 개발하는 과정에는 소스 코드를 수정하고 실행 결과를 즉각적으로 확인해야 하는 경우가 많다. 그런데 이럴 때마다 웹팩으로 번들링하고 다시 실행하는 과정을 거친다면 굉장히 번거로울 것이다. 그렇기에 Hot Module Replacement(HMR) 를 적용한다면 소스코드의 변화를 감지하고 자동으로 브라우저…
June 11, 2023
로더란? 웹팩은 기본적으로 와 파일만 이해할 수 있기에 , , 등의 다른 유형의 데이터를 사용하기 위해서는 약간의 전처리가 필요하다. 전처리 과정에는 로더(Loader) 를 이용할 수 있다. 로더는 코드를 코드로 변환하거나 인라인 이미지를 데이터 URL로 변환하는 등, 모듈을 가져오거나 로드할 때 적절한 전처리 작업을 수행해준다. 다양한 …
June 11, 2023
이번 글에서는 을 설치하고 여러 파일로 나눠져서 개발된 모듈을 하나의 파일로 번들링하는 과정을 진행해보고자 한다. 1. 노드 패키지 설정 은 일종의 외부 모듈이기 때문에 웹팩을 설치하기 위해서는 먼저 우리의 프로젝트가 패키지 관리자에 의해서 관리되도록 해야한다. 2. webpack 패키지 설치 과 패키지를 설치한다. 웹팩으로 번들링하는 과…
June 08, 2023
그래프 그래프는 과 로 이루어진 비선형 자료구조이다. 무향 그래프: 모든 간선이 양방향으로 이동 가능한 그래프 유향 그래프: 간선에 방향이 존재하는 그래프 연결 그래프: 모든 정점이 서로 이동 가능한 상태인 그래프 비연결 그래프: 연결되어 있지 않은 정점이 존재하는 그래프 완전 그래프: 모든 정점들이 서로 연결되어 있는 …