꾸준히 성장하는 개발자

getElementByClassName으로 태그들을 부르게 되면 HTMLCollection으로 나타나는데 이를 array 형식으로 바꾸길 원한다면 Array.from(......) 메소드를 넣어주면 array 형식으로 바뀌게 된다. const colors = document.getElementsByClassName("jsColor"); console.log(colors); console.log(Array.from(colors)); 만약 처음부터 document.querySelectorAll(".jsColor"); 주게 된다면 이 방법도 array로 주게 되어 이대로 사용가능하다 const jsColor = document.querySelectorAll(".jsColor"); console.log(jsCo..

var 전역변수와 지역변수의 개념이 확실치 않음 (전역변수 : 블락 밖에서 선언을 한 어디서든 쓰일수 있는 변수) (지역변수 : 블락{} 안에서 선언된 변수, 블락안에서만 쓸수 있음 ex) function이나 for문등 안에서 선언되는 변수 ) 함수만 지역변수로 호이스팅이 되고 나머지는 다 전역변수로 올려버림 let 값 재할당 가능 호이스팅도 되지만 변수 a가 선언된 라인 전까지는 a를 사용할수 없다. const 값 재할당 불가능 상수를 만드는것 , 변하고 싶지 않은 값들을 만들때 쓰임 총정리!! var는 쓰지 말자!!!!

비율 계산 16:9를 하고 싶을 땐 width: 100% padding-top : 56.25% iframe 삽입에 대한 YouTube Player API 참조 문서 | YouTube IFrame Player API | Google Developers iframe 삽입에 대한 YouTube Player API 참조 문서 | YouTube IFrame Player API | Google Developers Embed a YouTube player in your application. developers.google.com 유튜브 소스보기로 iframe 형태로 가져올 수도 있지만 그러면 제어할 수 있는 것이 한정적이다 자동재생과 음소거 등 여러 가지를 제어가 가능하다 사이트에 들어가서 제어가 가능한 부분들은 ..

1. npm 프로젝트 시작 터미널 열고 npm init -y ​ 2. 프로젝트 구조에 package.json 이 생성되어있음을 확인할 수 있음 ​ 3. 개발 서버 열기 개발하는 용도로만 사용할때에는 -D의 플래그를 붙여준다 ​ npm i parcel-bundler -D 시간이 지나고 프로젝트 구조에 파일들이 더 생겨났다 ​ 준비끝!! ​ 개발서버가 열릴 수 있게 package.json 파일로 이동하여 드래그되어 있는 부분을 지워주고 "scripts": { "dev":"parcel build index.html", "build": "parcel build index.html" }, 이라고 작성하고 터미널을 열어 npm run dev 를 작성하여 개발서버를 오픈한다. 만일 invaild version이라는 ..