본문 바로가기

전체 글48

Javascript(구조 분해 할당, 나머지 매개변수, 전개 구문) - 구조 분해 할당 - " 구조 분해 할당(Destructuring assignment) 구문은 배열이나 객체의 속성을 분해해서 그 값을 변수에 담을 수 있게 하는 표현식 " * 배열 구조 분해 1. 해당하는 값이 없으면 undefined가 들어가게 된다 ex) let [a, b, c] = [1, 2]; // a = 1, b = 2, c = undefined let [a=3, b=4, c=5] = [1, 2]; // undefined가 안나오게 하기 위하여 각 인덱스에 기본값을 정해준 모습 2. 일부 반환값 무시 : 공백이나 선언되지 않을경우 무시하게 된다 ex) let [user1, , user2] = ['Mike', 'Tom', 'Jane', 'Tony']; // user1 = 'Mike', user.. 2022. 4. 17.
Javascript(호이스팅, 생성자) - 변수(심화) - "let, const" VS "var" * var 는 한번 선언된 변수를 다시 선언할 수 있다 ex) var name = 'Mike'; // Mike let name = 'Mike'; // Mike var name = 'Jane'; // Jane let name = 'Jane'; // error! * var 는 선언하기 전에 사용할 수 있다(호이스팅 hoisting) ex) console.log(name); // undefined 선언은 호이스팅 되지만 할당은 되지 않는다 var name = 'Mike'; 코드가 실제로 이동하진 않지만 최상위로 끌어올려진 것 처럼 동작한다 호이스팅 : 스코프 내부 어디서든 변수 선언은 최상위에 선언된 것 처럼 행동 TDZ(Temporal Dead Zo.. 2022. 4. 4.
Javascript(Object, method, array) - Object - - object 객체 * 쓰는 이유 (1). 관련있는 데이터를 묶어서 처리할 수 있기 때문에 코드의 유지보수성이 좋아진다 (2). 실세계의 사고방식과 유사한 코딩이 가능하게 한다. 즉 컴퓨터 친화적인 코드를 인간에 가까운 형태로 표현이 가능해 진다는 것이다 * 이름은 clark 이고 나이는 33 인 superman 객체 생성 ex) const superman = { name : 'clark', age : 33, } * 접근, 추가, 삭제 가능 ex) 접근 - superman.name // 'clark' - superman['age'] // 33 ex) 추가 - superman.gender = 'male'; - superman['hairColor'] = 'black'; ex) 삭제 - .. 2022. 4. 1.
Javascript(변수, 문법) - 변수 - 1. 변하지 않는 값은 const 2. 변할 수 있는 값은 let 으로 선언 3. 변수는 문자와 숫자, $와 _만 사용 ex) const MY_HOME = "~"; let_ = 1; let $ = 3; 4. 첫글자는 숫자가 될 수 없다 ex) let 1stGrade = 'A+'; 5. 예약어는 사용할 수 없다 ex) let let = 99; 6. 가급적 상수는 대문자로 알려준다 ex) const MAX_SIZE = 99; 7. 변수명은 읽기 쉽고 이해할 수 있게 선언 ex) let a = 1;, let userNumber = 3; - 대화상자 - - 단점 (1). 스크립트 일시 정지 ex) 유튜브를 보고 있는데 잠시 멈추고 alert 창에 입력 값을 받는다 (2). 스타일링이 불가능하다 1... 2022. 4. 1.