뇌 채우기 공간

const superheroes = [ '아이언맨', '캡틴 아메리카','토르','닥터스트레인지' ]; function print(hero){ console.log(hero); } superheroes.forEach(print); superheroes.forEach((hero)=>{ console.log(hero); }) forEach함수 배열 안의 값을 하나씩 다 출력하기 map 배열에 있는 내용을 전체적으로 변화를 주고 싶을 때 const array = [1,2,3,4,5,6,7,8]; const square = n => n*n; const squared = array.map(square); console.log(squared); array배열의 안의 값들을 전부 제곱해서 새로운 배열로 만들어라 co..

for(let i = 0; i

const names = ['멍멍이', '야옹이', '멍뭉이']; for(let i = 0; i < names.length; i++){ console.log(names[i]); } for(let number of numbers){ // number은 배열 numbers안의 값을 의미한다 console.log(number); } for - of // 객체의 값을 받아 올 수 있는 방법 const doggy ={ name: '멍멍이', sound: '멍멍', age: 2 }; console.log(Object.keys(doggy)); console.log(Object.values(doggy)); 객체의 키를 받아오는 방법/ 객체의 값을 받아오는 방법 console.log(Object.entries(doggy..

const array =[1,2,3,4,5]; console.log(array); const array2 = [1, 'blabla',{}, 4]; console.log(array2[0]); console.log(array2[1]); console.log(array2[2]); console.log(array2[3]); const object = [ {name: '멍멍이'}, {name: '야옹이'} ]; console.log(object[0]); console.log(object[0].name); [] 이 괄호 사이에 있는 것을 배열이라고 한다. 여러 자료형들을 한 배열에 넣을 수 있다. index는 0 부터 시작을 한다. 객체 배열도 만들 수 있다. 객체에서 값을 호출하려면, 배열[인덱스].키 이렇게 호..

getter setter const numbers ={ a:1, b:2 }; numbers.a = 5; console.log(numbers); 객체에 값을 대입하면 값이 변한다. 당연히 const numbers ={ a:1, b:2, get sum(){ console.log('sum 함수가 실행됩니다!'); // getter에서는 특정 값이 무조건 반환되어야한다. return this.a + this.b; } }; console.log(numbers.sum); // 조회만 했을 뿐인데 실행이 된다. numbers.b = 5; console.log(numbers.sum); 이제는 getter함수를 보자 객체 안에 getter함수를 정의해주었다. getter에서는 무조건 return이 있어야한다. const..

객체 const dogName = '멍멍이'; const dogAge = '12'; const dog = { // 키: 값 name: '멍멍이', age:2, cute : true } console.log(dog.name); console.log(dog.age); 하나의 객체에 여러가지 값을 넣을 수 있음 호출은 변수.키 값으로 호출한다 예제 const ironMan = { name: '토니 스타크', actor: '로버트 다우니 주니어', alias : '아이언맨' }; console.log(ironMan.actor); function print(hero){ const text = `${hero.alias}(${hero.name}) 역할을 맡은 배우는 ${hero.actor} 입니다` console.l..

함수의 작성 방법 function getGrade(score){ if(score ===100){ return 'A'; } else if(score===90){ return 'B'; } else{ return 'F'; } } const grade = getGrade(100); console.log(grade); 화살표 함수 const add = (a, b)=> { return a + b; } const sum = add(1,2); console.log(sum); const add = (a, b)=> a+b; 둘이 같은 뜻이다.

패스트 캠퍼스 프론트엔드 올인원 패키지 수강후기 아직 끝까지 안들었는데 듣다가 화나서 쓴다. 수강후기 쓸 수 있는 곳도 없음 그러니까 이 수강후기를 보시길.. 볼 수 있으실까? 커리큘럼은 이 페이지에서 볼 수 있다. 프론트엔드 개발 올인원 패키지 with React Online. | 패스트캠퍼스 (fastcampus.co.kr) 프론트엔드 개발 올인원 패키지 with React Online. | 패스트캠퍼스 프론트엔드 개발 러닝패스, 이 강의 패키지 하나로 끝낼 수 있습니다. 총 90시간 분량의 평생 소장 온라인 강의로 프론트엔드 개발자가 되세요. fastcampus.co.kr 처음에 html이랑 css 박영웅 선생님이 강의해주시는데 저어어어어엉말 강의를 잘하시고 목소리가 너무나 좋다 게다가 엄청나게 깔..

// 표현식 && 표현식 if(true && true){ //둘다 true일 때 true } // 표현식 || 표현식 if(true && false){ //둘 중 하나가 true일때 true } // !표현식 if(!false){ // 표현식이 ! 반대일때 true이면 true } 삼항 연산자 조건? 조건이 참이면 실행되는 표현식: 조건이 거짓이면 실행되는 표현식 let n = 5; console.log(n% 5=== 0? '5의 배수입니다.': '5의 배수가 아닙니다'); switch let n = 5; switch(n%5){ case 0: { console.log('5의 배수입니다.'); break; } default: console.log('default' + n); } break를 써주어야한다. ..

Boolean 타입 true, false Null 값을 가지고 있지만 비어있는 값을 가지고 있다. Undefined 값이 없다는 뜻이다. 이렇게 a와 b를 같냐고 비교해보면 같다고 나온다. 그래서 더욱 정확하게 비교할 수 있도록 ===을 사용해서 값과 타입까지 같은지 비교한다. Number String 더하기를 사용할 수 있다. const a = 'Mark'; const d = `${a} Leeee`; console.log(d, typeof d); 이런 기호를 많이 쓴다. Symbol const a = Symbol(); const b = Symbol(37); const c = Symbol('Mark'); const d = Symbol('Mark'); c 와 d는 다른 것이다.