javascript

오늘은 Javascipt의 기초중의 기초 문법에 대해서 복습하려 한다.Javascript...흔히 웹개발 하면 거론되는 언어 3가지 중 하나이다.HTML과 CSS 그리고 JAVASCRIPT.간단하게 한 문장으로 표현하자면 이렇게 말할 수 있겠다.HTML - 웹 페이지의

: 함수(function)란 하나의 특별한 목적의 작업을 수행하도록 설계된 독립적인 블록을 의미 즉, 함수는 필요할 때마다 호출하여 해당 작업을 반복해서 수행할 수 있도록 하는 것이다.제어문이란?순차적인 흐름을 제어해야 할 때 사용하는 실행문을 제어문이라고 합니다.

1. JavaScript 기본 구성 요소 >1. Number String Boolean Null Undefined 위의 요소들은 JavaScript를 구성하는 가장 기본적인 요소이다. 1) Numbers IN JAVASCRIPT (1) 어떤 언어에는 숫

JavaScript - String (문자열) (1) String의 개요 : 문자열은 기본적으로 텍스트 정보를 의미한다. String을 작성 중으로 표현하기 위해서는 따옴표로 감싸줘야 한다는 것이다. > 즉, 텍스트를 변수로 지정해주기 위해서는 따옴표("

1. 참과 거짓 1) 비교연산자 (1) 비교연산자를 통해서 참과 거짓을 판별할 수 있댜 (2) 이중등호와 삼중등호 ('==' / '===') [1] 이중등호 ( '==' ) : 말 그대로 등호가 2개이며 두 값이 같은지 알아낼 수 있다. but! 타입은 구분

배열은 변수를 지정하고 \[] 대괄호를 써주면 된다.다른 프로그래밍 언어에서 배열에는 같은 타입만 올 수 있었으나, 자바스크립트에는 무관하다.배열에 접근하는 방법은 문자열 인덱스를 찾던 방법과 크게 다르지 않다.즉, 배열에는 모든 요소에 인덱스 번호가 남겨져 있으므로

: 배열 끝의 항목을 추가해준다.: 배열 끝의 항목을 제거해준다. push 예시 1) 인덱스로 추가하기 push 예시 2) push 메서드로 추가하기배열은 변수에 메서드를 사용하면 변수를 업데이트(반환)하고 배열의 새 length를 반환해준다. POP 예시 1) po

: 배열의 일부를 복사하는 방법변수.slice(시작, 끝) 시작과 끝은 반드시 지정할 필요는 없음. slice 예시 1즉, 시작점은 포함하지만 정지점은 포함시키지 않는다. 인덱스가 음수일 경우에는 가져오고자 하는 갯수를 적으면 되며 배열의 맨끝에서 차례로 가져오게 된다

1. for문 (1) for 반복문의 형태 ex) for문의 i는 for 반복문에서 사용하는 하나의 변수이다. (즉, 변수 i는 1로 시작한다는 뜻.) i 0부터 20까지 짝수를 출력하는 반복문을 만들어보자 > 100부터 10씩 차감되는 반복문을 만들어보자

컴퓨터가 생각한 숫자를 추측해서 맞히는 게임. 초초초초초 간단한 추측게임을 만들어보겠다. 반복문과 조건문을 활용하여 만든 초간단 게임을 구성해보았다. 게임이 실행되는 과정 > 1. 범위 설정을 위한 숫자를 입력받는다. 1 - (1) 입력받은 숫자가 올바른 형태가 아

1. 함수의 범위 > 변수를 JavaScript의 어느 부분에 정의하느냐에 따라 액세스 지점이 정해진다. 상황 1)에선 함수가 실행되어 결과값이 출력되었으나, 상황 2)에선 함수가 실행되지 않았으며 변수를 지정하라는 에러가 발생했다. 무슨일일까?? > 우리가 l

1. 함수 표현식 함수를 정의하는 새로운 방식인데 예시로 먼저 살펴보자 ` = 기호 뒤에 오는 오른쪽 부분이 함수를 만들고, 그 함수를 변수에 저장한다. 함수 표현식을 사용하여 표현한 함수는 이름이 없는 함수를 변수 안에 저장했다고 생각하면 된다. 특히, Ja

function을 사용하지 않고 표현할 수 있다.화살표 함수는 함수 표현식을 만들 때 사용한다.하지만 매개변수가 0개 or 1개 이상인 경우에는 괄호 없이 작성하면 오류가 나타나니 주의해야 한다.이렇게 {}를 ()로 바꿔주게 되면 암시적 반환을 의미하게 되어 retur

함수를 생성할 때, 매개변수를 지정하면 지정한 매개변수를 사용한다.(but, 매개변수가 없으면 디폴트 매개변수를 받음)위의 방식은 과거의 방식이었으며, 최신구문은 더 간단해졌다.여기서 주의해야 할 점이 존재한다.if) 메세지와 이름을 입력하면 문자열로 나타내주는 함수가

1. Rest 매개변수 (1) 인수 객체 인수 객체는 '유사 배열 객체'라고도 불린다. --> 요소에 접근하려면 인덱스를 사용해야 함. 배열 메서드를 사용할 수 없다. --> push, pop, reduce 메서드 사용 불가. 인수 객체는 함수로 전달된 인수를

Map은 콜백 함수를 받아 배열의 요소당 1번씩 실행한다.그 다음 콜백의 반환 값을 이용해서 새로운 배열을 형성한다.예시 1)예시 2) 영화또한, 콜백이 특정 조건으로 인해 true 값을 반환하면 새로 필터링된 배열에 추가된다.예시 1)함수를 전달해서 참이나 거짓을 반

1. DOM (1) DOM이란? > - DOM은 문서 객체 모델을 의미한다. : 웹페이지를 구성하는 JavaScript 객체들의 집합이다. (2) Document(문서) : 문서는 문서 객체 모델 내에서 하나의 객체를 의미한다. 2. getElementById >

1. querySelector ID, class, 이름, 요소 타입, 속성, CSS 스타일 등의 원하는 선택자를 선택할 수 있다. 기본형태 이처럼 CSS에서 선택하는 선택자의 형태와 동일해야 하며, 무조건 가장 해당 선택자의 가장 첫번째 값을 나타내준다. 2.

개요:이벤트는 사용자들이 하는 행동에 반응하는 작업을 말한다.실행되는 코드에 응답하는 것을 의미하며, 사용자의 특정 행동을 의미한다고 보면 된다.ex) 클릭, 드래그, 드롭, 마우스 올리기, 스크롤 움직이기, 폼 제출하기 등등..사용자가 뭔가를 클릭하는 경우 간단한 코

//버튼이 존재한다고 가정하자.매개변수 안에 들어간 evt는 무엇일까?evt는 이벤트에 대한 정보를 담고 있는 객체이다.: 키보드 이벤트를 사용할 때 어떤 키가 눌려졌는지 알아내야 하는 상황에서 이벤트에 대한 정보를 담고 있는 객체이기 때문에 알 수 있기 때문이다.co

List를 의미하며 Terminal에 입력할 때마다 현재 있는 디렉토리의 콘텐츠를 나열하게 된다.터미널을 사용하면 홈 디렉토리 라는 위치가 자동으로 나타난다.<span style = font-size: 14px;> 홈 디렉토리 = 계정 디렉토리맥에서는 ~ 기호를