본문 바로가기

JavaScript15

자바스크립트#05 : 함수 자바스크립트에서 함수는 코드의 집합을 나타내는 자료형이다. 익명함수 function () { } 자바스크립트에서 이름을 부여 받지 못한 익명함수가 존재한다. (자바와는 다른점!) func라는 변수에 익명함수를 선언하여 집어 넣었다. func는 참조 변수가 된 것이다. 위 코드에서 function () { }은 이름을 부여 받지 못한 익명함수이다. 이 경우, 참조변수를 기존의 alert(), prompt() 함수처럼 호출할 수 있다. typeof로 함수의 자료형을 확인하면, 익명함수의 자료형은 function으로 출력된다. 또한 함수 자체도 단순한 자료로 다루어지기 때문에 출력이 가능하다. 선언적 함수 (명명함수) 선언적 함수는 이름을 붙인 함수이다. function name() { } 명명함수는 함수명을.. 2022. 12. 15.
자바스크립트#04 : 반복문 배열 (array) 여러 자료를 묶어서 활용할 수 있는 특수한 자료 참조 변수에 넣어서 처리한다. (배열의 참조변수는 상수! 따라서 const 처리 해줄것!) 자바스크립트의 배열은 '자료구조-배열'이 아닌 '자료구조-리스트'로 이해하면 된다. 기존 문법의 배열은 모든 공간이 같은 자료형을 갖고 있어야 하지만, 자바스크립트의 배열은 다양한 형태의 데이터를 배열에 넣을 수 있다. 심지어 함수까지도 넣을 수 있다. 아래 사진과 같이 배열의 요소갯수와 함께 요소가 나타난다. 인덱스 배열 인덱스는 다른 언어와 마찬가지로 0부터 시작한다. 배열 요소 개수 배열.length 배열 요소 추가 1. 배열 뒷부분에 요소 추가 : .push("요소") 처음 todos는 삭제되고 가장 최근의 새로 생성된 todos가 새로 생.. 2022. 12. 14.
자바스크립트#03 : 조건문 현재 시각 프로그램에 적용하기 new Date() 객체 생성을 통해 상수를 선언해준다. getFullYear() getMonth() : 0월부터이기 때문에 +1을 해주어야 한다. getDate() getHours() getMinutes() getSeconds() if문 if-else문 다중 if-else문 중첩 조건문 switch 조건문 조건부 연산자 (삼항 연산자) 기본 형태 : 불 표현식 ? 참일 때의 결과 : 거짓일 때의 결과 짧은 조건문 논리합 연산자를 사용 불 표현식 || 불 표현식이 거짓일 때 실행할 문장 논리곱 연산자를 사용 결과가 거짓인 불 표현식 && 불 표현식이 참일 때 실행할 문장 .split(' ') .split('/') 함수에 들어간 기호 기준으로(쉼표, 슬래쉬 등 원하는데로 지정.. 2022. 12. 13.
자바스크립트 : 출력 형태 console.log() 크롬 브라우저로 실행시키면 나오는 화면이다. console.log 실행문만 있으면 화면에는 아무것도 나오지 않는다. F12 를 눌러 Console창으로 가서 해당사항을 확인할 수 있다. alert() 다음은 alert() 함수를 사용해 비교 연산자를 alert창으로 출력한 예제이다. document.write() 여기서 list는 참조변수가 된다. confirm() confirm()함수는 prompt()함수와 비슷한 형태로 사용된다. 사용자에게 확인을 요구하는 메세지 창이 출력된다. 2022. 12. 12.
자바스크립트#02 : 자료, 변수 기본 자료형 자료(data) : 프로그램이 처리하는 모든 것 자료형 : 자료를 형태에 따라 나눈 것 - 자바스크립트는 number, string, Boolean으로 나뉨 문자열 자료형 : 자바스크립트의 경우 작은따옴표, 큰따옴표 2가지 방법으로 문자열 생성 가능 문자 선택 연산자 : 문자열 내부의 문자 하나를 선택 (자바와 다르게 쉼표(,)를 사용하지 않으니 주의). => "하" 가 출력된다. 문자열 길이 구하기 .length를 사용하여 문자열 길이를 구할 수 있음 크롬 브라우저로 실행시키면 나오는 화면이다. console.log 실행문만 있으면 화면에는 아무것도 나오지 않는다. F12 를 눌러 Console창으로 가서 해당사항을 확인할 수 있다. "안녕하세요"는 5, "자바스크립트"는 6, "" 빈문자.. 2022. 12. 12.
자바스크립트#01 : 초기 개발환경 및 기본 용어 Node.js 웹 서버 애플리케이션을 개발할 때 꼭 필요한 간단한 모듈만 제공하므로 데이터 처리와 예외 처리 등이 조금 복잡 빠른 속도로 서버 구매 비용과 유지 비용이 1/10 수준 개발환경과 코드 실행 HTML과 같은 환경으로 개발환경을 조성하면 된다. HTML 코드의 태그 안에 태그를 넣어 코드를 작성. 자바스크립트에서 ReferenceError(예외처리)와 SyntaxError(구문 오류)를 접하기 쉬우니 유의하여야 함. 표현식과 문장 표현식 : 자바스크립트에서 값을 만드는 간단한 코드 문장 : 하나 이상의 표현식이 모여 statement(문장)을 구성. 문장 끝에는 세미콜론(;) 혹은 엔터(줄바꿈)을 넣어 문장의 종결을 표시 프로그램 : 줄바꿈으로 문장을 구분해 코드를 작성 주석 HTML은 로 주.. 2022. 12. 12.