목록프론트엔드 (54)
gwooden_코린이

- DOM (document object model) JS - html을 접근 document.body.style.background = 'red'; setTimeout(() => document.body.style.background = '', 3000); for(let i=0; i

let user = { name : 'kim', age : 30, //아래 두 메서드는 같은 의미 /* msg : function() { console.log('gd'); } msg() { console.log('gd') } */ }; function msg() { console.log('hhhiii'); } user.msg = msg; //유저라는 오브젝트 안에 메서드를 넣은 것 /* user.msg = function() { console.log('hi'); }; user.msg(); */ console.log(this.name) : 그냥 this라고 하면 user 오브젝트를 가리키는것, this.name 또는 user.name 이라 하면 name키값 안에 있는 벨류값을 가리킨다. let user =..

Object 객체 - map(key : value) let user = { name: 'Kim', age : 20, job : 'Dev', 'ip add' : 'aaaa' }; console.log(user.name); console.log(user.age); console.log(user.job); console.log(user['ip add']); let user = { name: 'Kim', age : 20, job : 'Dev', 'ip add' : 'aaaa' }; // console.log(user.name); // console.log(user.age); // console.log(user.job); // console.log(user['ip add']); // alert(user.name)..
- 자바스크립트js 화살표 함수 let sum = (a, b) => a + b; // 위에랑 같은 의미 // let sum = function(a, b) { // return a + b; // } alert(sum(2,3)); let msg = () => alert('hi'); msg(); let add = (a, b) => { let c = a- b; return c; }; alert(add(10, 5));

- 함수(메서드) function 함수이름 () { 함수실행 코드 } let a = 'hello'; //전역 변수 function showMessage () { let m = 'hi'; //지역 변수 alert(`${m} ${a}`); } showMessage(); let name = 'Bam'; //전역 변수 function showMessage () { let name = 'Kim'; //지역 변수 alert(name); } showMessage(); function showMessage(start, end) { alert(start + " " + end); } showMessage('hi', 'hello'); function sum(num1, num2) { return num1 + num2; } l..

- 자바스크립트js 배열 자바스크립트에서 배열방에는 다른 데이터 타입에 값도 넣어지고 없는 배열방에 값을 추가하는 것도 가능하다. let arr = [1,2,3,4,5]; arr[5] = 10; arr[10] = 'abc'; for(let i=0; i

- 반복문 while for for ( 초기값; 조건식; 증감식) { } while(조건식) { } for(let i=1; i
1. 조건문 자바를 할줄 알면 자바스크립트에서 조건문을 사용하는건 쉽다. 사용법이 똑같음 if (조건식) { 조건식이 참일 때 실행할 코드 } else { 조건식이 참일 때 실행할 코드 } let age = prompt('나이를 입력해주세요'); if(age >= 20) { alert('성인입니다'); } else if(age === null || age === "") { alert('취소'); } else { alert('청소년입니다'); }0 2. 삼항 연산자 let age = prompt('나이를 입력해주세요'); let result = age>=20 ? '성인' : '청소년'; alert(result); 3. switch 스위치(변수) { case 값 : 변수가 값이랑 같을 경우 처리할 코드 br..