BO의 개발로그

💡 들어가기에 앞서, 콜론을 이용하여 자바스크립트 코드에 타입을 정의하는 방식을 타입 표기(Type Annotation)라고 한다. 1. Boolean 변수의 타입이 참, 거짓 형태의 불리언 값인 경우에는 아래와 같이 선언한다. let isLoggedIn: boolean = true; 2. Number 변수의 타입이 숫자인 경우에는 아래와 같이 선언한다. let num: number = 7; 3. String 변수의 타입이 문자열인 경우 아래와 같이 선언한다. let str: string = 'hello'; 4. Array 변수의 타입이 배열인 경우 아래와 같이 선언한다. let arr: number[] = [1,2,3]; 또는 아래와 같이 제네릭을 사용할 수 있다. (제네릭은 다음 포스팅에서 알아보자!..

목차 1. 함수 정의 1.1 함수 선언식 1.2 화살표 함수 2. 다양한 매개변수 타입 1. 함수 정의 타입스크립트에서는 함수의 타입을 정의해줘야 한다. 1.1 함수 선언식 함수 선언식의 타입 정의는 아래와 같다. function formatDate(d: Date): string { 1️⃣, 2️⃣ let year = d.getFullYear(); let month = d.getMonth() + 1; let day = d.getDate(); return `${year}년 ${month}월 ${day}일` } const today = formatDate(new Date()); 1️⃣ 매개변수의 우측에 콜론과 매개변수의 타입을 정의한다. → formatDate(d: Date) 2️⃣ return 값의 타입은..

8/19 (목) [자료구조와 알고리즘] 세션 내용 Big-O 표기법 new Date() 자료 구조 this 클로저 0. 과제 리뷰 - Sorting Machine 과제 관련 피드백 정리 💡 컴포넌트 설계 1. components 폴더 관련 - components 폴더에는 주로 재사용할 컴포넌트만 모아놓는다. - routes.js에서 import하는 컴포넌트는 웬만해서 components에 있으면 안 된다! (라우터는 한번 사용할 껍데기와 같기 때문에 재사용 컴포넌트가 있는 components 폴더에서 불러오는 것은 nope! 🙅‍♀️) - 아래 사진과 같이 레이아웃 기반으로 폴더를 나누어서는 안 된다! 2. 컴포넌트 재활용의 기준 - 오름차순, 내림차순 결과를 출력해주는 컴포넌트를 각각 따로 만들었다면?..

프리온보딩코스 4주차 주간 회고 > 학습 기간: 8/23(월)~8/29(일) 아직 4주 차 과제 회고와 목요일 세션 회고를 아직 작성 중이지만, 주간 회고가 먼저 완성됐으니 주간 회고부터 올려보자! 이번 주는 정들었던 우리 팀 칠리소스(7ill Resource)와 함께 한 마지막 주..! 벌써 눈물이 앞을 가리는구나..... 따흐흑..... 헤어짐이 너무 너무 아쉬웠던 한 주..의 기록 지금 시작해보자! 이번 주 배운 것들 🔗 [프리온보딩코스 세션 회고 #7] Core JavaScript (2) [프리온보딩코스 세션 회고 #7] Core JavaScript (2) 8/16 (월) [핵심 자바스크립트 개념 2] 세션 내용 실행 컨텍스트 호이스팅 스코프 this 클로저 0. 블로그 과제 피드백 지난 주 블로..

8/16 (월) [핵심 자바스크립트 개념 2] 세션 내용 실행 컨텍스트 호이스팅 스코프 this 클로저 0. 블로그 과제 피드백 지난 주 블로그 과제에서 브라우저 작동 원리에 대해 주제 방향을 잘못 잡은 사람이 있었다고 한다.(=== 나) 브라우저에서 구글 닷컴을 쳤을 때 어떤 일이 일어나는지에 대해서 적은 사람이 있는데 면접 질문이 명확하게 다르다! url을 입력해서 네트워크 중심의 인터넷 작동 원리를 질문하는 게 있고, 브라우저가 어떻게 동작하는지에 대한 질문으로 두 갈래로 나눠지는데 이번 블로그 과제는 후자를 쓰기를 원했던 것! → 조만간 시간을 들여 수정하는 것으로! ✍ 1. 오늘 주제 관련 면접 질문 - var, let, const의 차이에 대해서 설명해주세요. - Closure에 대해서 설명해..

목차 1. 함수와 메소드 2. this란? 3. this의 동작 방식 3.1 전역 공간에서 this가 바라보는 대상 3.2 메소드로 호출될 때 this가 바라보는 대상 (암시적 binding) 3.3 원하는 대상으로 this binding하기 (명시적 binding) 4. 화살표 함수(Arrow Function) 5. 참고 링크 들어가기에 앞서, 다른 언어에서 this는 일반적으로 클래스(class)에서만 사용하며, class로 생성한 인스턴스 객체를 의미한다. 하지만 자바스크립트에서는 그렇지 않다. 그렇다면 자바스크립트에서의 this는 어떻게 동작할까? 1. 함수와 메소드 this 공부에 앞서, 꼭 알아야 할 함수와 메소드의 차이에 대해서 짚고 넘어가 보자! 함수와 메소드는 모두 function 키워드..

목차 1. 스코프란? 2. 스코프의 종류 2.1 Global(전역) 스코프 2.2 Local(지역) 스코프 3. 스코프 체인 4. 클로저란? 5. 참고 링크 1. 스코프란? 스코프(Scope)는 '유효 범위'라는 뜻으로, 변수가 유효한(살아 있는) 범위라고 할 수 있다. var x = 'global'; function foo () { var x = 'function scope'; console.log(x); // function scope } foo(); console.log(x); // global 스코프가 존재하기 때문에 우리가 변수를 중복해서 사용할 수 있는 것이다. 만약 스코프가 없었다면 코드 전체에 절대 충돌하지 않는 변수(식별자)명을 딱 하나만 써야 한다! 2. 스코프의 종류 2.1 Globa..

목차 1. 호이스팅이란? 2. 호이스팅의 범위 3. 변수 호이스팅 (var, let, const) 4. 함수 호이스팅 (함수 선언문, 함수 표현식) 4.1 함수 선언문과 함수 표현식 4.2 함수 선언문의 호이스팅 5. 참고 링크 1. 호이스팅이란? 자바스크립트 및 액션스크립트 코드를 인터프리터가 로드할 때, 변수의 정의가 그 범위에 따라 선언과 할당으로 분리되어 변수의 선언을 항상 컨텍스트 내의 최상위로 끌어올리는 것을 의미한다. 이는 오로지 변수에만 해당되는 것은 아니고 함수도 가능하며, 자바스크립트에서 함수의 호출을 첫 줄에서 하고 마지막 줄에 함수를 정의해도 문제없이 작동되도록 하는 유용한 특성이다. 한마디로, 호이스팅이란 변수가 끌어올려지는 현상을 말한다. var 변수 선언과 함수 선언문에서만 호..