Pre Course TIL

Pair programming이란, Agile software development technique의 하나로 두명의 개발자가 짝이 되어 한명이 Driver가 되어 키보드로 코드를 작성하고, 한명이 Navigator가 되어서 코드의 방향성을 제시하고 리뷰하는 방식을 말

Javascript에서 Data Type은 크게 6가지가 있습니다.1\. Number2\. String3\. Boolean4\. Object5\. Undefined6\. Function그리고 변수나 값의 Data Type을 확인해 볼수 있는 함수로써 typeof()가

Javascript의 Comparison Operator로써 ===와 !==는 Type과 Value 둘다 검사시 사용합니다.참고로 ==와 !=는 Value를 검사할 수 있지만 Type을 검사하지 못합니다. 그리고 Javascript-Equality의 문제가 발생할 수

Immutbale Method : 모든 String Type MethodMutable Method : Array Type Method중 일부

JavaScript에서는 보통 문자열 사이에 변수들을 +로 연결하여 하나의 문자열을 생성하는데 이런 표현 이외에 문자열 중간에 변수 뿐만 아니라 계산식, 메소드까지 사용 가능하게 하는 것을 Template literals 또는 Template strings라고 합니다.

for 반복문은 초기화된 변수가 주어진 조건식을 만족시킬 때 반복문 블럭 안의 내용을 실행하고, 그런 다음 증감문을 실행하여 다시 조건식을 만족시키는지 확인하는 과정을 반복하는 것입니다.다시말해 초기화 된 변수가 증가 또는 감소를 하는 동안 조건식이 true이면 이 과

Array MethodMutable : push(), unshift(), pop(), shift(), splice()Immutable : join(), slice(), concat()Array Method는 String Method가 모두 Immutable인 것과 달리

console.log()console.table()코딩 중간에 콘솔창에 현재 상태에서 데이터를 확인할 필요가 있을 때 유용한 메소드들입니다. console.log()은 자료형 그대로 보여주고, console.table()은 테이블의 형태로 보여줍니다.배열인지 아닌지 확

Bracket Notation:objectpropertyDot Notationobject.propertyNameJavaScript Object의 표기법에는 두 가지가 있는데, 변수를 이용한 다이내믹한 입출력 결과를 얻기 위해서 Bracket Notation을 주로 사용

해당 property가 object에 있는지 확인 하는 방법: in 키워드 사용object내의 property

문자열을 이용한 순차 검색 등에서 숫자 데이터 혹은 문자 데이터일 경우 함수나 메소드 적용을 통해 원하는 결과를 얻고자 할 때 그 결과로써 이나 를 만나지 않기 위해서 데이터 검증의 과정을 거쳐야 합니다. 이럴 때 주로 사용하는 메소드들은 다음과 같습니다. > -

숫자 데이터 중에서 소수(0과 1사이의 실수)를 다루는 방법은 다음과 같습니다.

VSC 설치

Linux Command Line Inteface디렉토리 안의 파일보기 ls -al 모든 파일을 리스트(수직) 형식으로 보는 옵션디렉토리 이동cd ~ 홈디렉토리 / 루트디렉토리 . 현재디렉토리 .. 부모디렉토리디렉토리나 파일이름에 공백이 있을 때는 "Back Slash

ls -al 샐행시 상세 내용관리자 권한으로 실행Package Tool로 새로운 프로그램 설치ex) sudo apt-get install <packageName>sudosudosudosudosudosudosudosudosudo

git

Scope

Global Varialbe and Window ObjectInitailized Variable without Declaration

Global Varialbe and Window ObjectInitailized Variable without Declaration

Global Variable and Window Object전역 범위에 너무 많은 변수를 선언하지 않도록 주의해야 합니다.Initailized Variable without Declaration Keyword선언 키워드(var, let, const) 없이 변수를 초기화

A closure is the combination of a function bundled together (enclosed) with references to its surrounding state (the lexical environment). In other wo

클로저의 유용한 사용의 예

코드의 마지막 부분에 위치하고 있는 innerFn 함수는 outerFn 함수의 실행 결과 생성, 반환된 함수로써 생성될 당시의 Lexical Scope가 현재 코드의 위치상 Scope와 다릅니다. 코드 출처: 코드스테이츠(CodeStates)

이미 앞서 설명한 바와 같이 JavaScript는 Strict Equality(===)와 Loose Equality(==)를 가지고 있습니다. Loose Equality에 해당되는 경우를 외워 활용하기보다는 Strict Equality에 충실하게 코딩하여 가독성을 높이

원시형 데이터값 자체의 변경이 불가능하다.(Immutable)변수에 할당함으로써 복사본을 이용한다.함수의 Parameter(매개변수) 또는 Argument(전달인자)로 사용될 경우에도 값이 복사된다. 참조형 데이터

Call by Value Call by Reference

코드 출처: JAVASCRIPT.INFO

Test Driven DevelopmentMake it FailMake it PassRefactorTest Framework 구성 요소Unit TestAssertionMatcherTest Framework를 위한 자바스크립트 라이브러리MochaChaiShouldJest

prototype 은 모델의 Blueprint를 만들 때 사용되는 원형 객체입니다. 그리고 this 는 함수가 실행될 때, 해당 scope마다 생성되는 고유한 실행 컨텍스트(Execution Context)로써 new 키워드로 인스턴스

키워드 class를 이용해서 클래스 정의클래스의 속성 정의클래스의 메소드 정의contructor 는 인스턴스가 초기화될 때마다 실행되는 생성자 함수입니다.자료 및 코드 출처: 코드스테이츠(CodeStates)

함수의 Parameter 즉, 전달인자의 갯수가 유동적일 경우 ES5에서는 arguments 라는 키워드를 활용했습니다.{0: 3, 1: 5, 2: 8, 3: 10} 즉 arguments 객체는 유사배열(Pseudo Array)로써 배열 메소드는 사용할 수 없습니다

HTML

CSS

Box Model and Layout

문서의 본문 내용 중에 특별히 강조하거나 눈에 띄게하고 싶은 부분이 있을 때는 좀더 Semantic Tag에 가까운 아래의 태그들을 권장합니다.위의 경우와 달리 아래의 태그는 단지 글자의 굵기를 조정하므로 사용을 권장하지 않습니다.

DOM : JavaScript를 이용해 HTML을 동적으로 제어하기 위해 웹문서를 Tree 구조로 객체화 시킨 것

DOM의 CRUD 조작

Object 중에서 Array.isArray() 메소드를 적용해 보면 분명 배열이 아니면서 length 속성을 가지거나 반복문 적용이 가능한 객체들을 Array-Like Object 또는 Pseudo Array(유사 배열)이라고 합니다.이러한 객체들은 Array.fro

First Class Citizen : FunctionAssignment - 변수에 할당할 수 있다.Argument - 다른 함수의 인자로 전달될 수 있다.Return Value - 다른 함수의 결과로서 반환될 수 있다.

Higher Order Function : 다른 함수를 인자로 받거나 반환하는 함수를 고차 함수라고 합니다.Callback Funtion - 인자로 전달되는 함수Caller Function - 콜백 함수를 호출(Invoke)하는 함수Curry function - 함수를

Callback다른 함수의 argument(전달인자)로 넘겨주는 함수를 콜백 함수라고 합니다. 이 때 parameter(매개 변수)를 넘겨 받는 함수는 콜백 함수를 필요에 따라 즉시(synchronous, 동기) 실행할 수도 있고, 나중에(asynchronous, 비동

함수를 실행할 수 있는 다양한 방법function(함수) 호출method(메소드) 호출new 키워드를 이용한 constructor(생성자) 호출함수 메소드 call, apply 이용코드 및 자료 출처: 코드스테이츠(CodeStates)

함수를 호출하면 일어나는 일들Local Memory 생성Lexical Scope에 의존Local Execution Context 생성 Execution Context함수가 호출되면, Execution Context 생성Call Stack에 push함수를 벗어나면

Recursion(재귀)재귀적으로 사고하는 방법주어진 복잡한 문제를 잘게 쪼개어 작은 문제들로 바꾸어 생각하기각 작은 문제들의 구조가 비슷할 경우 함수의 재귀적 호출하기문제를 더 이상 쪼갤 수 없는 경우 혹은 재귀적 구조에서 탈출하는 조건 표현하기단순한 문제들 먼저 해

Complexity Analysis(복잡도 분석)와 Complexity Type(복잡도 타입) 그리고 Big O Notation(빅오 표기법)