https://media1.giphy.com/media/26his8ERHOSxKuWw8/giphy.gif웹 페이지에는 사용자와의 상호작용(User Interaction)이 다양하게 존재합니다.상호작용은 크게 이벤트(Event)와 동작으로 구분할 수 있습니다.
Boolean타입은 참과 거짓을 판별할 때 사용되는 데이터타입이다. 문자열로도 참과 거짓을 판별할 수 있다.자바스크립트는 대소문자를 구분하는 언어이기 때문에 소문자가 섞인 것과 대문자로만 이루어진 것을 같다고 표현하면 false가 된다.만약 (조건이) 참이라면 code
1. 변수란? 변수는 데이터를 담을 수 있는 대상을 의미한다. 2. 변수 사용 방법 여기서 myNumber는 함수의 이름이고 숫자 100은 변수에 담긴 값이다. 이렇게 한다는건 지금부터 숫자100이라는 이름 대신 myNumber라는 변수 이름을 대신 사용하겠다는 뜻
반복문은 Iteration Statement라고 한다.반복문은 완전히 똑같은 코드를 중복적으로 사용하는 것을 방지할 수 있다. 다만 단순히 코드를 반복하는 것이 아니라 조건을 만족할 때 까지만 반복해서 수행한다. 코드를 계속해서 반복적으로 수행하다가 그 반복을 멈출 정
위 코드를 실행 시키면 0,1,2,3,4,5,6,7,8,9 가 출력된다. 0부터 9번 1씩 추가했기 때문이다.위 코드를 실행시키면 1,2,3,4,5,6,7,8,9,10 이 출력된다.1부터 9번 1씩 추가했기 때문이다.위 코드를 실행시키면 1,2,3,4,5,6,7,8,9
for문의 초기화문에서 index가 2부터 시작하도록 설정해야한다.'++'연산자는'++1' '+=1'의 축약 버전이므로 '+=2'라고 작성하면 2씩 증가된다. 2말고 다른 숫자를 넣으면 그만큼 증감된다. for문의 초기화문에서 index가 1부터 시작하도록 설정해야한
초기화문에서 i를 가장 큰 수로 지정한다.9부터 1까지 포함되어야 하니까 i가 0보다 클때까지반복문을 동작시키도록 조건문에 i > 0이라고 적는다.홀수만 출력되도록 한번에 2씩 감소하도록 한다.
변수 total에 0을 할당한다. for 문이 배열의 길이만큼 동작하도록 설정한다.myArray의 길이가 5이기 때문에 i는 배열의 인덱스 만큼 즉 4까지 증가된다. total 에 + 연산자를 사용해 myarray를 더해준다. total = total + myArri;
helloBot이라는 함수를 만드시오.for문을 사용하여 빈 result배열에 greetings에 들어있는 인삿말을 채우시오.인자의 인덱스 만큼 동작이 반복돼야하니까 인자의 길이를 활용해서 조건문을 작성해야겠군!if 문을 활용해 인자의 값이 0이면 '안녕하세요'를, 1
객체는 자바스크립트 데이터 타입 중의 하나이다. 영어로는 object라고 표현한다.key값과 value값을 쌍으로 이루어져 있고, 배열과는 다르게 순서가 중요하지 않다. 예를 들어 다음과 같은 배열이 있다고 생각해보자 위의 배열에는 특정 사람의 이름과 혈액형, MBTI
객체는 key를 이용해서 속성에 접근한다. Dot notation 방법은 점을 이용해서 접근하는 방법이다.위에 객체에서 'SeYoung'이라는 value에 접근하고 싶다면이렇게 객체 이름을 쓰고 점을 찍은 후 접근하고 싶은 값의 key를 입력하면 된다. 그럼 value
객체가 소유하고 있는 프로퍼티에 새로운 값을 할당하면 프로퍼티 값은 갱신된다.객체이름.key이름 = 새로운 값객체이름'key이름' = 새로운 값
객체 안의 객체는 중첩된 객체라고 한다. 영어로는 Nested Object이다. 중첩된 객체에 접근하는 방법은 객체를 접근하는 방법과 마찬가지로 점 표기법(dot notation)과 대괄호 표기법(bracket notation)을 사용하면된다.점 표기법의 장점: 사용하
1. 수의 반환(return) 모든 함수는 반환(return)을 한다. 함수는 항상 데이터를 반환하기 때문에 그 결과를 변수에 저장 할 수도 있고, 다른 로직에 다시 사용할 수도 있다. 함수의 반환 값을 확인하는 방법은 아래와 같이 함수를 호출해서, 변수에 저장하고
javascript 코드에 숫자 데이터타입과 수학 표현식을 사용하여 수학 계산을 할 수 있다.예를 들면 6을 할당할 때, 아래와 같이 작성할 수도 있다.사칙연산 등의 수학 표현식은 다음과 같이 간단하게 사용할 수 있다. 방슴 했던 계산들은 우리에게 익숙한 수학 표현식이
텍스트를 서로 조합할 수 있다.텍스트를 조합할 때는 + 연산자를 사용한다.텍스트와 변수를 조합해서 사용할 수도 있다. 아래는 모두 같은 결과가 나온다.다른 코드도 연습해보자이제는 텍스트인 String과 숫자인 Number의 조합을 해보려한다. 아래의 결과는 무엇일까?우
if문(조건문)은 말 그대로 "만약에 ~하면 ~한다"가 컴퓨터 언어로 변환된 것이다. 아래의 코드는 3 + 3을 계산해서 그 값이 5보다 큰지, 아닌지 알아보는 로직을 작성했다.answer라는 변수에 3+3 계산 결과 값이 저장됐다.\>의 의미는 왼쪽의 값이, 오른쪽의
비교 연산자는 연산자 양쪽에 있는 두 값, 즉 좌항과 우항을 비교하는 연산자입니다.비교 연산자의 종류에는 동치 연산자(==, ===, !=, !==)와 관계 연산자(>, <, >=, <=)가 있습니다.관계 연산자는 문자열(사전순으로 비교)과 숫자(크기로 비교
if문으로 조건문을 생성하는 법을 이전 시간에 배웠다. 위의 조건문을 보면 answer가 "선릉", "강남"일 때는 조건은 다릦만 같은 결과를 리턴한다. 만약 역삼, 삼성도 조건문에 추가하는데, 같은 결과를 리턴해야 한다면? 대략 4줄이 추가된다. 결과는 같은데 조건문
함수는 인수가 한 개가 아닌 여러 개 전달할 수도 있다. 인자를 세개 받는다.첫번째 인자는 년도에 해당하는 숫자두번째 인자는 월에 해당하는 숫자세번째 인자는 일에 해당하는 숫자년도 인자만 받았을 경우 → "1234년" 과 같은 형식의 문자열을 리턴 년도,월 인자를 받았
return이라는 것은 함수를 호출했을 때, 함수가 값을 반환한다는 뜻이다.위의 multiplyTen 함수의 정의 -> 받은 인자에 10을 곱하여 반환한다!아래와 같이 여러번 호출할 수 있다.호출은 했지만, 어떤 값을 리턴했는지 알 길이 없다. 즉, 호출된 함수의 re
자바스크립트로 구현한 아래 차트를 보자. 코스피 지수의 정보를 일간 단위로 그려주는 차트이다. 이럴때 필요한 자료구조가 바로 '배열'이다.배열을 사용하면 몇 쳔 개의 변수를 생성하지 않고, 하나의 변수에 모든 데이터를 갖고 있을 수 있다. 배열은 대괄호로 감싸져 있
getElement 함수안에 arr 변수를 선언했다. arr 변수는 배열을 할당했고, 배열에는 다양한 데이터 타입의 요소가 들어있다. 배열이 담긴 arr 변수에 접근하여 getElement 함수가 "array" 라는 문자열을 return 할 수 있도록 하시오.다차원배열