내일배움캠프 Node.Js 1주차 Day-4 첫 주말

Cherry Jin·2023년 10월 7일
0

sparta_내배캠

목록 보기
4/53
post-thumbnail
post-custom-banner

첫 주말 자유공부
자바스크립트 기본을 공부했다.

데이터 타입

"text=string", numbers, [boolen:true, fales], null(없음), undefine(정해진 값 없음)

variable = 변수

변수 선언은 두가지 코드로 한다.

const a = 10;
//const 선언으로 a를 10으로 고정한다. 변경할 수 없다.
let b = 20;
//let 선언으로 b를 20으로 고정한다. 변경할 수 있다.

arrays 리스트만들기

array는 리스트업을 할 수 있지만 리스트의 요소들이 어떤 의미가 있는지는 알 수 없다.

const toBuy = ["water", "bananas","mango","tomato"];

//array 리스트에 추가하고 싶은 경우
toBuy.push("potato");

//응용
const brain = "smart";
const leejin =[30, 168, "woman", brain]";

console.log(leejin);
//결과
[30, 168, "woman", "smart"]

//array 요소 수정
const leejin =[30, 168, "woman", "stupid"];

leejin[3] = "smart";
console.log(leejin);

object 고오급 리스트

const player ={
 //{}안에 들어가는 것들을 property(속성,특성)라고 한다.
 //각 property 끝에는 , 가 들어가야한다.
	name: "leejin",
    lv:"30",
	exp : 10,
}

//object의 property들은 개별로 불러낼수있다.
console.log(player.name);
console.log(player.lv);


//property는 추가/변경 가능하다.
player.lv = 99;
player.state = "열공";

//const로 선언된 player자체는 변경할 수 없다. 

Function 기능, 함수

반복해서 사용할 기능을 만든다.
function study= "이 기능 이름은 study로 한다!!"

//기본 구성
function sayHello(){
	console.log("hello");
};

//sayHello를 실행할 때마다 {} 안의 내용이 실행된다. 실행방법은 아래와 같다.
sayHello();

argument 인수

같은 작업을 반복하지 않게 인수를 사용할 수 있다.

function sayHello (personName){
	console.log("Hello, "+ personName)
};

sayHello(민수);
sayHello(효정);

 // 결과
Hello, 민수
Hello, 효정

//응용
function introS(name,age){
	console.log("hello, My name is "+ name +" and I'm "+age+" old.")
};

introS("이진",30);

//결과
hello, My name is 이진 and I'm 30 old.

object와 function 조합

const player = {
	name: "이진",
    lv: 30,
    exp:15,
    gold:999,
	helloNPC: function(NPCname){
    console.log("hello "+NPCname)
    },
};

console.log(player.name);
player.helloNPC("효정");

//결과
이진
hello 효정

Recap - 계산기

const calculator = {
	a: function(a,b){
	console.log(a + "and"+ b);
	},
	plus: function(a,b){
	console.log(a+b);
	},
	minus: function(a,b){
	console.log(a-b);
	},
	divide: function(a,b){
	console.log(a/b);
	},
	multiply: function(a,b){
	console.log(a*b);
	},
	power: function(a,b){
	console.log(a**b);
	},

};

calculator.a(10,30);
calculator.plus(10,2);
calculator.minus(50,20);
calculator.divide(60,6);
calculator.multiply(2,5);
calculator.power(2,5);

오늘을 완결하기

효과

자바스크립트 기초부터 공부하는 것
하나 하나의 요소가 어떤 기능을 가졌는지 확인하는 것
일단 집을 나가기
저녁 스무디

비효과

운동을 안했음
카페인 섭취

얻은 것

자바스크립트 기초

profile
풀스택이 되버린 주니어 개발자
post-custom-banner

0개의 댓글