프론트엔드 공부/자바스크립트
-
지금껏 배워왔던 것들을 바탕으로 기본 개념에 대해 50여가지의 문제로 나와있는 코드스테이츠의 koans 문제를 풀며 배우면서 명확히 이해하지 못했던 것들을 접하며 개념을 다시 익히는 시간이 되었다. expect, matcher 첫번째로 코플릿을 풀때 어떻게 정답을 검사하는지 expect와 matcher에 대해 알게되었다. expect는 작성한 함수가 주어진 입력값에 대해서 리턴하는 값이 기대하는 값과 같은지를 비교하는 데 사용한다. 즉, 테스트하는 값과 기대값을 비교하기 위해 expect 함수를 사용한다. expect의 기본적인 사용법은 다음과 같다. expect(테스트하는값).기대조건 테스트하는 값으로는 1) 표현식 또는 2) 함수실행이 들어갈 수 있다. true, 1+1 등 값을 반환하는 식 또는 코..
koans 문제풀이로 알게된 점지금껏 배워왔던 것들을 바탕으로 기본 개념에 대해 50여가지의 문제로 나와있는 코드스테이츠의 koans 문제를 풀며 배우면서 명확히 이해하지 못했던 것들을 접하며 개념을 다시 익히는 시간이 되었다. expect, matcher 첫번째로 코플릿을 풀때 어떻게 정답을 검사하는지 expect와 matcher에 대해 알게되었다. expect는 작성한 함수가 주어진 입력값에 대해서 리턴하는 값이 기대하는 값과 같은지를 비교하는 데 사용한다. 즉, 테스트하는 값과 기대값을 비교하기 위해 expect 함수를 사용한다. expect의 기본적인 사용법은 다음과 같다. expect(테스트하는값).기대조건 테스트하는 값으로는 1) 표현식 또는 2) 함수실행이 들어갈 수 있다. true, 1+1 등 값을 반환하는 식 또는 코..
2023.01.04 -
참조 : mdn, poiemaweb, codestates 스코프(Scope) 스코프 - MDN Web Docs 용어 사전: 웹 용어 정의 | MDN 현재 실행되는 컨텍스트를 말한다. 여기서 컨텍스트는 값과 표현식이 **"표현"**되거나 참조 될 수 있음을 의미한다. 만약 변수 또는 다른 표현식이 "해당 스코프"내에 있지 않다면 사용할 수 없 developer.mozilla.org JavaScript에서의 스코프는 "변수의 유효범위"로 사용됩니다. 컨텍스트는 값과 표현식이 "표현"되거나 참조 될 수 있음을 의미한다. 만약 변수 또는 다른 표현식이 "해당 스코프"내에 있지 않다면 사용할 수 없다. 스코프는 또한 계층적인 구조를 가지기 때문에 하위 스코프는 상위 스코프에 접근할 수 있지만 반대는 불가하다. 함..
스코프(Scope) 지역변수, 전역변수 / let, const, var 차이참조 : mdn, poiemaweb, codestates 스코프(Scope) 스코프 - MDN Web Docs 용어 사전: 웹 용어 정의 | MDN 현재 실행되는 컨텍스트를 말한다. 여기서 컨텍스트는 값과 표현식이 **"표현"**되거나 참조 될 수 있음을 의미한다. 만약 변수 또는 다른 표현식이 "해당 스코프"내에 있지 않다면 사용할 수 없 developer.mozilla.org JavaScript에서의 스코프는 "변수의 유효범위"로 사용됩니다. 컨텍스트는 값과 표현식이 "표현"되거나 참조 될 수 있음을 의미한다. 만약 변수 또는 다른 표현식이 "해당 스코프"내에 있지 않다면 사용할 수 없다. 스코프는 또한 계층적인 구조를 가지기 때문에 하위 스코프는 상위 스코프에 접근할 수 있지만 반대는 불가하다. 함..
2023.01.02 -
참조 : codestates, webclub, mdn 원시 자료형(Primitive Type), 참조 자료형(Reference Type)의 특징과 종류 자바스크립트 데이터 타입은 크게 두가지인 원시형(Primitive Type)과 참조형(Reference Type)으로 분리됩니다. 기본(원시)형에는 Number, String, Boolean, null, undefined 가 있으며 ES6 에서는 Symbol 도 추가되었습니다. 참조형은 대표적으로 객체(Object)가 있고 그 하위에 배열(Array), 함수(Function), 정규표현식(RegExp) 등이 있으며, ES6에서는 Map, Set, WeakMap, WeakSet 등도 추가되었습니다. 원시형(Primitive Type) JavaScript에서..
원시 자료형, 참조 자료형의 특징과 종류참조 : codestates, webclub, mdn 원시 자료형(Primitive Type), 참조 자료형(Reference Type)의 특징과 종류 자바스크립트 데이터 타입은 크게 두가지인 원시형(Primitive Type)과 참조형(Reference Type)으로 분리됩니다. 기본(원시)형에는 Number, String, Boolean, null, undefined 가 있으며 ES6 에서는 Symbol 도 추가되었습니다. 참조형은 대표적으로 객체(Object)가 있고 그 하위에 배열(Array), 함수(Function), 정규표현식(RegExp) 등이 있으며, ES6에서는 Map, Set, WeakMap, WeakSet 등도 추가되었습니다. 원시형(Primitive Type) JavaScript에서..
2023.01.02 -
배열(Arrays) https://developer.mozilla.org/ko/docs/Learn/JavaScript/First_steps/Arrays 배열(Arrays) - Web 개발 학습하기 | MDN 이 모듈의 이 마지막 문서에서, 우리는 배열을 살펴볼 것입니다. 배열이란 하나의 변수명 아래에 데이터 아이템의 리스트를 저장하는 간편한 방법입니다. 여기서 우리는 왜 배열이 유용한지 보 developer.mozilla.org 배열 배열은 순서가 있는 값이다. 일반적으로 "리스트같은 객체(list-like objects)"라고 기술되며. 배열은 보통 리스트에 저장된 다수의 값들을 포함하고 있는 하나의 객체이다. let alphabet = [‘a’, ‘b’, ‘c’, ‘d’, ‘e’] 배열은 대괄호[ ]..
javascript 배열(Arrays) 기초배열(Arrays) https://developer.mozilla.org/ko/docs/Learn/JavaScript/First_steps/Arrays 배열(Arrays) - Web 개발 학습하기 | MDN 이 모듈의 이 마지막 문서에서, 우리는 배열을 살펴볼 것입니다. 배열이란 하나의 변수명 아래에 데이터 아이템의 리스트를 저장하는 간편한 방법입니다. 여기서 우리는 왜 배열이 유용한지 보 developer.mozilla.org 배열 배열은 순서가 있는 값이다. 일반적으로 "리스트같은 객체(list-like objects)"라고 기술되며. 배열은 보통 리스트에 저장된 다수의 값들을 포함하고 있는 하나의 객체이다. let alphabet = [‘a’, ‘b’, ‘c’, ‘d’, ‘e’] 배열은 대괄호[ ]..
2022.12.29 -
함수 정의 함수는 입력을 받아서 코드블록 내부의 코드를 실행한 후 함수의 실행결과를 반환하는 일련의 과정의 묶음입니다. 함수 - JavaScript | MDN 함수는 JavaScript에서 기본적인 구성 블록 중의 하나입니다. 함수는 작업을 수행하거나 값을 계산하는 문장 집합 같은 자바스크립트 절차입니다. 함수를 사용하려면 함수를 호출하고자 하는 범위 developer.mozilla.org 함수선언문과 함수표현식 JavaScript에서 함수를 정의하는 방법은 여러 가지가 있습니다. 그중에서 가장 대표적인 함수 정의 방법인 함수선언문과 함수표현식을 배워보도록 하겠습니다. 먼저 문자열 ‘hello world’를 출력하는 함수를 함수선언문으로 정의해 보겠습니다. // 함수선언문으로 정의한 함수 function..
자바스크립트 함수(함수선언, 함수호출, 매개변수, 전달인자, return)함수 정의 함수는 입력을 받아서 코드블록 내부의 코드를 실행한 후 함수의 실행결과를 반환하는 일련의 과정의 묶음입니다. 함수 - JavaScript | MDN 함수는 JavaScript에서 기본적인 구성 블록 중의 하나입니다. 함수는 작업을 수행하거나 값을 계산하는 문장 집합 같은 자바스크립트 절차입니다. 함수를 사용하려면 함수를 호출하고자 하는 범위 developer.mozilla.org 함수선언문과 함수표현식 JavaScript에서 함수를 정의하는 방법은 여러 가지가 있습니다. 그중에서 가장 대표적인 함수 정의 방법인 함수선언문과 함수표현식을 배워보도록 하겠습니다. 먼저 문자열 ‘hello world’를 출력하는 함수를 함수선언문으로 정의해 보겠습니다. // 함수선언문으로 정의한 함수 function..
2022.12.24 -
반복문 다수의 기본적인 계산에서부터 완료해야 할 비슷한 작업들을 가지고 있는 상황들에 대해서까지, 반복문은 같은 것을 계속 그리고 계속 다시 하는 것에 모든 관련이 있는데, 이는 빠르게 반복적인 일을 완료하는 데 뛰어납니다. 반복문에는 for, while, do while 이 있습니다. for문 JavaScript의 대표적인 반복문인 for문에 대해서 학습해 보겠습니다. for문의 다음과 같이 이루어져 있습니다. for 뒤에 오는 소괄호(())에는 각각 초기값, 조건식, 증감식이 들어갑니다. 코드블록에는 반복해서 실행할 코드가 들어갑니다 for (초기값; 조건식; 증감식) { // 실행할 코드 } 초기값 : 증감식 반복횟수를 카운트하는 역할을 하는 변수, 이것은 보통 숫자로 설정된 변수인데, 반복문이 실..
반복문 for, while, do while반복문 다수의 기본적인 계산에서부터 완료해야 할 비슷한 작업들을 가지고 있는 상황들에 대해서까지, 반복문은 같은 것을 계속 그리고 계속 다시 하는 것에 모든 관련이 있는데, 이는 빠르게 반복적인 일을 완료하는 데 뛰어납니다. 반복문에는 for, while, do while 이 있습니다. for문 JavaScript의 대표적인 반복문인 for문에 대해서 학습해 보겠습니다. for문의 다음과 같이 이루어져 있습니다. for 뒤에 오는 소괄호(())에는 각각 초기값, 조건식, 증감식이 들어갑니다. 코드블록에는 반복해서 실행할 코드가 들어갑니다 for (초기값; 조건식; 증감식) { // 실행할 코드 } 초기값 : 증감식 반복횟수를 카운트하는 역할을 하는 변수, 이것은 보통 숫자로 설정된 변수인데, 반복문이 실..
2022.12.22 -
조건문(conditional statements) https://developer.mozilla.org/ko/docs/Learn/JavaScript/Building_blocks/conditionals 판단 내리기 — 조건문 - Web 개발 학습하기 | MDN 어떤 프로그래밍 언어든 코드는 의사 결정을 내리고 입력 내용에 따라 작업을 수행해야 합니다. 예를 들어 게임에서 플레이어의 생명 수치가 0이면 게임이 종료됩니다. 날씨 앱에서는 아침에 해 developer.mozilla.org 조건문이란 프로그램 내에서 주어진 표현식의 결과에 따라 별도의 명령을 수행하도록 제어하는 실행문입니다. 조건문 중에서 가장 기본이 되는 실행문은 if 문입니다. 자바스크립트에서 사용할 수 있는 조건문의 형태는 다음과 같습니다...
조건문 if, else, else if (ft.조건에 필요한 연산자)조건문(conditional statements) https://developer.mozilla.org/ko/docs/Learn/JavaScript/Building_blocks/conditionals 판단 내리기 — 조건문 - Web 개발 학습하기 | MDN 어떤 프로그래밍 언어든 코드는 의사 결정을 내리고 입력 내용에 따라 작업을 수행해야 합니다. 예를 들어 게임에서 플레이어의 생명 수치가 0이면 게임이 종료됩니다. 날씨 앱에서는 아침에 해 developer.mozilla.org 조건문이란 프로그램 내에서 주어진 표현식의 결과에 따라 별도의 명령을 수행하도록 제어하는 실행문입니다. 조건문 중에서 가장 기본이 되는 실행문은 if 문입니다. 자바스크립트에서 사용할 수 있는 조건문의 형태는 다음과 같습니다...
2022.12.19 -
Boolean 타입 (볼린형, 논리타입) Boolean - JavaScript | MDN Boolean 객체는 불리언 값을 감싸고 있는 객체입니다. developer.mozilla.org 불린형(논리 타입)은 true와 false 두 가지 값밖에 없는 자료형이며 불린형은 긍정이나 부정을 나타내는 값을 저장할 때 사용한다. 컴퓨터과학에서 주로 참은 1, 거짓은 0에 대응하나 언어마다 차이가 있다. 숫자를 쓰지 않고 참과 거짓을 나타내는 영단어 true와 false를 쓰기도 한다. Javascript에서 불리언 조건은 어떤 코드 부문이 실행되어야 할 지(예를 들어 if 절 안에서) 또는 어떤 코드 부문을 반복해야 할지(예를 들어 for 문 안에서) 결정하는 데 사용한다. true; false; /* Java..
Boolean 타입 (볼린형, 논리타입), 비교연산자, 논리연산자Boolean 타입 (볼린형, 논리타입) Boolean - JavaScript | MDN Boolean 객체는 불리언 값을 감싸고 있는 객체입니다. developer.mozilla.org 불린형(논리 타입)은 true와 false 두 가지 값밖에 없는 자료형이며 불린형은 긍정이나 부정을 나타내는 값을 저장할 때 사용한다. 컴퓨터과학에서 주로 참은 1, 거짓은 0에 대응하나 언어마다 차이가 있다. 숫자를 쓰지 않고 참과 거짓을 나타내는 영단어 true와 false를 쓰기도 한다. Javascript에서 불리언 조건은 어떤 코드 부문이 실행되어야 할 지(예를 들어 if 절 안에서) 또는 어떤 코드 부문을 반복해야 할지(예를 들어 for 문 안에서) 결정하는 데 사용한다. true; false; /* Java..
2022.12.17