์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
- ์์
- java
- ๋น๊ต ์ฐ์ฐ์
- ์น์ ํ SQL ํ๋
- ์ธํ ๋ฆฌ์ ์ด Web ์ ํ๋ฆฌ์ผ์ด์
- ์๋ณ์
- ์ดํด๋ฆฝ์ค ์ค์น
- ๊ฐ์ฒด
- SpringSecurity ๋ก๊ทธ์์
- ์ค๋ฒ๋ผ์ด๋ฉ
- SQL ํ๋
- SQLํ๋
- ์์ฝ์ด
- StringBuffer
- ์น์ ํ SQL
- ๊ฐ์ฒด์งํฅ
- ์คํ๋ง์ํ๋ฆฌํฐ ๋ก๊ทธ์์
- ๋ฐฐ์ด
- ๋ ผ๋ฆฌ ์ฐ์ฐ์
- join
- @PreAuthorize("isAuthenticated()")
- ํจ์
- ์ฐ์ ์ฐ์ฐ์
- ์๋ฐ์์ ์
- SpringSecurity ๋ก๊ทธ์ธ
- ๋ฐ๋ณต๋ฌธ
- SQL
- spring ๊ฒ์ํ ์ญ์
- ์ฐ์ฐ์
- ์ค๋ฒ๋ก๋ฉ
- Today
- Total
gi_dor
pre-training JavaScript (8) ํจ์ , ๊ฐ์ฒด ๋ณธ๋ฌธ
๐ป ๊ตญ๋น 8 ์ผ์ฐจ
๐ ํจ์
• ์ค๋ธ์ ํธ๋ฅผ ๋ค๋ฃจ๋ ํจ์ ( ๊ฐ์ฒด๋ฅผ ๋ค๋ฃฌ๋ค )
๊ฐ์ฒด๋ฅผ ์ธ์๋ก ์ ๋ฌ๋ฐ๋ ํจ์
// ๊ฐ์ฒด๋ก ์ ๋ฌํ์ง ์๊ณ ๊ฐ์ ํ๋์ฉ ์ ๋ฌ ๋ฐ์.
function sample(no , name , ban , kor , eng , math , sci , his , tech){
// ๋งค๊ฐ๋ณ์๊ฐ ๋ง์ ์ํ
}
// ๋ถํธ
sample(39,"๊ธฐ์ ",2,39,20,50,60,70);
// ๊ฐ์ฒด๋ก ๊ฐ์ ์ ๋ฌ ๋ฐ๋ ๊ฒฝ์ฐ
function sample(student){
}
// ๊ฐ๋
์ฑ์ด ๋ฐ์ด๋จ
sample({
no : 39,
name "๊ธฐ์ ",
ban : 17,
kor : 39,
eng : 20,
math : 50,
sci : 60 ,
tech : 70
});
// ๊ฐ์ฒด๋ฅผ ์ธ์๋ก ์ ๋ฌ๋ฐ๋ ํจ์
function check(score){
let total = score.kor + score.eng + score.math;
let average = total / 3;
// 60์ ์ด์์ด๋ฉด ํฉ๊ฒฉ
// ๊ทธ์ธ์๋ ๋ถํฉ๊ฒฉ
if(average >= 60){
return "ํฉ๊ฒฉ" ;
}else {
return "๋ถํฉ๊ฒฉ";
}
}
// ๊ฐ์ฒด ์์ฒด๋ฅผ ์ธ์,์ธ์๋ก ๋ฐ์์ score1์ ์ ์ฅ
// passed1๋ณ์๋ checkํจ์๋ฅผ score1๊ฐ์ฒด๋ฅผ ์ธ์๋ก ํธ์ถํด return์ผ๋ก ๋ฐํ
let score1 = {kor:100 , eng:100 , math:100};
let passed1 = check(score1);
console.log("์ฒซ๋ฒ์งธ ์ํ ๊ฒฐ๊ณผ : ",passed1);
// checkํจ์์ ์ง์ ๋ฐ๋ก ๊ฐ์ฒด ์ธ์๋ฅผ ์ฃผ๊ณ passed2 ์ ์ ์ฅ
let passed2 = check({kor:80 , eng: 60 ,math:40});
console.log("๋๋ฒ์งธ ์ํ๊ฒฐ๊ณผ : ",passed2);
// ์์ ๊ฒ๊ณผ ๋ค๋ฅธ์ ์ ์ค๋ฐ๊ฟ ๋ฐ์ ์์
// ๊ฐ๋
์ฑ ๋ณด๊ธฐ ์ข์ผ๋ผ๊ณ ์ค๋ฐ๊ฟ ์ฌ์ฉํจ
let passed3 = check({
kor : 70,
eng : 90,
math :60
})
console.log("์ธ๋ฒ์งธ ์ํ๊ฒฐ๊ณผ : ",passed3);
• ์ธ์๋ก ๋งค๊ฐ๋ณ์์ ๊ธฐ๋ฅ๋ ์ ๋ฌํด์ค์ ์๋ค.
- ๋งค๊ฐ๋ณ์๋ก ๋ค๋ฅธ ํจ์๋ฅผ ์ ๋ฌ๋ฐ๋ ํจ์
function plus(num1,num2){
let result = num1 + num2;
console.log("๋ง์
๊ฒฐ๊ณผ : ", result);
console.log();
}
function minus(num1,num2){
let result = num1 - num2;
console.log("๋บ์
๊ฒฐ๊ณผ : ", result);
console.log();
}
// ๋งค๊ฐ๋ณ์๋ก ๋ค๋ฅธ ํจ์๋ฅผ ์ ๋ฌ๋ฐ๋ ํจ์
function operator(value1 , value2 , fn){
fn(value1, value2);
}
operator(100 , 200 , plus);
operator(100 , 200 , minus);
operator(100,200,function(x,y){
let result = x * y ;
console.log(
"๊ณฑ์
๊ฒฐ๊ณผ : ",result
)}
)
function divide(num1,num2){
let result = num1 / num2;
console.log("๋๋๊ธฐ ๊ฒฐ๊ณผ :", result);
}
operator(100,10,divide);
- ํจ์๋ฅผ ์ ์ ํ๋ค
- ๊ทธ ํ์ ํจ์๋ฅผ ํธ์ถ ํ๋ ๋ฐฉ์
๐ ๋์ ๋ฐฉ๋ฒ
- operator( 100 , 10 , divide); operator ํจ์๋ฅผ 100 , 10 , divide ํจ์๋ฅผ ์ธ์๋ก ์ ๋ฌํด์ ํธ์ถํ๋ค
- operator ํจ์ ์์์ fn(value1 , value2) ๊ฐ ์คํ์ด ๋๋๋ฐ fn์ divide ํจ์
- divide(100,10)๊ฐ ํธ์ถ
- divide ํจ์ ์์ 100์ 10 ์ผ๋ก ๋๋ ๊ฒฐ๊ณผ 10 ์ด result ๋ณ์์ ์ ์ฅ์ด๋จ
- ๋๋๊ธฐ ๊ฒฐ๊ณผ : 10 ์ด ์ถ๋ ฅ๋๋ค
๐ ๊ฐ์ฒด
• ๋ ์ง ๊ฐ์ฒด
์์ฑ : ์๊ฐ๋ , ๋
๋ , ์ , ์ผ , ์ , ๋ถ , ์ด , ์ค์ /์คํ . ์์ผ..
๊ธฐ๋ฅ : ๋ ์ง/์๊ฐ ๋ณ๊ฒฝ , ์ถ๋ ฅ๊ธฐ๋ฅ
• ์ฑ์ ๊ฐ์ฒด
์์ฑ: ์ด๋ฆ , ๊ณผ๋ชฉ๋ช
, ๊ตญ์ด , ์ํ , ์์ด
๊ธฐ๋ฅ : ์ถ๋ ฅ๊ธฐ๋ฅ , ์ด ์ ์ ์กฐํ , ํ๊ท ์ ์ ์กฐํ
// ์์ฑ๊ณผ ๊ธฐ๋ฅ์ ๋ชจ๋ ํฌํจํ๋ ๊ฐ์ฒด
let score1 = {
// ์์ฑ property
name : "๊ธฐ์ ",
kor : 67,
eng : 55,
math : 60,
// ๊ธฐ๋ฅ method
getTotal: function(){
let total = this.kor + this.eng + this.math;
return total;
},
getAverage : function(){
let average =this.getTotal() / 3;
return average;
},
print : function(){
console.log("--- ์ฑ์ ์ ๋ณด ---");
console.log("์ด๋ฆ : ",this.name);
console.log("๊ตญ์ด : ",this.kor);
console.log("์์ด : ",this.eng);
console.log("์ํ : ",this.math);
console.log("์ด์ : ",this.getTotal());
console.log("ํ๊ท : ",this.getAverage());
}
}
// print()๋ฅผ ํธ์ถํ ๊ฐ์ฒด์ ์ฃผ์ ๊ฐ ?
score1.print();
// console.log(score1);
// let total1 = score1.getTotal();
// console.log("์ด์ : ",total1);
// let average1 = score1.getAverage();
// console.log("ํ๊ท : ", average1);
• ์์ฑ์ ํจ์๋ฅผ ์ด์ฉํด ๊ฐ์ฒด ์์ฑ
// ๊ฐ์ฒด ๋ฆฌํฐ๋ด
let score = {
name : "๊ธฐ์ ",
kor :100 ,
eng : 30,
math : 50
getTotal:function(){
let total = this.kor + this.eng + this.math;
return total;
}
}
โ ์์ฑ์ ํจ์๋ ๊ผญ ์ฒซ๊ธ์ ๋๋ฌธ์๋ก !
// ํ๋ฆฐ๋ฒ์
Score("๊ธฐ์ " , 27 , 90 , 93);
// ์์ฑ์ ํจ์๋ ๋ฐ๋์ new ๋ผ๋ ํค์๋ ์ฌ์ฉ
new Score("๊ธฐ์ " , 27 , 90 , 93);
function Score(name , kor , eng , math){
// property ์์ฑ , ๋งค๊ฐ๋ณ์๋ก ์ ๋ฌ๋ฐ์ ๊ฐ์ property์ ๋์
this.name = name;
this.kor = kor;
this.eng = eng;
this.math = math;
this.getTotal = function() {
let total = this.kor + this.eng + this.math;
return total;
}
this.getAverage = function(){
let average = this.getAverage()/3
return average;
}
this.print = function(){
console.log("--------์ฑ์ ์ ๋ณด---------")
console.log("์ด๋ฆ : ",this.name);
console.log("๊ตญ์ด : ",this.kor);
console.log("์์ด : ",this.eng);
console.log("์ํ : ",this.math);
console.log("์ด์ : ",this.getTotal());
console.log("ํ๊ท : ",this.getAverage());
console.log();
}
}
let sc = new Score("๊ธฐ์ " , 27 , 90 , 93);
let s1 = new Score("๊น์ ์ " , 100 , 100 , 20 );
let s2 = new Score("๊น์๋ฏผ" , 30 , 60 , 100 );
let s3 = new Score("ํ๋ช
ํ" , 90 , 100 , 90 );
console.log(s1);
console.log(s2);
console.log(s3);
sc.print();
s1.print();
s2.print();
s3.print();
๐ window ( ์ฐธ์กฐ๋ณ์ )
Window ๊ฐ์ฒด ( ์๋ฐ ์คํฌ๋ฆฝํธ ๊ธ๋ก๋ฒ ๊ฐ์ฒด )
- console ← Console ๊ฐ์ฒด ( ํ๋ฉด ์ถ๋ ฅ๊ณผ ๊ด๋ จ๋ ๊ฐ์ฒด )
- document ← Document ๊ฐ์ฒด ( ์ฐ๋ฆฌ๊ฐ ์นํ์ด์ง์์ ๋ณด๋ ๋ฌธ์ ์ ๋ณด๋ฅผ ๊ฐ์ง๊ณ ์์ , ์น html)
- location ← Location ๊ฐ์ฒด ( ์น ๋ธ๋ผ์ฐ์ ์ฃผ์์ฐฝ์ ๋ณด์ด๋ ํ์ฌ ํ์๋ ์ฃผ์ )
- history ← History ๊ฐ์ฒด ( ์น ํ์ด์ง ๋ฐฉ๋ฌธ ์ด๋ ฅ์ ๋ณด ) // history.back() history.forward()
โถ window.console.log() ์ธ๋ฐ window๋ฅผ ์ ์ง ์๊ณ ์ฌ์ฉํ๋ค๋ฉด ๊ธ๋ก๋ฒ ๊ฐ์ฒด์์ ์ฐพ์๋ค
์๋ต ํ ๋ค์ console.log()๋ฅผ ์ฌ์ฉ ํ๋ค
'Language > JavaScript' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
01. JavaScript (0) | 2024.01.12 |
---|---|
pre-training JavaScript (9) (1) | 2023.10.20 |
pre-training JavaScript (7) ํจ์ (1) | 2023.10.18 |
pre-training JavaScript (6) ๋ฐฐ์ด , ๊ฐ์ฒด (์ค๋ธ์ ํธ) (1) | 2023.10.17 |
pre-training JavaScript (5) ๋ฐ๋ณต๋ฌธ (0) | 2023.10.16 |