array 자료 뒤에 붙일 수 있는 forEach() 라는 반복문 기본함수가 있다. var pants = [28, 30, 32]; pants.forEach(function(){ console.log('안녕') }); 예를 들어, 위와 같이 이렇게 쓰면 pants 안의 데이터 갯수만큼 forEach 콜백함수 안에 있는 코드가 실행된다. 총 3번 실행 되는 것이다. 그래서 array 자료 다룰 때 for 반복문 쓰기 귀찮으면 forEach 뒤에 붙여도 된다. forEach 안에 넣는 콜백함수 var pants = [28, 30, 32]; pants.forEach(function(a, i){ console.log(a) }); 콜백함수 안에 파라미터 2개까지 작명이 가능한데 첫 파라미터는 반복문 돌 때 마다 a..
console.log(1 + '2'); // '12'출력됨 자바스크립트에서 덧셈기호 쓰면 문자이어붙이기가 쉽게 가능하다. 숫자 + 숫자는 숫자 덧셈해주는데 문자 + 숫자처럼 적어도 1개가 문자면 문자 덧셈을 해준다. 문자덧셈은 그냥 문자2개 이어붙여줌. var a = '안녕'; console.log('문자' + a + '문자'); // '문자안녕문자'출력됨 그래서 문자 중간에 변수를 넣고 싶다면 덧셈기호를 이렇게 활용하면 된다. 이것말고 한가지 방법이 더 있는데, var a = '안녕'; console.log(`문자 ${a} 문자`); // '문자안녕문자'출력됨 백틱기호 ``를 쓰면 1. 문자 중간에 엔터키 칠 수 있음 2. 중간에 ${ 변수명 } 문법을 이용가능함 ${ } 이건 문자안에 변수넣어주는 간..
어떤 HTML 태그에 이벤트가 발생하면 그의 모든 상위요소까지 이벤트가 실행되는 현상을 이벤트 버블링이라고 한다. click이라는 이벤트로 예를 들어보면, HTML 태그에 클릭이 발생하면 그의 모든 상위요소까지 자동으로 클릭된다는 말이다. document.querySelector('.black-bg').addEventListener('click', function(e){ e.target; e.currentTarget; e.preventDefault(); e.stopPropagation(); }) e.target : 실제 클릭한 요소 알려줌 (이벤트 발생한 곳) e.currentTarget : 지금 이벤트리스너가 달린 곳 알려줌 (참고로 this라고 써도 똑같음) e.preventDefault() : 실행..
- var 변수는 유연해서 재선언 재할당이 자유롭다. - let, const는 재선언이 불가능하다. -> 장점 : 코드가 길어지다보면 변수 만든것을 또 만드는 실수를 할때가 있다. 그걸 미연에 방지해준다. - const의 특징 : 값을 수정하면 큰일나는 변수들을 만들고 싶을 때 쓴다. - let, const는 중괄호가 범위이다. 중괄호 밖으로 나가면 작동하지 않는다.
여러명이 같이 작업을 하는 깃허브에서 메인 브런치를 클론해와서 나만의 브랜치로 따로 만들어야 나만의 버전에서 자유롭게 코딩을 할 수 있다. 1. 한명이 깃허브 메인 브랜치에 git push를 해 놓는다 2. 나머지 동료들이 그 메인 브런치를 git clone 해온다 git clone 3. main이나 master 브랜치 둘 중 하나가 받아졌을 것이다. 이제 나만의 브랜치를 파자 git checkout -b 새브랜치명 (-b 라는 것이 새로 만든다라는 뜻이다. git checkout 브랜치명 으로 치면 그 브랜치로 이동하는 것) 4. 각자 만든 브랜치에 자기가 맡은 기능을 구현한다 5. git add . 6. git commit -m "남길 메세지" 7. git push origin 브랜치명 8. gith..
