Javascript

alert()경고창을 찍는 함수 console.log()log를 찍는 함수

const 절대로 바뀌지 않는 상수 바꾸려고 할 때 error 발생한다. ex) 파이나 최댓값, 생일 등을 바뀌지 않는 값을 선언할 때 사용한다. 대문자로 선언하자! let 변할 수 있는 값을 선언할 때 사용한다. 주의사항 첫째, 변수는 문자와 숫자,

ex)\*typeof다른 개발자가 작성한 변수의 type을 알아야하거나 API통신등을 통해 받아온 데이터를 type에 따라 다른 방식으로 처리해야할 때 사용됩니다.

일방적으로 알리는 용도로 사용메세지를 보여줄 때 사용확인 버튼을 누르면 사라집니다.사용자에게 값을 입력받을 때 사용합니다.뭔가를 확인받을 때 사용할 수 있다.alert와 다른 점은 취소버튼이 있다.이때 확인을 누르면 true 값이,취소를 누르면 false 값이 입력되

Srting() 문자형으로 변환Number() 숫자형으로 변환Boolean() 불린형으로 변환자료형이 같을 때,문자는 문자끼리 숫자는 숫자끼리 합쳐지는 것을 알 수 있다.자료형이 다를 때,의도치 않은 동작이 발생할 수 있다.prompt로 받은 값은 무조건 문자형이다.문

\+(더하기) -(빼기) \*(곱하기) /(나누기) %(나머지)홀수 : X % 2 = 1짝수 : Y % 2 = 0홀수와 짝수를 구하는 상황에서 자주 쓰인다.\*(곱하기) / (나누기) > +(더하기) -(빼기)곱셈과 나눗셈은 덧셈과 뺄셈보다 우선순위가 높기 때문에,

수학<(크다) >(작다) ≤(크거나 같다) ≥(작거나 같다) =(같다) ≠(같지 않다)자바스크립트<(크다) >(작다) <=(크거나 같다) >=(작거나 같다) ==(같다) !=(같지않다)비교 연산자를 사용하면 항상 값을 반환하게 되는데,반환 값은 항상 B

어떤 조건에 따라 이후 행동이 달라지게 만들어주는 역할을 한다.조건문 if를 알아보자!if문은 ()안에 들어가는 조건을 평가해서 true 면 실행하게 해준다.이 코드는 age가 19보다 클 때 {}안의 코드가 실행된다.if 뒤의 ()안의 값은 항상 Boolean형으로

여러 개 중 하나라도 true면 true모든 값이 false일 때만 false를 반환모든 값이 true일 때만 true즉, 하나라도 false면 false를 반환true와 false를 서로 반대 값으로 바꿔준다.true면 false로 false를 true로 반환예를 들

1부터 10까지 로그를 찍어주세요.이렇게 표현할 수 있지요.그런데 100까지 10000까지 표현을 하게 되어야 한다면 어떻게 할까요?그때 필요한 것이 반복문(loop)이다.반복문은 동일한 작업을 여러 번 반복할 수 있다.가장 많이 사용하는 반복문은 for문이다.초기값

함수 서비스를 만들다보면 같거나 비슷한 동작들이 생기기 마련이죠. 팝업을 띄운다던지 결제같은 것..? 이런 동작들을 자주 사용하거나 여러 곳에서 사용하면 하나로 만든 다음 재활용하는게 좋겠죠! 중복되는 코드도 줄어들고 유지 보수도 편해지니까요 함수는 이것을 가능하게

이름이 없는 함수를 만들고 변수를 선언해서 함수를 할당해주었다. 이것을 함수 표현식이라고 한다.사용방식, 실행하는 방식, 동작하는 방식도 동일하다.작성하는 문법 외에 어떤 차이가 있을까?해답은 호출할 수 있는 타이밍에 있다.함수 선언문은 어디서든 호출할 수 있다.함수

화살표 함수는 지금까지 배웠던 함수를 보다 간결하게 작성할 수 있게 한다.아래 함수를 보자.이 함수를 화살표 함수로 바꾸면,function이라는 단어가 사라지고 =>가 생겼다.크게 다르진 않다.지금 예제는 코드 부분이 한 줄이고 return문이 있기 때문에 아래처럼 바

DogName : CocoAge : 7여기 귀여운 강아지가 있다.이름은 coco고 나이는 7살이다.이 정보로 객체를 만들어 보려고 한다.나는 객체를 만들었다.객체는 {}를 작성하고 키(key)와 값(value)으로 구성된 property가 들어간다.각 property는

객체 프로퍼티로 할당 된 함수가 method다!객체의 cute함수가 dog객체의 method인 것을 알 수 있다. 단축 구문으로도 작성 할수 있다.function키워드를 생략하면 된다.보통 user라는 객체의 name에 접근할때 user.name으로 접근하는 것이 맞지

한 반에 학생이 30명 있다. 이 학생들을 관리하기 위해 번호를 사용하죠일일이 이름을 기억하지않아도 번호만 있으면 번호를 불러서 발표를 시키거나 청소를 시킬 수 있죠.한 명 한 명 모두 변수로 만들면 어떨까요?완전 복잡하겠죠.. 일일이 변수명을 기억해야하고 순서도 일정

첫째, 변수는 문자와 숫자, $와 \_만 사용둘째, 첫 글자는 숫자가 될 수 없습니다.셋째, 예약어는 사용할 수 없습니다.넷째, 가급적 상수는 대문자로 알려주기다섯째, 변수명은 읽기 쉽고 이해할 수 있게 선언절대로 바뀌지 않는 상수바꾸려고 할 때 error 발생한다.e

이것을 객체 리터럴이라고 한다. 그런데 개발을 하다보면 이렇게 비슷한 객체를 여러 개 만들어야하는 일이 생긴다.예를 들면 회원 정보, 상품 같은 것을 표현할 때다.이럴 때 쓸 수 있는 것이 바로 생성자 함수다.생성자 함수는 보통 첫글자를 대문자로 함수를 만들어 준다.U

하나의 명령이 끝날 때 붙이는 것. 명령 하나하나를 구분하는 용도로 사용한다. 안붙여도 되지만, 붙이는 것을 추천하는 이유는… 붙여서 에러가 나는 경우는 없다.\-명령을 여러 개 해야할 때코드 안에 적는 설명서. //해주거나 여러 줄 주석해줄 때는 /\*어쩌구저쩌구\

자바스크립트 언어에 존재하는 값들을 알아보자. 값(value)은 프로그램이 조작할 수 있는 데이터를 의미한다. 값에는 여러 가지 종류가 있으며 이런 값의 종류를 자료형(data)이라고 한다.프로그래밍에서 하나의 글자를 문자라고 한다. 문자열 사용시 '' "" \`\`

숫자를 더하는 것처럼 문자열도 합칠 수 있습니다!아래 예시를 보시죠.문자열에 연산자를 어떤 경우에 사용하게 될까?\*띄어쓰기를 원한다면, 유의합시다! '' 안에 띄어쓰기도 포함해주세요!

숫자는 따옴표를 쓰지 않고 그냥 적어줍니다.Not a Number = 숫자가 아님의 약어‘바나나'-’사과'는 숫자가 아니지만 결과 값은 숫자다. official number. 그냥 외우도록 하자!문자열을 숫자인 정수로 바꾸어준다.그렇다면 소숫점까지 표현해줄 수 있을까?

수학 연산자 우선순위처럼 생각해주세요!더하기보다 곱하기가, 곱하기보다 () 가 우선순위가 더 높아요!다만, 자바스크립트에서 중괄호 {} 나 대괄호 \[] 가 수학과는 다른 의미이기 때문에 연산자 우선순위를 바꿀 때는 사용하지 않아요 ! 소괄호 ()이용바람다\*1분 퀴즈

컴퓨터는 실제로 0과 1밖에 모른다고 했었죠.. 1과 0은 각각 참(true) 거짓(false)에 대응된다. 자바스크립트에서도 true와 false를 나태나는 boolean이라는 자료현이 있다. 값을 표현할 때는 따옴표로 감싸지 않고 true 와 false 를 입력한다

boolean 값은 논리식을 다룰 때 많이 사용한다!“10은 5보다 크고, 6은 8보다 작다” 라는 문장은 참일까요, 거짓일까? 그리고 이 문장을 자바스크립트로 어떻게 표현할 수 있을까? 10 > 5 와 6 < 8 은 바로 알 수 있는데, 그 사이의 연결고리를 표

undefined는 보통 반환할 결과가 없을때 돌려주는 값이다. console.log 명령어는 콘솔에 무언가를 출력하지만, 그 자체로는 결과 값이 없기 때문에 undefined 가 반환됩니다.undefined도 자료형이다.단, undefined랑 false가 같지 않다

프로그램을 만들 때는 잠깐 동안 특정한 값을 저장해야 하는 상황이 자주 발생한다. 이때 사용하는 것이 변수다. total처럼 값을 저장하고, 저장한 값을 불러올 수 있게 하는 것이 변수(variable)이다. 변수를 만드는 행위를 선언(declaration)한다고 표현

조건문은 주어진 조건에 따라 코드를 실행하거나 실행하지 않는 문이다.조건문은 조건식과 동작문으로 구분된다. 조건식이 참이면 내부의 동작문이 실행되고, 거짓이면 실행되지 않는다.동작문이 하나 이상이면 동작문들을 {}중괄호로 감싼다.true라는 값을 직접 넣어줄 필요없이

컴퓨터는 반복적인 작업을 하는 데 매우 효율적이다. 프로그래밍 언어는 반복하는 동작을 처리하는 반복문을 가지고 있다. 조건문과 더불어 프로그래밍에서 가장 중요한 반복문이다!while문은 조건식이 참인 동안 반복해서 동작문을 실행한다. 이렇게 하면 무한반복문이 되기 때문

객체 객체를 알아보도록 하자! 객체(object)는 자료형의 일종으로 다양한 값을 모아둔 또 다른 값이다. 객체의 종류는 크게 배열(Array), 함수(function), 배열이나 함수가 아닌 객체로 나눌 수 있다. 1. 배열 다양한 값, 자료형들을 하나로 묶어둔

수학 시간에 y = f(x) 같은 함수를 배운 적이 있다. 프로그래밍에도 함수라는 개념이 존재한다. 수학의 함수와 비슷하지만, 다른 점도 있다. 프로그래밍에서 함수(function)는 일정한 동작을 수행하는 코드를 의미한다. 함수를 미리 만들어두고 원할 때 실행해 정해

마지막으로 배열이나 함수가 아닌 객체를 살펴보자. 객체는 여러 개의 변수를 하나의 변수로 묶을 때 사용한다.여기서 멈출 것이라면 상관없지만 다른 사람의 정보를 추가로 표현하고 싶을 때 문제가 될 수 있다. 이미 상수로 name, month, date, gender 변수

자바스크립트의 혁명이라 할수 있는 ECMASript 2015(ES6) 이후 추가된 자바스크립트 최신 문법 중 자주 이용할 것 같은 기능들을 추려 정리해보는 시간이다.

Undefined undefined는 보통 반환할 결과가 없을때 돌려주는 값이다. console.log 명령어는 콘솔에 무언가를 출력하지만, 그 자체로는 결과 값이 없기 때문에 undefined 가 반환됩니다. undefined도 자료형이다. 단, undefine