변수 타입 함수
조건문 >조건을 알기위해서는 Boolean 타입에 대한 이해가 있어야 된다. > 조건문은 조건문 안에서 참인지 거짓인지를 판별하는 기준이 된다. > 조건문에는 반드시 비교 연산자가 있어야 된다. 비교연산자 > | 종류 | 설명 |: |:---:|:---:| |>|초
str[index] >문자열은 값 하나하나에 접근할 수 있다. > 각각의 인덱스로 값에 접근은 가능하지만, 값을 직접적으로 바꿀 수는 없고, 오로지 읽는 것만 가능하다. > 문자열은 항상 read-only! > 새로 할당하지 않는 한 그 값이 바뀌지 않는다. > 인덱
반복문을 활용하면 단순한 기능을 반복해서 수행할 수 있다. 예를 들면 구구단을 구하는 경우가 가장 대표적이다. >구구단 3단 출력 > 구구단 4단 출력 > 위의 코드는 3단과 7단을 출력하는 코드이다. > 위에서 계속 반복되는 부분이 3단 부분이다. 그럼 4단,
아래의 3가지 HTML, CSS, JavaScript는 관심사를 분리하기 위해서 구조, 스타일, 상호작용을 나눠서 코드를 작성해야 된다. HTML HTML은 웹페이지의 구조(Structure)를 담당하는 Markup언어이며 html은 부등호로 묶인 HTML의 기본
원시 타입, 참조 타입 > 원시 타입 데이터에는 number, string, boolean, undefined, null 외에 bigInt, symbol이 있다. > 참조타입에는 배열, 객체, 함수가 있는데 이번에는 배열에 대해 아래에서 더 자세하게 공부해 볼 것이다.
배열과 객체 > 배열과 객체의 구조를 이해하고 있어야 객체를 다루기 좋다. 배열은 순서를 가지고 있다. 객체는 순서를 가지지 않고, 키를 통해 접근한다. > 객체 속성(property)의 조회, 추가, 변경, 삭제를 할 수 있다. 객체 속성(property)의 조회
Primitive & Reference > Primitive Type number, string, boolean과 같은 고정된 저장공간을 차지하는 데이터를 말한다. > 자바스크립트에서의 원시 타입의 데이터는 객체가 아니면서 메소드를 가지지 않는 6가지의 타입을 말한다.
mac에서의 git설치는 매우 간단합니다:)아래는 맥, 윈도우의 설치를 정리했습니다.브라우저에서 'git'을 검색한다.git을 검색했을 때 아래와 같이 Git이라는 홈페이지가 나오면,Git을 클릭해서 들어간다. https://git-scm.com/홈페이지를 들
웹 앱 구현하기 > mock up > >
일급객체: First-class citizen > 자바스크립트에는 first-class, 일급객체가 존재한다. > 자바스크립트에서 특별한 취급을 받는것을 가리켜서 일급 객체('first-class citizen')라고 부른다. > 일급 객체에서 하나가 바로 함수이다.
배열의 내장 고차함수인 filter, map, reduce에 대해서 다뤄볼 것이다.고차함수는 추상화(abstraction)의 관점에서 고차 함수가 갖는 이점에 대해 생각해볼 수 있다.자바스크립트에는 기본적으로 내장되어 있는 고차 함수들이 존재한다.배열에서 사용할 수 있
DOM은 HTML을 구조적으로 접근한다.그렇기때문에 DOM은 HTML을 단순한 문서에서 그치지 않고, 웹 앱으로 작동할 수 있게 만들어 주는 핵심 키가 된다.브라우저의 환경에서 DOM은 자바스크립트를 이용해서 조작할 수 있다.예를 들어서 기존에 존재하는 element에
기존에는 데이터를 보여주기 위해 html 파일에다가 태그로 값을 하드코딩 해놨었다.js파일에 각각 객체들에 이름, 작성일, 글 내용을 담아놓은 배열을 가지고,반복문을 사용하여 화면에 데이터들을 출력할 것이다.입력받은 배열 안의 데이터들을 하나씩 뿌리는 작업을 한다.데이
addEventListener( )는 EventTarget의 함수이다.addEventListener( ) 메소드는 지정한 이벤트가 대상에 전달될 때 마다 호출할 함수를 설정한다.사용방법에는 2가지 방법이 있다.1\. 표현식을 통해 구현한 함수를 넣는 방법2\. 익명함수
배열 메소드 구현하기 forEach() > map() > filter() > reduce() >
recursion >재귀적으로 사고하기 위해서는 여러 조건을 고려해야 된다. 잘게 쪼개어 사고하는 법 재귀적 사고 함수 자신의 재귀적 호출 탈출 조건 > 재귀 함수의 활용(트리 구조) 트리 구조에 재귀 함수를 활용 JSON 구조에 재귀 함수를 활용 DOM 구조에 재귀
JSON.stringfy 함수는 input 값을 JSON 형식으로 변환해준다.주의해야 할 점은 undefined와 function은 JSON 으로 생략되거나 null로 변환된다.JSON.stringify( value (\[, replacer , space ])JSON
객체 및 배열을 JavaScript로 다루기UI를 와이어프레임으로 그린 후, HTML & CSS로 디자인하기특정 도시와 현재 시점에 대한 날씨 데이터 다루기객체로 주어지는 날씨 데이터 값을 특정 element에 DOM을 활용하여 동적으로 렌더링 하기자원(resource
Unix 계열 OS를 사용하는 이유 >자바스크립트는 오픈소스, 특히 npm을 기반으로 발전해왔다고 한다. node.js 버전 관리툴인 nvm을 윈도우에서는 지원하지 않는다고 한다. node.js 모듈 중 리눅스/macOS용 컴파일 도구를 이용하는 경우 윈도우에서 사용할
git 환경 설정 > Git을 설치하고 나서 이용할 때 필요한 환경 설정을 해야되는데 바로 사용자 정보 설정이다. > Git은 커밋 할 때 마다 사용자 이름과 이메일 주소를 사용한다. 만약 --global 옵션을 빼고 명령을 실행했다면, 커밋할 때 마다 매번 사용자 이
node.js > node.js에서 사용하는 package.json과 npm script에 대해서 공부 1.devDependencies와 dependencies의 차이점 2.npm과 모듈의 이해 node.js VS browser > node.js는 JavaScri
ES6문법 & 모듈화 & node.js에서 사용하는 CommonJS 공부 > arrow function, Spread / Rest 문법 구조분해 할당 ComminJS 도입 배경 1.node.js에서 사용하는 require문법, module.exports, export
자료구조 > Stack, Queue 자료구조 이해하기 : Stack, Queue 자료구조를 배열로 대체해서 만들어보기 자료구조란? > 자료구조란 여러 데이터들의 묶음을 어떻게 저정하고, 사용할 것인지를 정의한 것이다. > 자료, data 자료, data는 자료 구조에
하나의 Request에는 Head, Body로 이루어진 부분이 존재한다.HeadRequest에 대한 여러가지 부가적인 정보들이 들어있다.그리고 여기에는 method값이 존재한다.BodyRequest에 대한 실제 데이터를 담고있는 부분이다.Request를 보낼 때 어떤