프로그래밍 삽질 중

[1분 퀴즈 첫 번째] * 출처 : https://thebook.io/080270/part01/ch02/03/05-01/ Let's Get IT 자바스크립트 프로그래밍: 2.3.5 var 알아보기 - 1 thebook.io [1분 퀴즈 두 번째] https://thebook.io/080270/part01/ch02/06/01-12/ Let's Get IT 자바스크립트 프로그래밍: 2.6.1 배열 - 12 thebook.io 1분 퀴즈 a와 b라는 변수에 어떠한 값이 들어 있습니다. 두 변수의 값을 서로 바꿔 보세요. 힌트 두 값을 바꾸기 위해서는 변수 하나를 더 만들어야 합니다. 정답 let a = "sunny" let b = "rain" let change = a; //이 부분 추가 해야 함 a = b;..

* 모던 자바스크립트 핵심 가이드(저자 알베르토 몬탈레시, 옮김 임지순/권영재) 복습 * 핵심 부분과 필요할 경우 문제도 수정해서 기재할 것 * 문제될 경우 삭제할 것 ○ 디스트럭처링 특징 1 - 배열의 값 또는 객체의 속성을 풀어서 별개의 변수로 쓸 수 있게 해주는 자바스크립트 표현식 - Sanrio가 가진 속성에 접근함과 동시에 속성의 이름, 년도에 변수 선언이 가능해짐 //기존 객체에서 변수 생성 시 const Sanrio = { name: "hello kitty", year: 1974, } const name = Sanrio.name; const year = Sanrio.year; console.log(name, year); //"hello kitty" 1974 //디스트럭처링으로 객체에서 변수 ..

* 모던 자바스크립트 핵심 가이드(저자 알베르토 몬탈레시, 옮김 임지순/권영재) 복습 * 핵심 부분과 필요할 경우 문제도 수정해서 기재할 것 * 문제될 경우 삭제할 것 ○ indexOf() - 문자열에서 지정된 값이 처음 나타나는 위치 반환 ○ slice() - 문자열의 지정된 부분을 새 문자열로 반환 ○ toUpperCase / toLowerCase() - 문자열의 모든 문자를 대문자/소문자로 바꿈 //indexOf const sentence = "The United States has 50 states and 1 special ward." console.log(sentence.indexOf('states')); //25 //slice const HarryPotter = ["Harry", "Hermio..

* 모던 자바스크립트 핵심 가이드(저자 알베르토 몬탈레시, 옮김 임지순/권영재) 복습 * 핵심 부분과 필요할 경우 문제도 수정해서 기재할 것 * 문제될 경우 삭제할 것 ○ 문자열 삽입 -> + 로 따로 분리해서 삽입하던 것을 ``(백틱)을 이용해 쉽게 작성 //이전 방식 var name = "anna"; var greeting = "안녕하세요 제 이름은 " + name + "입니다."; console.log(greeting) //"안녕하세요 제 이름은 anna입니다." //백틱 방식 var name2 = "john"; var greeting2 = `안녕하세요 제 이름은 ${name2}입니다.` console.log(greeting2) //"안녕하세요 제 이름은 john입니다." ○ 표현식 삽입 //이전 ..

* 모던 자바스크립트 핵심 가이드(저자 알베르토 몬탈레시, 옮김 임지순/권영재) 복습 * 핵심 부분과 필요할 경우 문제도 수정해서 기재할 것 * 문제될 경우 삭제할 것 ○ 함수 기본값 인수 이전 문제 - '기본값이 인수 목록의 끝이 아닌 시작 부분에 있도록 하려면'의 해결법 function world(city, country, continent) { if(typeof country === 'undefined') { country = 'Korea'; //기본값으로 대체 } if(typeof continent === 'undefined') { continent = 'Asia'; //기본값으로 대체 } console.log(continent, country, city) } world("seoul"); //Ai..

* 모던 자바스크립트 핵심 가이드(저자 알베르토 몬탈레시, 옮김 임지순/권영재) 복습 * 핵심 부분과 필요할 경우 문제도 수정해서 기재할 것 * 문제될 경우 삭제할 것 ○ 화살표 함수 - 화살표 함수 = 익명 함수 - 참조할 이름 필요 = 함수를 변수에 할당 (여기서는 name) //변경 전 const animal1 = function(name) { return "안녕하세요" + name; } //변경 후 const animal2 = (name) => { return "안녕하세요" + name; } //매개변수가 하나만 있으면 괄호 생략 가능 const animal3 = name => { return "안녕하세요" + name; } //매개변수가 없으면 빈 괄호 const animal4 = () => {..

* 모던 자바스크립트 핵심 가이드(저자 알베르토 몬탈레시, 옮김 임지순/권영재) 복습 * 핵심 부분과 필요할 경우 문제도 수정해서 기재할 것 * 문제될 경우 삭제할 것 ○ var - var로 변수 선언 시 함수 스코프에 종속됨 - 단, for루프 내에서 var 변수를 선언 시 for문 밖에서도 변수 사용 가능 - 새 값을 재할당 시 블록 바깥에서는 값 변경됨 - 정의되기 전에 접근 가능하나(undefined로 표시) 그 값에는 접근 불가 for (var i = 0; i< 5; i++) { var program1 = "그것이 알고 싶다 1992~"; } console.log(program1); //"그것이 알고 싶다 1992~" function myProgram() { var program2 = "무한도전..

* 모던 자바스크립트 핵심 가이드(저자 알베르토 몬탈레시, 옮김 임지순/권영재) 복습 * 핵심 부분과 필요할 경우 문제도 수정해서 기재할 것 * 문제될 경우 삭제할 것 ○ 함수 선언 ① 함수 정의 function movie(title) { console.log("그것이 알고 싶다 : " + title) } movie("지선씨네 마인드") //"그것이 알고 싶다 : 지선씨네 마인드" title : 매개변수(파라미터 혹은 변수라고 함) console.log("그것이 알고 싶다 : " + title) : 명령문 - 원시 자료형이 함수에 전달될 때는 참조가 아니라 값의 형태로 전달됨 - 해당 값에 대한 변경 사항이 전역적으로 반영되지 않음 - 단, 객체나 배열을 함수에 전달할 경우 참조로 전달됨 - 원시 자료형..