전체 글

공부한거 기록하는 블로그입니다!!
프로그래밍 언어/JavaScript

[자바스크립트 필기] #7 - 함수

*이 필기는 웹 프로그래밍 튜토리얼에서 보고 작성합니다. 1. 함수란? 프로그래밍에서 함수는 어떤 기능들을 코드 블록({})으로 감싸서 '하나의 실행 단위'로 정의한 것이다. 함수의 형태 매개 변수 : 함수 내부로 입력을 전달받는 변수 인수 : 입력 반환값 : 출력 함수는 값이다. 함수는 함수 정의를 통해 생성된다. 이런 정의에는 다양한 방법이 있다. // 함수 정의 function add(x, y) { return x + y; } 함수 호출 - 인수를 매개변수를 통해 함수에 넘겨주면서 함수의 실행을 지시하는 것 // 함수 호출 var result = add(2, 5); // 인수로 2와 5를 넘겨주면서 7을 반환함. console.log(result); 2. 함수 리터럴 함수 또한 객체 값이다. 따라서..

프로그래밍 언어/JavaScript

[자바스크립트 필기] #6 - 원시 값과 객체의 비교

*이 필기는 웹 프로그래밍 튜토리얼에서 보고 작성합니다. 원시 값과 객체는 크게 세 가지 측면에서 다르다. 원시 값은 변경 불가능한 값, 객체는 변경 가능한 값 원시 값을 변수에 할당하면 변수에는 실제 값이 저장됨, 객체를 변수에 할당하면 변수에는 참조 값이 저장됨 원시 값을 갖는 변수를 다른 변수에 할당하면 원본의 원시 값이 복사되어 전달됨 - 값에 의한 전달, 객체를 가리키는 변수를 다른 변수에 할당하면 원본의 참조 값이 복사되어 전달됨 - 참조에 의한 전달 1. 원시 값 우선 변수는 하나의 값을 저장하기 위해 확보된 메모리 공간 또는 메모리 공간을 식별하기 위해 붙인 이름, 값은 변수에 저장된 데이터이다. 변경 불가능한 것은 값에 대한 말이다. 따라서 변수는 언제든지 재할당을 통해서 변수 값을 바꿀..

프로그래밍 언어/JavaScript

[자바스크립트 필기] #5 - 객체 리터럴

*이 필기는 웹 프로그래밍 튜토리얼에서 보고 작성합니다. 1. 객체란? 원시 타입은 단 하나의 값만 나타냄 객체 타입은 다양한 값을 하나의 단위로 구성한 자료구조 원시 값은 변경 불가능한 값 객체는 변경 가능한 값 프로퍼티는 key와 value로 구성된다. 모든 값이 프로퍼티 value가 될 수 있는데 프로퍼티 value가 함수일 경우, method라고 부른다. 따라서 객체는 프로퍼티와 메서드로 구성된 집합체이다. 2. 객체 리터럴에 의한 객체 생성 다양한 객체 생성 방법이 지원된다. 객체 리터럴 - 가장 일반적이고 간단한 방법 Object 생성자 함수 생성자 함수 Object.create 메서드 클래스 //객체 리터럴 생성법 var person = { name: 'lee', sayHello: funct..

프로그래밍 언어/JavaScript

[자바스크립트 필기] #4 - 제어문(조건문과 반복문)

*이 필기는 웹 프로그래밍 튜토리얼에서 보고 작성합니다. 1. 블록문 블록문은 0개 이상의 문을 중괄호로 묶은 것으로, 코드 블록 또는 블록이라고 부르기도 한다. 문의 끝에는 세미콜론을 붙이는게 일반적이지만, 블록문은 자체 종결성을 갖기 때문에 블록문 끝에는 세미콜론을 붙이지 않는다. //블록문 { var foo = 30; } 2. 조건문 조건문은 주어진 조건식의 평가 결과에 따라 코드 블록의 실행을 결정한다. 조건식은 불리언(true, false)값으로 평가될 수 있는 표현식이다. 자바스크립트에는 if ... else와 switch 문으로 두 가지 조건문을 제공한다. if ... else 문 if (조건문1) { //조건문1의 식이 참이면 이 블록이 실행된다. } else if (조건문2) { //조건..

프로그래밍 언어/JavaScript

[자바스크립트 필기] #3 - 데이터 타입

*이 필기는 웹 프로그래밍 튜토리얼에서 보고 작성합니다. 자바스크립트는 7개의 데이터 타입을 제공하고 크게 원시 타입과 객체 타입으로 나뉜다. 구분 데이터 타입 설명 원시 타입 숫자 숫자. 정수와 실수 구분 X 문자열 문자열 불리언 true, false undefined var 키워드로 선언된 변수에 암묵적으로 할당되는 값 null 값이 없다는 걸 명시할 때 씀 심벌(symbol) ES6에서 추가됨 객체 타입 객체, 함수, 배열 등 1. 숫자 타입 var integer = 10; var double = 10.12; var negative = -20; var binary = 0b01000001; 추가적으로 세 가지 특별한 값도 있다. Infinity : 양의 무한대 -Infinity : 음의 무한대 NaN..

프로그래밍 언어/JavaScript

[자바스크립트 필기] #2 - 표현식과 문

*이 필기는 웹 프로그래밍 튜토리얼에서 보고 작성합니다. 1. 값 값은 표현식이 평가되어 생성된 결과를 말한다. 10 + 20; // 30 이 처럼 표현식이 평가되어 30이라는 결과를 만든다. 2. 리터럴 값은 다양한 방법으로 생성할 수 있지만, 기본적으로는 리터럴을 사용해서 만든다. 리터럴은 사람이 이해할 수 있는 문자 또는 약속된 기호를 사용해 값을 생성하는 표기법을 말한다. 리터럴은 사람이 이해할 수 있는 문자(아라비아 숫자, 알파벳, 한글 등) 또는 미리 약속된 기호('', "", ., [], {} 등)로 표기한 코드다. 3. 표현식 값을 만드는 또 다른 방법 표현식은 값으로 평가될 수 있는 문이다. 즉, 표현식이 평가되면 새로운 값을 생성하거나 기존 값을 참조한다. 리터럴도 값으로 평가되므로 리..

프로그래밍 언어/JavaScript

[자바스크립트 필기] #1 - 변수

*이 필기는 웹 프로그래밍 튜토리얼에서 보고 작성합니다. 1. 변수란? 변수는 하나의 값을 젖장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름을 말한다. 따라서 다음과 같은 일을 할 수 있다. var result = 10 + 20; //30이 저장된다. 이 처럼 값을 연산을 통해 30이라는 값이 계산되고 result라는 변수에 할당된다. 2. 식별자 단순히 말해서 식별자는 어떤 값을 구별해서 식별할 수 있는 고유한 이름을 말한다. *식별자는 값이 아니라 메모리 주소를 기억하고 있다. 따라서 식별자는 메모리 주소에 붙인 이름이라고 볼 수 있다. 3. 변수 선언 변수 선언이란 변수를 생성하는 것을 말한다. 값을 저장하기 위해서 메모리 공간을 확보하고 변수 이름과 확보된 메..

Web Programming

[javascript30] 7일차

안녕하세요 오늘도 자스 연습을 해보도록 하겠습니다 자바스크립트30일 챌린지 바로 가기 JavaScript 30 Build 30 things with vanilla JS in 30 days with 30 tutorials javascript30.com 목차 바로가기 1. 오늘의 과제는? 2. 내가 만든 파일 3. finished파일 리뷰 4. 배운 점 & 느낀 점 1. 오늘의 과제는? 오늘은 몇가지 데이터를 가지고 자바스크립트 배열 메서드에 대해 알아보게 된다. 시작파일은 이러하다. Psst: have a look at the JavaScript Console 💁 주석을 보시고 해당 과제를 수행하시면 됩니다. 2. 내가 만든 파일 // Some and Every Checks // Array.prototyp..

SpaceCowboy
공부한거 기록하는 블로그