✍ 공부/JavaScript

[ JavaScript ] 배열 무작위로 섞기

방법은 몇 가지가 있는 것 같다 방법 1. const arr = [ "a", "b", "c", ]; // 배열 arr const randomValueFromArray = (array) => { const random = Math.floor(Math.random() * array.length); // 0~2 사이의 랜덤 숫자가 random에 들어간다 return array[random]; // 0~2 사이의 랜덤 정수가 들어가서 값을 구한다 // 만약 random 값이 2라면 'c'가 나온다 } console.log(randomValueFromArray(arr)); 하지만 이것은 배열을 무작위로 섞는 것이 아니라 배열을 무작위로 하나씩 가져오는 방법이다. 만약 무작위로 섞어서 다른 배열을 만들거라면 함수를..

[프론트앤드 공부기록] Javascript 기초 4

16. 객체와 메소드의 관계 const user = { name : 'Mike', sayHello : function(){ console.log(`Hello, I'm ${user.name}`); // 이렇게 user.name을 넣을 수는 있지만 문제가 발생할 수 있음. 그럴 때에는 this라는 키워드를 쓰면 된다. } } user.sayHello(); //로 호출하면 이 user가 sayHello 메소드의this가 된다 // "Hello, I’m Mike" 예제 sayHello = function(){ console.log(`Hello, I'm ${this.name}`); } let boy = { name : 'Mike', sayHello, } let girl = { name : 'Jane', sayHe..

[프론트앤드 공부기록] Javascript 기초 3

11. 함수(function) function sayHello(name){ console.log(`Hello, #{name}`); } function : 함수 sayHello : 함수명 name : 매개변수. 매개변수는 없을수도, 하나일 수도, 두 개 이상일 수도 있다. 두 개 이상이면 쉽표로 구분한다. ex) console.log(name1, name2, name3) function sayHello(name){ let msg = `Hello, 감자야`; if(name){ msg = `Hello, ${name}` } console.log(msg);}sayHello(); //"Hello, 감자야" - sayHello라는 함수명을 가진 함수를 실행시킨다. 그 내용은 msg를 보여주는것. msg는 `Hello..

[프론트앤드 공부기록] Javascript 기초 2

6. 비교연산자, 조건문 비교연산자가 쓰였을 때 반환되는 값은 오로지 불린값 ※ == 가 동등연산자라고 하는데 이상하게 동작할 때가 있다. 1 == "1" // true 숫자형 1과 문자형 1을 비교했을 때 true가 나옴 1 === "1" //false 그런데 === 이렇게 3개를 쓰먄 타입까지 비교하는 동등연산자가 된다 -> 일치연산자 가급적이면 동등 연산자보다는 일치 연산자를 쓰는게 좋다 7. 조건문 if if(age>19){ console.log('환영합니다.')'; } 코드가 한 줄 뿐이라면 중괄호{}를 생략해도 좋지만 가독성을 위해서는 있는게 좋다. ** if뒤 () 괄호 안의 값은 항상 불린으로 변환된 다음에 판단된다 true/false else if문의 조건이 false일 때 실행된다 el..

[프론트앤드 공부기록] Javascript 기초 1

코딩 어제시작한 초보 잘못된 부분이 있으면 알려주세요 모든 내용은 유투브 '코딩앙마' 님의 '자바스크립트 100분 완성' 을 들으며 공부한 것 기울임꼴은 내 생각 1. 변수 변수는 어떤 정보에 이름을 붙혀 사용하고 싶을 때 이용한다. name = "Mike"; age = 30; Mike라는 정보는 name이라는 이름을 가지고 30이라는 정보는 age라는 이름을 가진다 자바스크립트에서 문자는 항상 따옴표로 감싸져야 한다. ' " 둘 다 이용 가능. ※ 그러나 자바스크립트에서 이미 사용하고 있는 것은 변수명으로 사용할 수 없다(예약어_ ex: class) 만약 같은 변수에 다른 내용이 선언된다면 마지막에 선언된 내용으로 덮어씌워진다 ex) name = "Mike"; name = "pottato"; 면 pot..