본문 바로가기

공부기록/JavaScript22

3월 13일 (2) JavaScript - 변수 범위, 함수 표현식, 이벤트 변수의 범위(scope) 변수는 선언하고 사용할 때 적용되는 범위(scope)를 갖는다. 변수의 유효 범위에 따른 구분 1. 지역변수(local variable) - 함수 안에서만 사용할 수 있는 변수 매개변수도 지역변수이다. for 문에서 만든 변수(카운터 변수)는 for 범위 안에서만 사용할 수 있다. 2. 전역변수(global variable) - 함수 범위에 상관없이 모든 범위에서 사용할 수 있는 변수 화살표함수(=>) 함수 표현식을 화살표 함수로 간결하게 표현, 가독성 및 유지 보수성을 높이는 방식. 작성단계 1) function 키워드를 생략한다. p = 매개변수 const idfunction = function(p) {.....}; -> const idfucntion = (p) => {..... 2023. 3. 13.
3월 13일 (1) JavaScript - 함수 function : 여러 동작을 묶은 덩어리, 동작해야 할 목적대로 묶은 명령들, 코드의 재사용(반복된 작업 감소 -> 생산성 향상) 한 가지 일을 할 수 있는 목적이 수행되는 소프트웨어 공학 - 구조적 프로그래밍 코드를 쪼개는 것, 모듈화 방식, 순차적, 시간단축, 인건비 감소, 생산성 향상 라이브러리 : 이미 만들어진 함수의 묶음, alert, confirm, prompt, Math.random (보통 컴퓨터에 이미 내장되어 있는 기본적인 함수) API, framework 등 (함수를 미리 만들어 놓은 것들) 함수의 문법 1. 함수 선언 function 함수명 ([매개변수들]) { 선언부 명령들...; 정의부 [return 결과값;] 정의부 } [ ] 생략 가능 매개변수 : 함수에 값을 넣기 위해 사.. 2023. 3. 13.
3월 10일 JavaScript - 배열 배열(Array) 변수의 묶음, 여러 개의 저장 공간을 하나의 식별자로 묶고, 각 공간에 번호 (index)를 부여하여 사용하는 것 index는 0번부터 시작, 대표적인 순차 구조의 데이터 저장방식 배열을 사용하는 이유는 변수의 개수가 많아지면 변수를 제어하고 파악하는데 힘들어지는데, 이를 수월하게 해결하기 위해서이다. 즉, 데이터를 쉽게 관리하게 위해서! 예) 아파트의 동(배열) 호수(index 번호) for 반복문은 횟수로 반복하는 방식이기 때문에 배열을 다룰 때 유용하다. 예시) 과일 가게 오늘 판매하는 상품들 상품추가 : 추가 배열에 제공되는 도구들(메소드, method) 방법, 툴, 도구 사용법 : 배열명 .메소드() 1) splice : 배열의 원소를 지정한 개수만큼 삭제(및 새 원소 추가) .. 2023. 3. 10.
3월 9일 (2) JavaScript - 제어문 while 문, 배열 *모달(Modal) - 현재 상태가 종료되기 전에 다른 제어를 막는 형태. (상자가 없어지지 않는 이상 아무 동작을 하지 않는 것처럼 나타남.) alert, confirm, prompt 모달 대화상자 while : 조건에 따른 반복 for는 횟수에 의한 반복, while은 조건에 따라서 반복 횟수를 지정할 수 없는 조건에 사용할 때 적합하다. 조건식이 true에는 반복, false에는 반복을 종료 while(조건식) { 실행문장들; } 시작 1 2 do while - 실행을 먼저 하고 조건을 따진다. 최소 한 번은 실행한다. do { 실행문장들; } while(조건식); 시작 for문으로 작성한 프로그램을 while문으로 작성 for(초기식; 조건식; 증감식) 초기식; while (조건식){ 실행문장; .. 2023. 3. 9.
3월 9일 (1) JavaScript - 신규 표준 문법, 제어문 for문 2015년 신규 표준 자바스크립트 문법(ECMAScript 6) 1. const와 let - 변수 관련 변수 선언 var 식별자; - 변수 let 식별자; - 변수 let 사용이유 : 호이스팅(hoisting)을 막기 위해서 호이스팅 : 선언 전에 먼저 사용할 수 있도록 융통성을 두는 것 const 식별자; - 상수 상수란? 변하지 않는 수, 초기화 이후 값을 변경할 수 없는 변수, 선언과 동시에 초기화! 용도) 상한 max/하한 min / 제어할 요소를 저장 2. 템플릿 리터럴 (Template Literals) - 데이터 관련 ' , " 로 문자열 데이터를 처리 Template 레이아웃 틀, Literals 실존하는 값 나이를 입력받아서 문장과 결합하여 출력 let age = 10; console.l.. 2023. 3. 9.
3월 8일 (2) JavaScript - 분기 제어문 switch문 연습문제) 윤년 계산기, 합격여부 확인 풀이 2) switch(식) - 숫자로 판단되는 값 p487 case, default, break 명령어도 함께 사용 '식'이 어떤 case에 해당되면 그 case로 이동 식 - number 형태의 값 또는 변수 string 형태의 값 또는 변수 형식) switch(식) { case 1: 실행문장들; break; case 2: 실행문장들; break; ........ case n: 실행문장들; break; [ default: 실행문장들; ] } if와 switch의 구분 if는 조건에 따른 분기, switch는 경우에 따른 분기 윤년 계산기는 switch로 만들기 어렵다. 반면 학점 계산기는 if 보다는 switch로 만드는 것이 더 좋다.(컴퓨터의 입장에서 편하다.. 2023. 3. 8.

티스토리툴바