728x90
반응형

JavaScript 20

[JavaScript] 함수

함수 같거나 비슷한 동작들을 여러번 사용해야 할 때 하나의 코드를 만든 후 재사용 하는 것이 좋다. 유지와 보수에 용하기 때문이다. 아래는 함수를 작성하는 방법이다. function autograph(celebrity) { console.log(`잘 먹고 갑니다. -${celebrity}-`); } autograph('메시'); - autograph : 함수 이름 - ( ) : 매개변수, 여러개일 경우 , 로 구분,(생략가능) - { } : 샐행코드 - autograph( ) : 함수 호출, (매개변수 기입) 함수를 한번 만들고 매개변수를 바꿔가며 호출만 하면 같은 내용의 코드를 재사용 할 수 있다. function autograph(celebrity) { console.log(`잘 먹고 갑니다. -${..

[JavaScript] switch

switch switch문은 else if와 비슷하다. 아래 코드는 switch를 사용하는 예시이다. floor = prompt('몇 층으로 갈까요?'); switch(floor){ case '1' : console.log('1층 입니다.'); break; case '2' : console.log('2층 입니다.'); break; case '3' : console.log('3층 입니다.'); break; } case는 괄호안의 값과 동일할 때 실행되며, break를 만나면 switch문을 빠져나간다. case에 없는 값이 들어오면 코드는 실행되지 않는다. 이때 사용자는 오류 여부를 알 수 없기 때문에 default를 추가한다. default는 if문의 else와 같은 역할을 한다. floor = prom..

[JavaScript] 반복문

반복문 반복문은 동일한 작업을 여러번 반복할 때 사용한다. for ;를 이용하여 3부분으로 나눌 수 있다. - 초기값 : 반복문에 진입할 때 처음 한번만 실행된다. - 조건 : 반복문을 진행하며 조건을 확인하고 false가 되면 멈춘다. - 코드 실행 후 작업 : 코드를 실행한 뒤, 조건이 true일 경우 실행한다. for(i=0; i < 5; i++) { console.log("공습경보! 공습경보!"); } for은 명확한 반복 횟수가 정해져 있을 때 사용한다. while while 뒤 괄호에 조건을 작성한다. 반복될 부분에 초기값을 증가시키는 코드를 작성한다. i = 0; while(i

[JavaScript] 논리 연산자

논리 연산자 자바스크립트에는 3가지의 논리 연산자가 있다. || (or) 좌항, 우항 중 하나라도 true일 때 true true를 발견하는 즉시 평가를 멈춤 math = 30; eng = 70; kor = 60; if(math > 50 || eng > 50 || kor > 50 ) { console.log('합격'); } else { console.log('불합격'); } && (and) 좌항, 우항 모든값이 true일 때 true false를 발견하는 즉시 평가를 멈춤 math = 30; eng = 70; kor = 60; if(math > 50 && eng > 50 && kor > 50 ) { console.log('합격'); } else { console.log('불합격'); } ! (not) t..

[JavaScript] 비교 연산자, 조건문

비교 연산자 수학 시간에 숫자의 크기를 비교하는 것과 크게 다르지 않다. JavaScript 에서도 부등호를 사용한다. : 우항이 좌항보다 작다. = : 우항이 좌항보다 작거나 같다. == : 우항과 좌항이 같다. != : 우항과 좌항이 같지 않다. 비교 연산자를 사용하면 항상 Boolean형을 반환한다. console.log(2>1); // true console.log(2=2); // true console.log(3= 70) { console.log('합격입니다.'); } 불합격 문구를 띄우고 싶다면 아래와 같이 한다. grade = 50; if(grade >= 70) { console.log('합격입니다.'); } if(grade < 70) { console.log('불합격입니다.'); } els..

[JavaScript] 기본 연산자

기본 연산자 숫자형에 대해 배울 때 같이 나왔던 부호들이다. https://dailyjiwoong.tistory.com/entry/JavaScript-%EC%9E%90%EB%A3%8C%ED%98%95 [JavaScript] 자료형 자료형 자료형 (data type) 이란 프로그래밍 언어에서 여러종류의 데이터를 식별하는 분류를 말한다. name = 'jiwoong'; age = 4; 위 코드에서 'jiwoong' 은 문자형, 4 는 숫자형이다. 문자형 문자형을 만들 때 dailyjiwoong.tistory.com + : 더하기 - : 빼기 * : 곱하기 / : 나누기 (몫) % : 나누기 (나머지) ● %는 홀수와 짝수를 구분하는데 사용할 수 있다. 홀수는 X % 2 의 값이 1이 되고, 짝수는 X % 2..

[JavaScript] 형 변환

형 변환 형 변환은 서로 다른 자료형 사이의 연산에서 의도치 않은 동작을 방지 하기 위해 필요하다. 아래의 코드는 평균 점수를 구하는 코드이다. math = prompt("수학점수를 입력하세요."); eng = prompt("영어점수를 입력하세요."); result = (math + eng)/2; console.log(result); 수학점수는 50, 영어점수는 70을 입력한다. 평균은 60이 나와야 한다. 하지만 전혀 다른 값이 출력된다. prompt()로 입력받은 정보가 문자형으로 저장되기 때문이다. 수학점수와 영어점수를 더한 값이 120이 아닌 5070으로 저장됐기 때문에 5070을 2로 나눈 2535가 출력된다. 여기서 한가지 의문점이 생긴다. 문자열을 더해서 5070이 됐다면, 왜 2로 나누는 ..

[JavaScript] 대화 상자

alert() alert 는 무언가를 알려주는 역할을 한다. 이 함수가 실행되면 확인 버튼을 누르기 전까지 메세지를 띄운다. msg = '비밀번호가 틀립니다.'; alert(msg); prompt() prompt 은 무언가를 입력 받는 역할을 한다. pw = prompt('비밀번호를 입력하세요.'); // 정보를 입력받은 뒤 변수에 저장 console.log(`비밀번호는 ${pw} 입니다.`); confirm confirm 은 무언가를 확인 받는 역할을 한다. Q = confirm('18세 이상입니까?'); console.log(Q); alert 와 다른점이 있다. alert 는 확인 버튼만 존재했지만, confirm 은 취소 버튼도 함께 존재한다. 확인 버튼을 누르면 true, 취소 버튼을 누르면 fa..

[JavaScript] 자료형

자료형 자료형 (data type) 이란 프로그래밍 언어에서 여러종류의 데이터를 식별하는 분류를 말한다. name = 'jiwoong'; age = 4; 위 코드에서 'jiwoong' 은 문자형, 4 는 숫자형이다. 문자형 문자형을 만들 때는 3가지 방법을 사용한다. name1 = 'jiwoong'; // 작은 따옴표 name2 = "jiwoong"; // 큰 따옴표 name3 = `jiwoong`; // 백틱 msg1 = "I'm still hungry."; // 큰 따옴표 안에서 작은 따옴표 사용 가능 msg2 = `my name is ${name1}`; // 백틱은 문자열 안에서 변수를 표현할 때 사용 문자형끼리 더할수도 있다. name = "돈까스" + "정식"; console.log(name);..

[JavaScript] 변수

변수 변수는 어떤 정보에 이름을 붙여 저장할 때 사용한다. name = 'jiwoong'; age = 4; name 이라는 변수에는 'jiwoong' 이라는 값이 들어가고, age 라는 변수에는 4 라는 값이 들어간다. 이 때, 줄 마지막에 붙는 ; (세미콜론) 은 한 줄이 끝났다는 의미 이며, 생략 가능하지만 항상 적어주는 것을 권장한다. 두 변수의 차이점은 ' 의 유무이다. jiwoong 은 ' 로 감싸져 있지만 4 는 그렇지 않다. 자바 스크립트에서 문자열(string) 은 항상 ' 또는 " 로 감싸져 있어야 한다. 아래의 코드는 오류를 발생시킨다. class = 'english' 변수를 생성할 때 예약어를 사용하지 않도록 주의하자. 예약어 (reserved world) 란 프로그래밍 언어에서 문법..

728x90
반응형