HTTP 트랜잭션 해부 21.04.30

DOM(Document Object Model) : HTML(Document)에 접근하여 Object(JavaScript Object)처럼 HTML을 조작(Manipulation)할 수 있는 Model. 즉, 자바스크립트를 알면 DOM을 활용하여 HTML을 조작할 수 있다는 의미

코드 스타일링 21.03.17

17 Mar 2021 in Dev on Java Script

[알고리즘 문제 풀이] -문제 조건 쪼개기 -수도 코드를 JS 개념과 연결 -남들이 알아볼 수 있는 간결한 코드 + 주석 -타입확인과 변환 -이중 반복문 -반복문 내 다수의 조건문 -for vs while 언제 사용할지

고차함수 21.03.16

16 Mar 2021 in Dev on Java Script

일급 객체(first-class citizen) 특징

Array Method 21.03.16

16 Mar 2021 in Dev on Java Script

filter() : function의 테스트를 통과(boolean)하는 모든 요소를 모아 새로운 배열로 반환

filter()는 array 내 각 element에 대해 한 번 제공된 callback 함수를 호출해, callback이 true로 강제하는 값을 반환하는 모든 값이 있는 새로운 배열을 생성합니다. callback은 할당된 값이 있는 배열의 인덱스에 대해서만 호출됩니다; 삭제됐거나 값이 할당된 적이 없는 인덱스에 대해서는 호출되지 않습니다. callback 테스트를 통과하지 못한 배열 요소는 그냥 건너뛰며 새로운 배열에 포함되지 않습니다.

부트캠프 2주차 회고 21.03.14

14 Mar 2021 in Dev on Java Script

[2021.03.02~03.14 공부]

koans 21.03.13

14 Mar 2021 in Dev on HTML, CSS, Java Script

for-if-continue vs for-if-break

Git 21.03.13

13 Mar 2021 in Dev on Java Script

git : 버전 관리 시스템
github : 버전 관리 시스템 관리 플랫폼

CLI 21.03.13

13 Mar 2021 in Dev on Java Script

CLI(Comman Line Interface) : termial에서 사용

JS 21.03.12

12 Mar 2021 in Dev on Java Script

scope

JS 21.03.12

12 Mar 2021 in Dev on Java Script

closure : 외부 함수의 변수에 접근 할 수 있는 내부 함수(또는 이러한 작동 원리를 일컫는 용어)

JS 21.03.11

11 Mar 2021 in Dev on Java Script

Spread Syntax(분리) vs Rest Parameter(배열로 합침)

JS 21.03.11

11 Mar 2021 in Dev on Java Script

참고 : https://okayoon.tistory.com/entry/%EC%95%84%ED%8B%B0%ED%81%B4-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-060-%EC%BD%9C-%EC%8A%A4%ED%83%9DCall-stack%EA%B3%BC-%ED%9E%99Heap

JS 21.03.10

10 Mar 2021 in Dev on Java Script

object : 데이터가 다양한 속성을 가지고 있는 경우에 객체를 사용

JS 21.03.09

09 Mar 2021 in Dev on Java Script

reference type data: 대량의 데이터를 쉽게 다룰 수 있게 자바스크립트에서는 Array와 Object라는 데이터 타입을 사용합니다. 이런 대량의 데이터를 다루기에 적합하게 제작된 데이터 타입을 참조 타입(reference type) 데이터라고 부릅니다. primitive type data(Number, String, Boolean, undefined…)와는 다른 성격.

JS 21.03.08

08 Mar 2021 in Dev on Java Script

while / Nested if else if / Nested for

JS 21.03.04 (for / while / break / let / const)

04 Mar 2021 in Dev on Java Script

for

JS 21.03.03 (if, string method, Math, Hoisting, template literal)

03 Mar 2021 in Dev on Java Script

중첩 if 문

JS 21.03.02

02 Mar 2021 in Dev on Java Script

String() : type을 number에서 string으로 변환하는 method

ES 2020

19 Feb 2021 in Dev on Java Script

ES 2020은 최신 버전이므로 지원 브라우저 확인 필요

ES6 - this in classes

08 Feb 2021 in Dev on Java Script

this는 기본적으로 class 안에서 사용 할 때 class 그 자체를 가리킨다. 하지만 class와 function을 어떻게 정의하느냐에 따라 this가 가리키는 것이 달라진다.

ES6 - symbol & set & map

08 Feb 2021 in Dev on Java Script

symbol : 새로운 data type (data type : string, number, boolean 등). 잘 사용하진 않는다.

ES6 - classes

08 Feb 2021 in Dev on Java Script

classes : 화려한 Object, 일종의 설계도. (대부분 스스로 만들어 쓰진 않음 보통 라이브러이나 리액트 같은 것을 만들 때 사용)

ES6 - Async & Await

08 Feb 2021 in Dev on Java Script

async & await

ES6 - Rest & Spread

03 Feb 2021 in Dev on Java Script

array spread : 변수를 array 밖으로 가져와서 나열

ES6 - Promise

03 Feb 2021 in Dev on Java Script

Promise : 비동기 작업이 맞이할 미래의 완료 또는 실패와 그 결과 값을 나타냄. 순차적으로 처리되는게 아니라 한번에 실행 (동기성 / 비동기성).

ES6 - For of Loop

03 Feb 2021 in Dev on Java Script

for

ES6 - Destructuring

03 Feb 2021 in Dev on Java Script

Destructuring(비 구조화) : object나 array 등의 요소들 안의 변수를 밖으로 꺼내서 사용

ES6 - string

28 Jan 2021 in Dev on Java Script

template literals ``backtick

ES6 - Array

28 Jan 2021 in Dev on Java Script

Array.of() : Array 생성

ES6 - variables

27 Jan 2021 in Dev on Java Script

const & let

ES6 - functions

27 Jan 2021 in Dev on Java Script

arrow function

JS - Array forEach / Push / include

19 Jan 2021 in Dev on Java Script

forEach() : 기존 array의 각 argument에 함수를 실행. (map은 함수를 실행하고 새로운 array를 return)

Object Destructing / Spread Operator

18 Jan 2021 in Dev on Java Script

Object Destructuring

JS - Array Map & Filter

18 Jan 2021 in Dev on Java Script

Array Map

ES6 - Classes

18 Jan 2021 in Dev on Java Script

Class 생성

ES6 - Arrow Function / Template Literals

18 Jan 2021 in Dev on Java Script

Arrow Function

DOM - DOM Event

18 Dec 2020 in Dev on Java Script

DOM Events Overview

DOM - Element Nodes

08 Dec 2020 in Dev on Java Script, Dom

Keep in mind that each HTML Element in the preceding list inherits properties and methods from HTMLElement, Element, Node, and Object.

DOM - node Overview

07 Dec 2020 in Dev on Java Script

DOM

JS - stack

29 Nov 2020 in Dev on Java Script

stack : 가장 윗부분에서만 자료의 추가와 삭제가 일어나므로 실행속도가 빠르고 구현이 쉬운 효율적인 자료구조.

JS - DOM / 접근 방법

29 Nov 2020 in Dev on Java Script

DOM (Document Object Model) : DOM은 넓은 의미로 웹 브라우저가 HTML 페이지를 인식하는 방식을 의미. 조금 좁은 의미로 본다면 document object와 관련된 object의 집합을 의미. 웹 브라우저 화면에 보이는 element를 조작하기 위한 기능으로 가득 차있는 각각의 라이브러리.

JS - data type / reference`

29 Nov 2020 in Dev on Java Script

데이터 타입이란 데이터의 형태를 의미한다. 데이터 타입은 크게 두가지로 구분할 수 있다. 객체와 객체가 아닌 것.

JS - closure

29 Nov 2020 in Dev on Java Script

클로저(closure)는 내부함수가 외부함수의 맥락(context)에 접근할 수 있는 것을 가르킨다.

JS - switch

28 Nov 2020 in Dev on Java Script

switch 문은 if문과 같은 조건문이다.

JS - parseInt, parseFloat

28 Nov 2020 in Dev on Java Script

parseInt() : string을 정수로 바꾸는 함수.

JS - 복합 대입 연산자

28 Nov 2020 in Dev on Java Script

복합 대입 연산자 / 증감 연산자

JS - object 객체

28 Nov 2020 in Dev on Java Script

Object 객체는 객체의 가장 기본적인 형태를 가지고 있는 객체이다. 다시 말해서 아무것도 상속받지 않는 순수한 객체다. 자바스크립트에서는 값을 저장하는 기본적인 단위로 Object를 사용한다.

JS - this

27 Nov 2020 in Dev on Java Script

this는 고정된 것을 가리키는 것이 아닌 함수 내에서 함수 호출 맥락(context)를 의미한다. 맥락이라는 것은 상황에 따라서 달라진다는 의미인데 즉 함수를 어떻게 호출하느냐에 따라서 this가 가리키는 대상이 달라진다는 뜻이다.

JS - prototype

27 Nov 2020 in Dev on Java Script

함수(function)는 객체(object{})다. 그러므로 생성자(new, constructor)로 사용될 함수도 객체다. 객체는 property를 가질 수 있는데 prototype이라는 property는 그 용도가 약속되어 있는 특수한 property다.

JS - 상속(inheritance)

27 Nov 2020 in Dev on Java Script

상속은 객체의 로직(메소드,변수)을 그대로 물려 받는 또 다른 객체를 만들 수 있는 기능을 의미한다. 또한 기존의 로직을 수정하고 변경해서 파생된 새로운 객체를 만들 수 있게 해준다. 이처럼 부모의 기능을 계승 발전할 수 있는 것이 상속의 가치다.

JS - 표준 내장 객체(standard built-in object)

27 Nov 2020 in Dev on Java Script

표준 내장 객체 : javascript가 기본적으로 제공하는 객체

JS - 후위표기식

26 Nov 2020 in Dev on Java Script

후위 표기법이란 피연산자(숫자)를 먼저 쓰고 그 뒤에 연산자가 나오는 형태의 식을 말합니다.

자바스크립트 이벤트 처리 방식 addEventListener

26 Nov 2020 in Dev on Java Script

HTML 요소에 직접 이벤트 처리 속성 설정.

isNaN

23 Nov 2020 in Dev on Java Script

NaN : Not A Number의 약자. 즉 숫자가 아닌 것을 뜻한다.

charAt(index)

23 Nov 2020 in Dev on Java Script

문자열에서 (인자)로 주어진 값에 해당하는 문자를 리턴한다.

계산기 만들기

23 Nov 2020 in Dev on Html, Css, Java Script

CSS GRID

JS - 생성자와 new

19 Nov 2020 in Dev on Java Script

object(객체) : 서로 연관된 property(변수)와 function(함수)를 그룹핑한 {}그릇

JS - 2차원 array

19 Nov 2020 in Dev on Java Script

array는 1차원 array, 2차원 array,~ n차원 배열이 있을 수 있다. 3차원 array부터는 너무 복잡해서 잘 사용하지 않는다. 복잡하게 작성하는 것은 좋은 방법이 아니며 쉬운 방법으로 프로그래밍을 코딩하여 프로그램 가독성을 높여야 한다.

JS - scope

18 Nov 2020 in Dev on Java Script

유효범위(Scope)는 변수의 수명을 의미한다.

JS - 정규 표현식

18 Nov 2020 in Dev on Java Script

문자열에서 특정한 문자를 찾아내는 툴.

JS - closure

18 Nov 2020 in Dev on Java Script

클로저 다시 공부하기. 어렵다 ㅠ

JS - 값(object) function callback

18 Nov 2020 in Dev on Java Script

JavaScript에서는 함수도 객체다. 다시 말해서 일종의 값이다. 거의 모든 언어가 함수를 가지고 있다. JavaScript의 함수가 다른 언어의 함수와 다른 점은 함수가 값이 될 수 있다는 점이다.

JS - arguments (객체)

18 Nov 2020 in Dev on Java Script

함수에는 arguments라는 변수에 담긴 숨겨진 유사 배열(배열과 비슷하지만 배열이 아님)이 있다. 이 배열에는 함수를 호출할 때 입력한 인자가 담겨있다.

JS - 함수의 호출 (apply 메소드)

18 Nov 2020 in Dev on Java Script

함수 호출 기본적인 방법

JS - 객체지향 프로그래밍 (Object-Oriented Programming) 교양

18 Nov 2020 in Dev on Java Script

객체지향 프로그래밍(Object-Oriented Programming)은 좀 더 나은 프로그램을 만들기 위한 프로그래밍 패러다임으로 로직을 상태(state)와 행위(behave)로 이루어진 객체로 만드는 것이다. 이 객체들을 마치 레고 블럭처럼 조립해서 하나의 프로그램을 만드는 것이 객체지향 프로그래밍이라고 할 수 있다. 다시 말해서 객체지향 프로그래밍은 객체를 만드는 것이다.

JS - object

17 Nov 2020 in Dev on Java Script

만약 인덱스로 문자를 사용하고 싶다면 객체 dictionary를 사용해야 한다. (배열은 인덱스를 숫자로 사용) value를 담는 그릇.

JS - module, library, API

17 Nov 2020 in Dev on Java Script

모듈화 : 각각의 기능을 가진 코드를 여러개의 파일로 분리 후 재활용성을 높이고 유지보수를 쉽게 유지.

JS - function basic

17 Nov 2020 in Dev on Java Script

function : 하나의 logic을 재실행 할 수 있도록 하여 코드의 재사용성,유지보수 용이, 가독성을 높여준다.

JS - array concat

17 Nov 2020 in Dev on Java Script

array : 연관된 데이터를 모아서 통으로 관리하기 위해서 사용하는 데이터 타입. 변수가 하나의 데이터를 저장하기 위한 것이라면 배열은 여러 개의 데이터를 하나의 변수에 저장하기 위한 것.

K번째 수

17 Nov 2020 in Dev on Coding Test, Java Script, Javascript

배열 array의 i번째 숫자부터 j번째 숫자까지 자르고 정렬했을 때, k번째에 있는 수를 구하려 합니다.

JS - if, while, for, break

16 Nov 2020 in Dev on Java Script

if, else if, else

if 문의 조건이 true면 중괄호의 시작({}부터 중괄호의 끝(})까지의 구간이 실행. false이면 중괄호 구간이 실행되지 않음.

JS - 숫자와 문자

16 Nov 2020 in Dev on Java Script

Number

JS - if, else, else if, switch

16 Nov 2020 in Dev on Java Script

if, else if, else

forEach 기본

16 Nov 2020 in Dev on Java Script

forEach() method는 주어진 callback function을 array에 있는 각 요소에 대해 오름차순으로 한 번씩 반복해서 실행한다.삭제했거나 초기화하지 않은 인덱스 속성에 대해서는 실행하지 않는다. forEach()를 중간에 멈출 수 없다. 중간에 멈춰야 한다면 forEach()가 적절한 방법이 아닐지도..