전체 글

웹 프론트엔드 개발자를 꿈꾸고 있습니다 :)
우아한테크코스(프리코스)

우아한테크코스 7기 프리코스 2주차 회고 (웹 프론트엔드)

중간고사와 프리코스 1주차가 마무리되고, 10월 22일 오후 3시부터 프리코스 2주차가 시작되었다. 사실 화요일부터 바로 2주차 프리코스를 시작하지는 않았고, 프리코스 커뮤니티(디스코드)에서 다른분들의 PR을 보며 리뷰를 하고, 또 내가 1주차 미션 PR 링크를 올려서 리뷰를 받았다.1. 1주차 피드백정말 감사하게도 네 분께서 코드 리뷰를 해주셨다. 리뷰 중 기억해두면 좋을 내용들을 요약해보자면변경될 일이 없는 상수값(기본 구분자)는 클래스의 정적 속성이나 상수 변수로 분리하고, 커스텀 구분자만 별도로 관리할 것이 명확추출된 숫자 배열은 메서드 내부의 let으로 둬서 더 명확하게 표현하는 것이 좋을 듯calculateSum 메서드는 sum만 구현하고 다른 로직은 코드 분리하기3번과 비슷한 맥락으로, va..

우아한테크코스(프리코스)

우아한테크코스 7기 프리코스 1주차 회고 (웹 프론트엔드)

오래전부터 우아한테크코스에 지원해야겠다고 다짐했었다. 우아한테크코스에 합격했으면 좋겠다는 마음이 크지만, 설령 합격하지 못하더라도 4주간의 프리코스를 통해 한층 더 성장하는 시간을 가질 수 있을 것이다. 열심히 몰입해서 많은 것을 얻어가고 싶었고. 이런 생각들은 자기소개서를 작성하며 더욱 커져갔다.1주차 목표프리코스 1주차에 내가 세운 목표는 다음과 같았다.다음 주부터 중간고사가 시작되는데, 중간고사 대비 공부하는 시간과 프리코스에 투자하는 시간을 1:1 비율로 맞춘다.프리코스를 할 때에는 프리코스에만 몰입한다.프리코스를 진행하며 배운 점들을 글로 기록한다.다음 주에 중간고사 시험을 응시해야되서 여유로운 상황은 아니었지만, 나에게 있어서 프리코스의 우선순위는 중간고사보다 높았기에 꾸준히 프리코스에 시간을..

Modern JS Deep Dive

[JS Deep Dive] 20, 21장 정리 - strict mode, 빌트인 객체에 대하여

Strict Modefunction foo() { x = 10;}foo();console.log(x); // ?전역 스코프에도 x 변수의 선언이 존재하지 않기 때문에 ReferenceError를 발생시킬 것 같지만 자바스크립트 엔진은 암묵적으로 전역 객체에 x 프로퍼티를 동적 생성→ 전역 객체의 x 프로퍼티는 마치 전역 변수처럼 사용 가능→ 암묵적 전역(implicit global)이라고 함→ 오류를 발생시키는 원인이 될 가능성이 큼 ES5부터 strict mode(엄격 모드)가 추가→ 자바스크립트 언어의 문법을 좀 더 엄격히 적용하여 오류를 발생시킬 가능성이 높거나 자바스크립트 엔진의 최적화 작업에 문제를 일으킬 수 있는 코드에 대해 명시적인 에러를 발생시킨다.(ESLint 같은 린트 도구를 사용해도 ..

Modern JS Deep Dive

[JS Deep Dive] 19장 정리 - 프로토타입에 대하여

자바스크립트는 명령형, 함수형, 프로토타입 기반 객체지향 프로그래밍을 지원하는 멀티 패러다임 프로그래밍 언어(클래스 기반 객체지향 프로그래밍 언어보다 효율적이며 더 강력한 객체지향 프로그래밍 능력을 지니고 있는 프로토타입 기반의 객체지향 프로그래밍 언어) 자바스크립트는 객체 기반의 프로그래밍 언어이며 자바스크립트를 이루고 있는 거의 “모든 것이” 객체객체지향 프로그래밍객체지향 프로그래밍은 프로그램을 명령어 또는 함수의 목록으로 보는 전통적인 명령형 프로그래밍의 절차지향적 관점에서 벗어나 여러 개의 독립적 단위, 즉 객체의 집합으로 프로그램을 표현하려는 프로그래밍 패러다임 추상화: 다양한 속성 중에서 프로그램에 필요한 속성만 간추려 내어 표현하는 것객체 : 속성을 통해 여러 개의 값을 하나의 단위로 구성한..

Modern JS Deep Dive

[JS Deep Dive] 17, 18장 정리 - 생성자 함수에 의한 객체 생성 | 함수와 일급 객체에 대하여

생성자 함수에 의한 객체 생성 Object 생성자 함수new 연산자와 함께 Object 생성자 함수를 호출하면 빈 객체를 생성하여 반환→ 빈 객체를 생성한 이후 프로퍼티 또는 메서드를 추가하여 객체를 완성할 수 있다.// 빈 객체의 생성const person = new Object();// 프로퍼티 추가person.name = 'Lee';person.sayHello = function () { console.log('Hi! My name is ' + this.name);};console.log(person); // {name: "Lee", sayHello: f}person.sayHello(); // Hi! My name is Lee생성자 함수란 new 연산자와 함께 호출하여 객체(인스턴스)를 생성하는 함..

Modern JS Deep Dive

[JS Deep Dive] 15,16장 정리 - let, const 키워드와 블록 레벨 스코프 | 프로퍼티 어트리뷰트에 대하여

var 키워드로 선언한 변수의 문제점var 키워드로 선언된 변수의 특징1. 변수 중복 선언 허용2. 함수 레벨 스코프var 키워드로 선언한 변수는 오로지 함수의 코드 블록만을 지역 스코프로 인정→ 함수 외부에서 var 키워드로 선언한 변수는 코드 블록 내에서 선언해도 모두 전역 변수가 된다.함수 레벨 스코프는 전역 변수를 남발할 가능성을 높인다. 3. 변수 호이스팅변수 호이스팅에 의해 var 키워드로 선언한 변수는 변수 선언문 이전에 참조할 수 있다.→ 할당문 이전에 변수를 참조하면 언제나 undefined를 반환 let 키워드1. 변수 중복 선언 금지2. 블록 레벨 스코프let 키워드로 선언한 변수는 모든 코드 블록(함수, if문, for문, while문, try/catch 문 등)을 지역 스코프로 인..

Modern JS Deep Dive

[JS Deep Dive] 13,14장 정리 - 스코프 | 전역 변수의 문제점에 대하여

스코프자바스크립트의 스코프는 다른 언어의 스코프와 구별되는 특징이 있으므로 주의가 필요하다. 모든 식별자(변수 이름, 함수 이름, 클래스 이름 등)는 자신이 선언된 위치에 의해 다른 코드가 식별자 자신을 참조할 수 있는 유효 범위가 결정된다. 이를 스코프라 한다.→ 스코프는 식별자가 유효한 범위를 말한다. 자바스크립트 엔진은 이름이 같은 두 개의 변수 중에서 어떤 변수를 참조해야 할 것인지를 결정해야 한다.→ 식별자 결정 스코프란 자바스크립트 엔진이 식별자를 검색할 때 사용하는 규칙이라고도 할 수 있다. 스코프의 종류코드는 전역과 지역으로 구분 가능 전역과 전역 스코프전역이란 코드의 가장 바깥 영역을 말한다.전역은 전역 스코프를 생성전역에 변수를 선언하면 전역 스코프를 갖는 전역 변수가 됨전역 변수는 어..

Modern JS Deep Dive

[JS Deep Dive] 12장 정리 -함수에 대하여

프로그래밍 언어의 함수는 일련의 과정을 문으로 구현하고 코드 블록으로 감싸서 하나의 실행 단위로 정의한 것 함수 내부로 입력을 전달받는 변수를 매개변수(parameter), 입력을 인수(argument), 출력을 반환값(return value)이라 한다.함수는 함수 정의를 통해 생성 인수를 매개변수를 통해 함수에 전달하면서 함수의 실행을 명시적으로 지시해야 함 → 함수 호출 함수 리터럴은 function 키워드, 함수 이름, 매개 변수 목록, 함수 몸체로 구성함수는 객체이다. 일반 객체는 호출할 수 없지만 함수는 호출할 수 있다.함수 정의 방식// 함수 선언문function add(x,y) { return x + y;}// 함수 표현식var add = function (x, y) { return x + ..

Modern JS Deep Dive

[JS Deep Dive] 10장, 11장 정리 - 객체 리터럴 | 원시 값과 객체의 비교에 대하여

객체 리터럴자바스크립트는 객체 기반의 프로그래밍 언어이며, 자바스크립트를 구성하는 거의 “모든 것”이 객체다. 원시 값을 제외한 나머지 값은(함수, 배열, 정규 표현식) 등은 모두 객체원시 타입의 값, 즉 원시 값은 변경 불가능한 값이지만 객체 타입의 값, 객체는 변경 가능한 값이다. 객체는 0개 이상의 프로퍼티로 구성된 집합이며, 프로퍼티는 키와 값으로 구성된다.  자바스크립트에서 사용할 수 있는 모든 값은 프로퍼티 값이 될 수 있다. 자바스크립트의 함수는 일급 객체이므로 값으로 취급할 수 있다함수도 프로퍼티 값으로 사용할 수 있다. 프로퍼티 값이 함수일 경우, 일반 함수와 구분하기 위해 메서드라고 부른다. 객체는 프로퍼티와 메서드로 구성된 집합체 프로퍼티: 객체의 상태를 나타내는 값(data)메서드:..

Modern JS Deep Dive

[JS Deep Dive] 9장 정리 - 타입 변환과 단축 평가에 대하여

명시적 타입 변환(타입 캐스팅): 개발자가 의도적으로 값의 타입을 변환하는 것암묵적 타입 변환(타입 강제 변환): 개발자의 의도와는 상관없이 표현식을 평가하는 도중에 자바스크립트 엔진에 의해 암묵적으로 타입이 자동 변환 되는 것 원시 값은 변경 불가능한 값이므로 변경할 수 없음→ 타입 변환이란 기존 원시 값을 사용해 다른 타입의 새로운 원시 값을 생성하는 것 암묵적 타입 변환은 기존 변수 값을 재할당하여 변경하는 것이 아님→ 피연산자의 값을 암묵적 타입 변환해 새로운 타입의 값을 만들어 단 한 번 사용하고 버림 둘 중에 뭐를 더 많이 써야되는 것이 중요한 것이 아닌, 코드를 예측할 수 있어야 한다는 것이 중요암묵적 타입 변환 문자열 타입으로 변환(+)문자열 연결 연산자의 모든 피연산자는 코드의 문맥상 모..

퀵차분
QC's Devlog