개발이 하고싶은, 첼시를 좋아하는

프로그래머스/데브코스 프론트엔드

[TIL] 2022-04-05 / 12일차

오늘 배운 내용 ES6 Module JavaScript modules - JavaScript | MDN 이 가이드는 자바스크립트 모듈 구문을 시작하는데 필요한 모든 것을 제공합니다. developer.mozilla.org ES6에서 자바스크립트에서 동작하는 모듈 기능이 추가되었다. 2019년 11월을 기준으로 모던 브라우저에서 ES6 모듈을 사용할 수 있다. 자바스크립트 모듈 지원 "module" | Can I use... Support tables for HTML5, CSS3, etc ECMAScript 2015 (ES6) Support for the ECMAScript 2015 specification. Features include Promises, Modules, Classes, Template ..

프로그래머스/데브코스 프론트엔드

[TIL] 2022-04-04 / 11일차

오늘 배운 내용 컴포넌트 방식으로 생각하기 자바스크립트를 시작하면 가장 먼저 접하게 되는 프로젝트. 간단한 To Do List. To Do List를 따라 구현해봤던 기억이 얼핏 얼핏 나지만 그때는 div tag를 추가하고, input 값을 가져오고, 결과로 li tag를 추가하기 바빴던 것 같다. 간단한 To Do List App을 만들며 컴포넌트 방식으로 UI를 표현하고 사고하는 방법을 김태희(로토) 강사님이 강의를 통해 강의해 주셨다. UI 요소들이 어떻게 컴포넌트 단위로 추상화되는지? 그리고 응집력 있게 개발하는 방법은 무엇인지? 각 단계 별로 천천히 진행했다. 컴포넌트 방식으로 사고 컴포넌트는 특정 프레임워크와 라이브러리에 따라 정의가 조금씩 다르기 때문에, 바닐라 자바스크립트에서 컴포넌트를 다..

프로그래머스/데브코스 프론트엔드

[TIL] 2022-04-01 / 10일차

오늘 배운 내용 명령형 프로그래밍과 선언적인 프로그래밍 방식의 이해 명령형 프로그래밍 컴퓨터 과학에서 명령형 프로그래밍(命令型 프로그래밍, 영어: imperative programming)은 선언형 프로그래밍과 반대되는 개념으로, 프로그래밍의 상태와 상태를 변경시키는 구문의 관점에서 연산을 설명하는 프로그래밍 패러다임의 일종이다. 자연 언어에서의 명령법이 어떤 동작을 할 것인지를 명령으로 표현하듯이, 명령형 프로그램은 컴퓨터가 수행할 명령들을 순서대로 써 놓은 것이다. 명령형 프로그래밍 - 위키백과, 우리 모두의 백과사전 컴퓨터 과학에서 명령형 프로그래밍(命令型 프로그래밍, 영어: imperative programming)은 선언형 프로그래밍과 반대되는 개념으로, 프로그래밍의 상태와 상태를 변경시키는 구..

프로그래머스/데브코스 프론트엔드

[TIL] 2022-03-31 / 9일차

오늘 배운 내용 this를 new 키워드 없이 작성한 경우 우선 this의 정의를 살펴보면 다음과 같다. (this에 대한 정의는 "모던 자바스크립트" 책의 내용이고, 해당 내용은 링크의 블로그를 참고했습니다.) this의 정의 'this'는 자신이 속한 객체 또는 자신이 생성할 인스턴스를 가리키는 자기 참조 변수'다. this를 통해 자신이 속한 객체 또는 자신이 생성할 인스턴스의 프로퍼티나 메서드를 참조할 수 있다. - 이웅모 다시, new 생성자 키워드를 사용하지 않고 this를 사용하면 어떻게 될까? function Cat(name, age){ this.name = name; this.age = age; } const hong3 = Cat("홍삼이", 4); console.log(hong3.nam..

프로그래머스/데브코스 프론트엔드

[TIL] 2022-03-30 / 8일차

오늘 배운 내용 코딩 테스트를 준비하는 방법 알고리즘을 잘 공부하는 방법 문제를 풀 때 중요한 것! 항상 여러 가지 풀이가 존재할 수 있다는 것을 인지하자 항상 예외가 존재할 수 있다는 것을 인지하자(문제에 명시되어 있는 테스트 케이스 이외의 것을 의심) 나의 풀이법이 최선인지 의심하자(더 효율적인 방법이 존재할 것이다) 문제를 풀었으면 시행착오를 메모하자(코테는 시험공부와 같아 오답 노트를 작성한다 생각하자) 다른 사람의 코드를 많이보자. 생각지 못한 방법을 발견할 수 있다(매일 문제를 풀며 하는 것...) 쉽게 포기하지 말자. 도저히 모르겠다면 답을 보는 것도 좋은 방법이다.(문제 해설을 늦게 보도록 연습하자) visualgo와 같은 시각화 자료를 통해 알고리즘이 동작하는 방법을 시각적으로 확인하는 ..

프로그래머스/데브코스 프론트엔드

[TIL] 2022-03-29 / 7일차

오늘 배운 내용 프로그래머스 네트워크 문제 풀이 코딩테스트 연습 - 네트워크 네트워크란 컴퓨터 상호 간에 정보를 교환할 수 있도록 연결된 형태를 의미합니다. 예를 들어, 컴퓨터 A와 컴퓨터 B가 직접적으로 연결되어있고, 컴퓨터 B와 컴퓨터 C가 직접적으로 연결되어 있 programmers.co.kr 컴퓨터의 개수 n, 연결에 대한 정보가 담긴 2차원 배열 computers가 매개변수로 주어질 때, 네트워크의 개수를 return 하도록 solution 함수를 작성하시오. 문제 설명을 보면 n 개의 컴퓨터가 있을 때, 연결되어 있는 네트워크가 몇 개인지 구하는 문제이다. 문제의 예제 1번의 그림을 보면 그래프 문제로 1번 컴퓨터에서 연결되어 있는 모든 컴퓨터를 탐색해야 하는 것을 떠올릴 수 있고, 이를 DF..