개발나라 스용공주

이번 글은 아래 강의 내용을 바탕으로 작성되었습니다.(생활코딩)https://www.youtube.com/watch?v=2j04s1erzTs&list=PLuHgQVnccGMBB348PWRN0fREzYcYgFybf&index=30   [ 객체란? ]객체는 함수의 기반 위에 존재하는 개념으로 코드를 정리정돈하는데 사용되는 수단의 일부이다.코드를 정리정돈하고 중복되는 코드를 묶어 사용하기 위해 함수가 사용되는 것처럼 함수와 그 함수 내 변수들이 증가하게 되면 서로 연관된 함수와 변수를 같은 이름으로 그룹화해주는 것이 '객체'이다. => ex. 객체의 예시로는 우리가 코드에서 흔히 document.write()를 작성할 때 document가 객체이름이고 write()는 document라는 객체에 속한 함수이다...

이번 글은 아래 강의 내용을 바탕으로 작성되었습니다.(생활코딩)https://www.youtube.com/watch?v=WsPJ8FsoMcU&list=PLuHgQVnccGMBB348PWRN0fREzYcYgFybf&index=28  [ 세부 설명 ]코드가 정상적으로 실행되지 않는 이유에 대한 풀이이다.전체 코드에 대한 내용은 아래에 작성되어져 있다. 아래 코드는 바깥에 nightButton()이라는 함수를 만들어준 부분이다.function nightButton() { var target = document.querySelector('body'); var list = document.querySelectorAll('a'); var i = 0; ..

이번 글은 아래 강의 내용을 바탕으로 작성된 글입니다.(생활코딩)https://www.youtube.com/watch?v=hZdBDoYHd7E&list=PLuHgQVnccGMBB348PWRN0fREzYcYgFybf&index=23  그리고 아래 블로그글에 나온 코드의 내용을 이어서 디벨롭하는 과정입니다.https://hwangseoyoung.tistory.com/147 [생활코딩] JavaScript 왕기초 7장 - Visual Studio Code / 리팩토링(refactoring) - 중복 제거이번 글은 아래 강의를 바탕으로 작성되었습니다.(생활코딩)https://www.youtube.com/watch?v=vwRkFRke7ls&list=PLuHgQVnccGMBB348PWRN0fREzYcYgFybf&i..

이번 글은 아래 강의 내용을 바탕으로 작성되었습니다.(생활코딩)https://www.youtube.com/watch?v=BjkfkKdlvLo&list=PLuHgQVnccGMBB348PWRN0fREzYcYgFybf&index=22  [ 반복문과 배열 실습 개요 ]아래 실행결과 사진은 아래 코드를 실행한 결과이다.아래 실행결과 사진만 보면 과일 이름을 반복적으로 리스트(list) 태그의 형태로 작성하고 있는 것을 확인할 수 있다. 따라서 해당 실습을 만들기 위해서는 먼저 과일이름들은 배열(array)를 통해 서로 연관된 데이터를 배열로 묶어줘야한다.그리고 해당 배열을 순차적으로 꺼내서 태그를 붙여주는 형식으로 반복문을 만들어 출력시켜주면 된다. Loop & Array ..

이번 글은 아래 강의를 바탕으로 작성되었습니다.(생활코딩)https://www.youtube.com/watch?v=vwRkFRke7ls&list=PLuHgQVnccGMBB348PWRN0fREzYcYgFybf&index=18     [ 리팩토링이란? ]리팩토링(refactoring)은 결과의 변경 없이 코드의 구조를 재조정하여 중복된 코드의 중복을 최소화하고 불필요한 부분들을 생략해주는 것이다.이로 인해, 우리는 더 깔끔한 코드를 만들어 낼 수 있다.    [ 리팩토링 실습 1 - this ]아래 코드를 보면 document.querySelector('#night_day') 이 부분이 계속 반복되는 것을 알 수 있다.하지만 document.querySelector('#night_day') 부분의 경우 해당..

이번 글은 아래 강의 내용을 바탕으로 작성되었습니다.(생활코딩)https://www.youtube.com/watch?v=Gt2iGEEKXww&list=PLuHgQVnccGMBB348PWRN0fREzYcYgFybf&index=17   아래 실행결과 영상에 대한 실습이다.버튼을 눌러 night 버튼을 누르면 검정 배경에 흰 글씨로 day 버튼을 누르면 흰 배경에 검정 글씨로 변경된다.전체 코드는 다음과 같다. 안녕하세요   우선 이 실습의 경우 if문으로 night의 여부에 대해 참인지 거짓인지 판단을 해줘야한다.그리고 night 여부를 판단하기 위해 지금 현재 value 값이 무엇인지 알아내야한다.현재 value값을 알아내는 코드의 부분은 아래의 코드이다.if(document.querySele..

이번 글은 아래 강의 내용을 바탕으로 작성된 글입니다.(생활코딩)https://www.youtube.com/watch?v=wjlbT3hvDMc&list=PLuHgQVnccGMBB348PWRN0fREzYcYgFybf&index=16    [ 조건문 if ]아래 실습은 조건문 if에 대한 내용이다.if는 결과값이 true면 첫줄을 if에 해당하는 첫번째 부분을 실행시키고 false면 그 다음 부분인 else에 해당하는 부분을 실행시킨다.그래서 if의 괄호 안에는 boolean데이터 타입이 작성된다.그래서 아래 실행결과와 같이 1 2 3 4 순으로 출력되어야할 문자가 true일 경우 첫번째만 실행하여 1 2 4가 출력되고 false의 경우 첫번째가 아닌 else부분인 그 다음을 실행하여 1 3 4가 출력된다...

이번 글은 아래 강의 내용을 바탕으로 작성되었습니다.(생활코딩)https://www.youtube.com/watch?v=A2qp-jpk_XA&list=PLuHgQVnccGMBB348PWRN0fREzYcYgFybf&index=15   [ 비교연산자 === ]===은 동등비교연산자로서 좌항과 우항의 값이 같은지 다른지에 따라 같으면 결과값으로 true를 다르면 false를 배출한다. 여기서 true와 false는 Boolean에 해당된다.   [ 실습 1 ]아래 실습을 보면 1과 1은 같기 때문에 1===1을 하면 true가 되고 1===2를 하면 false가 된다.  코드에서 write()는 해당 괄호 안의 결과값을 출력하는 역할을 한다. Comparision operators & Boolean ..