JavaScript

자바스크립트는 HTML과 CSS와 더불어 웹을 개발하는 세가지 언어 중 하나로 알려져있다. > 웹에서 이 3가지 언어들이 각각 어떤 역할을 할까? HTML : 요소들의 배치와 내용을 기술하는 언어 HTML만 가지고는 요소들의 색깔이나 크기등의 디자인적인 부분 수행

변수: 프로그램이 실행되는 도중에 계속해서 바뀌는 값을 저장하기 위한 이름 / 어떤 값을 이름을 붙여서 부르고 싶을때 이용 자바스크립트에서 변수를 만드는 방법: 25라는 값을 age라는 이름으로 부를 수 있게 됐다고 생각. 이때, age를 변수의 이름,변수 그 자체

자료형이란 값을 성질에 따라 분류한 것 자바스크립트의 자료형은 Primitive Type(원시 타입)과 Non-Primitive Type(비 원시 타입)으로 나눌 수 있다. Primitive Type(원시 타입)은 내장형 타입 또는 기본형 타입이라고도 부를 수 있다

1\. 대입연산자변수에 값을 넣는 역할2\. 산술연산자사칙연산(덧셈,뺄셈,나눗셈,곱셈)을 할수있도록 해주는3\. 연결연산자두 개 이상의 문자열을 이어붙이는 연산주의! 덧셈을 할 땐 양쪽이 숫자인지 확인!4\. 복합연산자산술연산자+대입연산자5\. 증감연산자원시타입 중 숫

조건문이란 어떤 연산의 결과의 참 / 거짓에 따라 다른 명령을 각각 실행할수있도록 도와주는 문법if라는 키워드는 조건문으로 사용if 다음에 else를 바로 쓰지 않고 사이에 else if를 쓰게되면 if 조건을 먼저 검사해서 참이면 해당 명령문 실행하고 끝 / 거짓이면

프로그래밍을 하다보면 똑같은 동작을 하는 코드들이 여기저기 존재 , 그런 코드들이 필요할 때가 꽤 많음중복되는 동일한 동작의 코드들을 하나로 묶어서 함수라는 것으로 만들어서 사용 가능직사각형의 면적을 계산하고, 계산된 값을 콘솔에 출력하는 프로그램👇 2개의 직사각형의

함수를 값처럼 취급해서 변수에 담을 수 있는 함수 표현식에 대해 알아보자.함수도 자바스크립트안에서 자료형, 즉 값이기 때문에 변수나 상수에 담아서 활용 가능!함수를 값에 담을 때는 이름을 명시해주지 않아도 O.K함수 사용 방법?함수를 담고 있는 변수의 이름이 곧 함수의

콜백 함수 : 어떤 다른 함수의 매개변수로 함수를 넘겨준 것기분에 따라 다른 동작을 하게 하는 함수👇이러면 dance는 써보지도 못하고 쓸 때마다 바꿔줘야 함좀 더 융통성 있게 기분이 좋을 때 하는 동작 : goodCallback기분이 좋지 않을 때 하는 동작 : b

객체 : Non-Primitive Type (비 원시 타입) 한번에 여러 개의 값을 가질 수 있음 여러 개의 고정되지 않은 동적 공간 사용 객체 만드는 방법 객체 생성자 만들기 new라는 키워드가 붙으면 뒤에 있는 객체를 생성한다. 객체 리터럴 방식(중괄호 이용)

배열 : Non-Primitive Data Type(비 원시 자료형)순서있는 요소들의 집합여러 개의 항목이 들어있는 리스트동시에 여러 개의 데이터를 가질 수 O배열 생성 방법 1. 생성자 이용배열 생성 방법 2. 배열 리터럴(대괄호 이용)배열 리터럴을 사용하는 것이 더

프로그래밍은 조건과 반복에 의해 완성된다.반복문 : 특정 명령을 반복해서 수행할 수 있도록 도와주는 문법이름을 콘솔에 5번 연속 출력하는 상황만약 100번 출력해야한다면..? -> 100줄이 넘어가버림\-> 반복문을 사용해서 반복(중복)되는 코드들을 확실하게 줄일 수

배열은 굉장히 많은 내장함수를 가지고 있음 내장함수를 잘 이용할수록 for문, if문 간의 의존성을 줄여 더 유연하고 깔끔하고 멋있고 짧은 코드 완성 가능 내장함수라는 것은 객체의 메서드와 같은 것이기 때문에 사용할 때 자바스크립트의 자료형은 모두 객체로 이루어짐 -

자바스크립트의 신기한 기능!참이 아니라 참 같은 값인 Truthy거짓이 아니라 거짓 같은 값인 falsy에 대해 알아보자불리언 값을 넣지 않게 되면 다 거짓으로 인식되는 것일까?자바스크립트의 조건식에는 불리언 값을 넣지 않아도 참이나 거짓으로 인식이 되는 속성이 있음빈

조건문을 파격적으로 줄여서 작성할 수 있는 삼항 연산자에 대해 알아보자 주어진 숫자가 양수인지 음수인지 확인하는 간단한 조건식을 if문을 이용해서 작성해보자 굉장히 간단한 조건인데 코드가 길어지는 느낌이 있음 삼항연산자는 간단한 조건식을 한줄로 아주 짧게 표현할

논리연산자를 활용한 단락회로평가에 대해 알아보자단락회로평가라는 것은 논리연산자의 특성을 이용한 문법논리연산자를 복습해보자. 논리연산자는 3가지가 있다단락회로평가는 왼쪽에서 오른쪽으로 연산하게 되는 논리연산자의 연산 순서를 이용하는 문법예를 들어 &&연산자를 보게되면 &

주어진 문자열이 한식 종류에 해당하는지를 검사하는 함수를 만들어보자(함수선언식으로) 우리가 존재하는 모든 한식들을 검사해야 한다면 이 조건식은 굉장히 길어지게 될 것 이런 상황은 switch-case를 이용해고 case가 너무 많아지기 때문에 큰 의미X 이럴때는

배열이나 객체를 더 우아하게 사용하는 방법 (원하는 값을 더 쉽고 빠르게 쏙쏙 뽑아내는 방법) -> 비 구조화 할당(구조 분해 할당)그런데 각 변수 3개에 값을 인덱스로 할당하려니 arr이라는 변수를 계속 사용해야 하는 반복코드 존재대괄호를 이용해 배열의 값을 순서대로

base, madeIn이라는 프로퍼티가 계속 겹침중복된 프로퍼티를 계속 작성해야 되는 상황에는 spread 연산자 사용!... -> spread 연산자(펼치는 연산자)객체의 값을 새로운 객체에 펼쳐주는 역할spread 연산자는 객체의 프로퍼티를 펼치는 것 말고도 배열도

동기와 비동기는 자바스크립트가 동작하는 방식과 매우 큰 관련이 있음 <자바스크립트의 싱글 스레드 작업 수행 방식>자바스크립트는 코드가 작성된 순서대로 작업을 처리함이전 작업이 진행중일때는 다음 작업을 수행하지 않고 기다림(블록킹 방식)먼저 작성된 코드를 먼저 다

콜백지옥을 구원하기 위한 자바스크립트의 비동기 담당 객체 : promisepromise를 이용해서 비동기처리를 다시 한번 만들어보자

async 또한 promise처럼 비동기를 다루는 기능이자 promise를 더 쉽게 이용할 수 있도록 도와주는 친구함수에 async를 붙이게 되면 이 함수는 자동적으로 promise를 리턴하는 비동기처리 함수가 된다.helloAsync()가 promise를 반환하고 있

API 호출API(Application Programming Interface) : 응용 프로그램 프로그래밍 인터페이스\-> 응용 프로그램에서 사용할 수 있도록, 운영 체제나 프로그래밍 언어가 제공하는 기능을 제어할 수 있게 만든 인터페이스를 뜻한다. 주로 파일 제어,