코드노트

String - JavaScript | MDN String 전역 객체는 문자열(문자의 나열)의 생성자입니다. developer.mozilla.org indexOF cpmst result = 'Hello world!'.indexOF('world') console.log(result) // 6 찾으려는 'world'의 제로베이스로 띄어쓰기를 포함한 첫번째 인덱스인 6이 console에 나타난다. cpmst result = 'Hello world!'.indexOF('codenote') console.log(result) // -1 문자열 중에 찾으려는 문자가 없다면 -1로 나타난다. const str = 'Hello world!'; console.log(str.indexOf('codenote') !== -1)..

class Vehicle { constructor(name, wheel) { this.name = name this.wheel = wheel } }; const myVehicle = new Vehicle('운동수단', 2); console.log(myVehicle); class Bicycle extends Vehicle { constructor(name, wheel) { super(name, wheel) } }; const myBicycle = new Bicycle('삼천리', 2); const daughtersBicycle = new Bicycle('세발', 3) console.log(myBicycle) console.log(daughtersBicycle) class Car extends Vehicle..

- 개행문자 설정 #macOS git config --global core.autocrlf input #Windows git config --global core.autocrlf ture - 사용자 정보 git config --global user.name '이름' git config --global user.email '메일' - 구성 확인 git config --global --list git init #현재 프로젝트에 변경사항 확인 git add. - 모든 파일의 변경사항을 추적하여 지정 - 새로운 파일 생성 시에도 add.으로 버전에 추가 git add index.html - add 뒤에 변경하려는 파일들을 개별적으로 지정 가능 git commit -m "프로젝트 생성" - 메모와 함께 버전을 생..

git status 확인을 하는데 오류가 발생. fatal: bad boolean config value 'ture' for 'core.autocrlf' 이런 코드가 나오게 되면 git config --system --unset core.autocrlf git config --global core.autocrlf false 순서대로 입력을 해주면 해결된다. 오류 해결 후 git status를 입력하면 Untracked files 목록을 확인할 수 있다.

const thisYear = document.querySelector('.this-year'); thisYear.textContent = new Date().getFullYear(); 생성자 함수 new Date() 현재날짜를 생성 .getFullYear(); this-year 클래스에 변환

Character Entity Reference Chart dev.w3.org

HTML 삽입 미리보기할 수 없는 소스 스크롤에 따라서 애니메이션 효과 나타내기 ScrollMagic - Libraries - cdnjs - The #1 free and open source CDN built to make life easier for developers The javascript library for magical scroll interactions. - Simple. Fast. Reliable. Content delivery at its finest. cdnjs is a free and open-source CDN service trusted by over 12.5% of all websites, serving over 200 billion requests each month, pow..

HTML 삽입 미리보기할 수 없는 소스 - hover 시 앞 뒤 회전 - Y축으로 회전

const exEls = function(exEl) { if (exEl === 'codenote') { return true; } else { return false; } }; ------------------------------------------------------- const exEls = (exEl) => { return exEl === 'codenote' ? true : false; }; 위 코드와 아래코드는 같은 코드이다. 화살표함수를 사용하게되면 더 간단한 코드를 만들 수 있다. const exEl = () => {}; const exEl = one => {}; const exEl = (one, two) => {}; 1. 익명함수를 화살표함수로 2. 1개의 변수만 사용하는 함수는 괄호를..

function 함수 이해하기 function 함수이름(매개변수) { 함수본문 }; 함수 선언 - function 선언 - 함수이름 작성 - ( ) 비워두면 익명함수 / 익명함수 선언시 변수명 필수 - ( ) 매개변수를 넣어서 작성하여도 됩니다. - { } 중괄호를 열어서 내용을 넣습니다. return 이해하기 function exEl() { return "hello"; } console.log(exEl()); return은 function함수 내에서 반환하는 것으로 볼 수 있습니다. 위 코드를 보시면 exEl으로 콘솔 'hello' 문자가 반환되었다고 이해할 수 있습니다. console.log(exel()); 실행을 하게 되면 콘솔에 "hello"가 나타나게 됩니다. 리턴은 값을 반환하기 때문에 함수이..