parseInt() 함수는 문자열 인자를 구문분석하여 특정 진수의 정수를 반환합니다.subString() 메소드는 string 객체의 시작 인덱스로 부터 종료 인덱스 전 까지 문자열의 부분 문자열을 반환합니다. Number 객체는 숫자 값으로 작업할 수 있게 해주는 래
'특정값을 반환하는 코드(code that returns value)'즉, 변수와 특정값을 이용해서 연산을 하는 경우 등을 말한다.(참고) value의 종류는 문자열, 숫자, 불린(T/F), undefined, null 등이 있다. 표현식(Expression)은 자바
프로그래밍에서 '='의 의미 수학에서 등호('=')는 같다를 의미한다. 하지만, 프로그래밍에서는 '==='가 같다는 의미다. 그렇다면, 프로그래밍에서 '='는 무슨 의미일까? 변수 선언 및 할당 개념을 이해하고 있다면, '='가 좌항의 '데이터 보관함'
camelCase(변수이름명명규칙) one. 공백은 쓰지 못 한다. two. 두 번째 단어부터 첫 글자를 대문자로 써준다.
function add(a, b){ // 함수 선언식return a + b;}console.log(awesome) // 콘솔창에 함수값을 할당한 변수 awesome이 문제없이 출력된다.// 함수 표현식const awesome = add(1, 5); const add =
각 코드의 한 줄특정값을 반환하는 코드(code that returns value)즉, 변수와 특정값을 이용해서 연산을 하는 경우 등을 말한다.(참고) value의 종류는 문자열, 숫자, 불린(T/F), undefined, null 등이 있다. 컴파일 과정을 거치지 않
document.querySelector("selector")
'calculator\_\_operend--left' 클래스의 엘리먼트와, 그 자식 엘리먼트의 정보를 모두 담고 있습니다.firstOperend를 호출하면 태그 자체가 호출firstOperend와 그 자손의 '문자열(String)' 콘텐츠를 표현textContent에
const vs let 참조하는 메모리 주소를 바꿀 수는 없다. 반면, let은 메모리 주소를 바꿀 수 있다. 그 메모리 내부의 값이 바뀌는 것에는 관여하지 않는다. const myNumber = 23; “myNumber는 23이라는 값(value)을 보유한 메모
Master branch: 가운데에 있는 branchcommit: '동그라미'들이 죄다 커밋이다.git은 어떤 commit이라도 받을 수 있게 해준다.어떤 commit이라도, 거기부터 master branch와는 다른 프로젝트를 시작할 수 있다.대부분 master br
'브라우저 밖에서 쓸 수 있는 자바스크립트' (이전에는 브라우저 안에서만 쓸 수 있었음)vscode 터미널에서 'node'를 입력하고 엔터를 누르면 실행이 된다.크롬 개발자 도구 내 콘솔창에서 하던 작업을 브라우저 밖에서도 할 수 있게 된 것이다.공식 사이트'패키지 매
buttons.addEventListener('click', function (event) {}지정한 이벤트의 대상'document', 'element', 'window' 등 모든 객체property: event.target메서드는 지정한 이벤트가 대상에 전달될 때마다
'외부 모듈을 불러오는 함수/'const { range } = require("range");range 모듈을 불러옵니다변수 { range }에 담습니다.module.exports = getListMultiplesOfTwo; \- exports === module.e
프로그래머가 파일에 정보를 저장하기 위해 만든 방식 중 하나형식node.js에서는 무조건 이 이름(package.json)으로 명명해야 한다.프로젝트 코드를 전달할 때, 포함하고 있는 모든 모듈을 다 전달하지 않아도 된다pacakge.json에서 필요한 정보를 다 적
'프로젝트가 돌아가기 위해 반드시 필요한 모듈들'예모듈, 의존성' 실제 프로젝트 동작에 직접적으로 영향을 주지 않는 모듈들'구성"키": "모듈 이름""값": "버전"npm install mocha --save-dev\--save-dev 옵션자동으로 devDependen
키보드의 입력을 확인하고 편집할 수 있는 한 줄의 공간CLI의 명령줄 대기모드현재 위치 확인하기새 폴더 생성하기, make directory특정 폴더에 포함된 파일이나 하위 폴더의 리스트를 출력CLI에서 특정 명령어의 옵션을 사용하는 경우에는 -를 이용해 옵션을 입력했
객체지향프로그램(OOP) 하나의 모델이 되는 청사진을 만들고, 그 청사진을 바탕으로 한 객체(인스턴스)를 만드는 프로그래밍 패턴 인스턴스(instance) 청사진(클래스)를 바탕으로 한 객체 클래스의 고유한 속성, 메소드 갖음 클래스(Class) 청사진 new
프로토타입(prototype) 부모 클래스의 원형 객체 proto 부모 클래스의 프로토타입에 접근 가능. 프로토타입 체이닝에 의해서 proto를 참조하게 하는 자바스크립트 자체의 작동 원리
예시코드
[JS/Node] 비동기 하나의 모델이 되는 청사진을 만들고, 그 청사진을 바탕으로 한 객체(인스턴스)를 만드는 프로그래밍 패턴 자바스크립트는 객체 지향 언어가 아니다. 그러나 객체 지향으로 코딩할 수 있다. ES6 class 문법이 생겼기 때문이다. 블로킹(bl
[JS/Node] 얕은 복사(shallow copy) 참조(주소)값의 복사 [JS/Node] 깊은 복사(deep copy) 값 자체의 복사
[JS/Node] 모듈 어떤 기능을 조립할 수 있는 형태로 만든 부분
[비동기] Promise.all() 메서드 순회 가능한 객체에 주어진 모든 프로미스가 이행한 후, 혹은 프로미스가 주어지지 않았을 때 이행하는 Promise를 반환한다. 반환 형태는 '배열' 주어진 프로미스 중 하나가 거부하는 경우, 첫 번째로 거절한 프로미스의
다음은 원격으로 요청하고, 데이터를 받아올 수 있는 URL이 있습니다.최신 뉴스 https://v1.nocodeapi.com/codestates/google_sheets/YbFMAAgOPgIwEXUU?tabId=최신뉴스날씨 정보 https://v1.n
링크
UI에서 동적으로 표현되는 데이터함수의 입력 외에도 함수의 결과에 영향을 미치는 요인예) 네트워크 요청, API 호출fetch와 같은 API 요청이 없이도 이 컴포넌트는 작동되어야 합니다표현(presentation)할 수 있어야 합니다.하지만,앱을 만들다보면 분명 AP
React 앱의 가장 작은 단위일반 객체, 불변 객체render함수가 컴포넌트(component)의 정보를 통해 화면을 구성(브라우저 DOM 엘리먼트와 달리) React 엘리먼트는 일반 객체(plain object) 쉽게 생성할 수 있습니다. React DOM은 Rea
React에서는 상태(state)와 속성(props)을 이용한 컴포넌트 단위 개발 아키텍처를 배웠습니다.그동안에는 상태를 다루기 위해 컴포넌트 안에서 상태 변경 로직이 복잡하게 얽혀있는 경우가 많았습니다.Redux 스프린트에서는 컴포넌트와 상태(state)를 분리하는
React 엘리먼트 React 앱의 가장 작은 단위 >>엘리먼트는 화면에 표시할 내용을 기술한다. '루트' DOM 노드 >> 이 안에 들어가는 모든 엘리먼트를 React DOM에서 관리한다. >> React 엘리먼트를 루트 DOM 노드에 렌더링하려면 둘 다 Rea
함수와 함수가 선언된 어휘적 환경(lexical environment)의 조합외부 함수의 변수에 접근 가능한 내부 함수 내부 함수 === 클로저 함수
정적 웹사이트와 동적 웹사이트가 어떻게 다른지 이해할 수 있다빌드가 무엇인지 이해할 수 있다정적 웹사이트 형태로 만들어지는 현대의 웹 앱이 왜 빌드 과정을 필요로 하는지 알 수 있다정적 웹사이트를 배포할 수 있다정적 웹사이트 배포시 발생하는 문제를 이해하고 해결할 수
Javascript를 이용해서 엘리먼트의 속성값을 얻어내거나, 변경하는 방법
자바스크립트 특성 중 하나 스코프에 대한 이해와 주요 규칙클로저 함수의 정의와 특징에 대해서 이해할 수 있다클로저가 갖는 스코프 범위를 이해할 수 있다클로저를 이용해 유용하게 쓰이는 몇 가지 코딩 패턴을 이해할 수 있다"함수와 함수가 선언된 어휘적(lexical) 환경
Spread/Rest 문법, 구조 분해 할당을 사용할 수 있다.배열을 풀어서 인자로 전달하거나,배열을 풀어서 각각의 요소로 넣을 때 사용파라미터를 배열의 형태로 받아서 사용(파라미터 개수가 가변적일 때 유용)Spread 문법은 배열에서 강력한 힘을 발휘합니다.arr1의
메소드를 속성으로 정의한 어떠한 객체를 가리키는 키워드어떠한 객체의 속성으로 정의된 함수위 객체를 예로 든다면,getKeys는 객체 obj의 속성으로 정의된 함수인 메소드이다.obj.getKeys()와 같은 형태로 사용(호출)할 수 있죠.전역 변수에 선언한 함수도 웹페
일급 객체(first-class citizen)의 세 가지 특징을 설명할 수 있다.고차 함수(higher-order function)에 대해 설명할 수 있다.고차 함수를 자바스크립트로 작성할 수 있다.더 생각해 볼 주제에 대해서 공부하고, TIL을 작성할 수 있다.자바
Node는 뭐고, Element는 뭐지?
JSON이 뭐였지?
coming soon...Event Loopmdn
coming soon