본문 바로가기

Language/Javascript24

[혼공스] Ch.06 객체 객체의 기본 객체 자바스크립트에서 여러 자료를 다룰때는 객체를 사용합니다. 배열도 객체입니다. //객체의 형태 키: 값 //예시 const product = { 제품명: '건조 망고' 성분: '망고, 설탕' 원산지: '필리핀' } 속성과 메소드 배열 내부에 있는 값을 요소(element)라고 합니다. 객체 내부에 있는 값은 속성(property)이라고 합니다. 객체 내부에 있는 함수(함수 자료형인 속성)를 메소드(method)라고 합니다. 메소드 내부에서 this 키워드 사용하기 메소드 내에서 자기 자신이 가진 속성을 출력하고 싶을 때는 자신이 가진 속성임을 분명하게 표시해야 합니다. 자기 자신이 가진 속성이라는 것을 표시할 때는 this 키워드를 사용합니다. 동적으로 객체 속성 추가/제거 객체를 처음 .. 2022. 11. 2.
[혼공스] Ch.05 함수 함수의 기본 형태 함수를 사용하면 좋은 점 반복되는 코드를 한 번만 정의해놓고 필요할 때마다 호출하므로 반복 작업을 피할 수 있음 긴 프로그램을 기능별로 나눠 여러 함수로 나누어 작성하면 모듈화로 전체 코드의 가독성이 좋아짐 기능별(함수별)로 수정이 가능하므로 유지보수가 쉬움 익명 함수 function () { } 선언적 함수 let 함수 = function () { } 매개변수와 리턴값 매개변수 = 함수를 호출할 때 괄호 안에 적는 것 리턴값 = 함수의 최종 결과 function 함수(매개변수, 매개변수, 매개변수) { 문장 문장 return 리턴값 } 나머지 매개변수 호출할 때 매개변수의 개수가 고정적이지 않은 함수를 가변 매개변수 함수라고 부릅니다. 자바스크립트에서 이러한 함수를 구현할 때는 나머지.. 2022. 11. 2.
[혼공스] Ch.04 반복문 배열 배열 여러 개의 변수를 한 번에 선언해 다룰 수 있는 자료형 [요소, 요소, 요소, ... , 요소] 배열 요소에 접근하기 배열[인덱스] //ex const numbers = [273, 52, 103] numbers[0] >273 numbers[1] >52 배열 요소 개수 확인하기 배열.length 배열 뒷부분에 요소 추가하기 배열.push(요소) 인덱스를 사용해 배열 뒷부분에 요소 추가하기 const fruits = ['사과', '배', '바나나'] fruits[10] = '귤' fruits(11) ["사과", "배", "바나나", empth x 7, "귤"] 인덱스로 요소 제거하기 배열.splice(인덱스, 제거할 요소의 개수) 값으로 요소 제거하기 const 인덱스 = 배열.indexOf(요소.. 2022. 11. 1.
[혼공스] Ch.03 조건문 if 조건문 if 조건문 자바스크립트에서 가장 일반적인 조건문입니다. 조건이 한 문장이라면 중괄호를 생략 가능합니다. if (불 값이 나오는 표현식) { 불 값이 참일 때 실행할 문장 } if else 조건문 자바스크립트는 좀 더 편리하게 조건문을 사용할 수 있도록 서로 반대되는 상황을 표현하는 구문을 제공합니다. if (불 값이 나오는 표현식) { 불 값이 참일 때 실행할 문장 } else { 불 값이 거짓일 때 실행할 문장 } 중첩 조건문 조건문 안에 조건문을 중첩해 사용하는 것을 중첩 조건문이라고 합니다. if (불 값이 나오는 표현식 1) { if (불 값이 나오는 표현식2) { 표현식2가 참일 때 실행할 문장 } else { 표현식2가 거짓일 때 실행할 문장 } } else { if (불 값이 .. 2022. 11. 1.
[혼공스] Ch.02 자료와 변수 기본 자료형 문자열 자료형 문자들의 집합을 문자열이라고 합니다. 자바스크립트에서는 문자가 하나든 여러개든 모두 문자열 자료형이라고 합니다. 문자열 만들기 작은따옴표(')을 사용하거나 큰따옴표(")을 사용합니다. 문자열 연산자 문자열 사이에 덧셈 기호(+)를 사용하면 문자열을 연결할 수 있습니다. 이때 덧셈 기호를 문자열 연결 연산자라고 부릅니다. 문자열 내부의 문자 하나를 선택할 때는 문자 선택 연산자를 사용합니다. 문자열[숫자] > '안녕하세요'[0] "안" > '안녕하세요'[1] "녕" 문자열 뒤에 대괄호[...]를 입력하고 괄호 안에 선택할 문자의 위치를 숫자로 지정합니다. 이때 위치를 나타내는 숫자를 인덱스(index)라고 부릅니다. 인데스는 0부터 셉니다. 문자열 길이 구하기 문자열 내부의 문자.. 2022. 10. 31.
[혼공스] Ch.01 자바스크립트 개요와 개발환경 설정 자바스크립트의 활용 웹 클라이언트 애플리케이션 개발 초기의 웹은 변하지 않는 정적인 글자들로만 이루어졌습니다. 웹은 하이퍼링크라는 매개체로 웹 문서가 연결된 하나의 거대한 책에 불과했습니다. 하지만 자바스크립트가 나오면서 웹 문서의 내용을 동적으로 바꾸거나 사용자의 마우스 클릭과 같은 이벤트 처리가 가능해졌습니다. 웹 서버 애플리케이션 개발 2009년 Node.js가 등장하면서 자바스크립트로 웹 서버 애플리케이션을 개발할 수 있게 되었습니다. 특징으로는 첫째, Node.js는 웹 서버 애플리케이션을 개발할 때 꼭 필요한 간단한 모듈만 제공합니다. 그래서 다른 스크립트 언어와 프레임워크(ex.파이썬과 장고, 자바와 스프링 등)를 사용할 때 보다 데이터 처리와 예외 처리 등이 조금 복잡합니다. 둘째, 하지만.. 2022. 10. 31.

티스토리툴바