ALLYES
[2022년 청년친화형 기업 ESG지원 사업 - 26] 본문
일시 : 2022.10.08
시간 : 9:00 ~ 18:00
오전 : JavaScript
오후 : crawling
오전 [JavaScript]
- 배열실습
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
let arr = [23,54,78,13,44];
let arr1 = arr.sort().reverse();
console.log(arr + "에서 가장 큰 수는"+ arr1[0]+"입니다.");
// 크기가 3인 배열의 주소값 저장 변수 선언
let numList = new Array(3);
// 그러나 사이즈 3 이상으로 추가해서 넣으면 동적으로 추가가 된다!
// length가 3 이상으로 넣을 수 있다.
// 가변적이다
// 배열에 데이터 추가
numList[0] = 1;
numList[1] = "가나";
numList[2] = true;
numList[3] = false;
// 가능하다!
// JS에서 배열은 가변적이다!!(크기가 고정 x)
let array = [1,2,3];
array[3] = 4;
// push -> 데이터를 추가하는 기능(맨 마지막으로 데이터가 추가)
array.push(5); // 1,2,3,4,5 출력
console.log(array);
// pop -> 배열의 데이터를 삭제하는 기능(맨 마지막에 있는 데이터를 삭제)
array.pop(); // 1,2,3,4 출력
array.pop(); // 1,2,3 출력
console.log(array)
</script>
</body>
</html>- function
- 개념
- 하나의 특별한 목적의 작업을 수행하기 위해 독립적으로 설계된 코드의 집합
- 목적
- 중복되는 코드 최소화(재사용성)
- 실행코드를 블록화(모듈화) 시킴으로써 코드의 가독성 향상
- 문제 발생 또는 수정 작업과 같이 유지보수 용이
- 개념
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
// public void add(){
// }
// add();
// 1. 함수 선언문!!
// JavaScript 함수에서 매개변수를 사용할 때는!
// 변수 선언 키워드를 적어주지 않는다
function hello(name){
console.log(name + "파이팅!") // 승환 파이팅!
}
hello("승환");
// 예제
// Javascript 에서 함수는 반환에 대한 타입을 따로 명시해 주지 않아도 된다!
// 함수 호이스팅 현상
// 함수 선언문 형식으로 함수를 만들때
// 선언한 위치와 상관없이 함수를 불러와서 사용할 수 있는 현상
function addNumber(num1, num2){
return num1 + num2
}
var addNumber = 10;
console.log(addNumber) // 10 출력
console.log(addNumber(10,20)) // 에러 발생
let num1 = parseInt(prompt('첫 번째 정수 입력 :'));
let num2 = parseInt(prompt('두 번째 정수 입력 :'));
let result = addNumber(num1, num2);
console.log('더한 결과 >>', result);
addNumber(10,20)
// 함수 표현식! --> 함수를 (const)변수에 담아서 사용하자
// var, let 재정의 가능, const -> 재정의 불가능
// 함수 호이스팅이 사용안됨! --> 함수를 만든 후 부터 사용가능
const add = function(num1 , num2){
return num1 + num2
}
// 화살표 함수 가독성을 좋게 만드는 함수 구조
const add2 = (num1, num2) => {return num1+num2}
add2(10,20);
</script>
</body>
</html><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
// 함수 표현식
const getRectArea1 = function(w,h){
return w*h;
}
//함수 선언문 형식
function getRectArea(num1, num2){
return num1 * num2
}
//화살표 함수
const getRectArea2 = (num1, num2) => {return num1*num2}
console.log('직사각형의 면적 >>', getRectArea(3,4));
</script>
</body>
</html>
'ESG' 카테고리의 다른 글
| [2022년 청년친화형 기업 ESG지원 사업 - 28] (0) | 2022.10.12 |
|---|---|
| [2022년 청년친화형 기업 ESG지원 사업 - 27] (1) | 2022.10.11 |
| [2022년 청년친화형 기업 ESG지원 사업 - 25] (0) | 2022.10.07 |
| [2022년 청년친화형 기업 ESG지원 사업 - 24] (1) | 2022.10.07 |
| [2022년 청년친화형 기업 ESG지원 사업 - 23] (1) | 2022.10.05 |
'ESG' Related Articles
more
