아래 두 가지 상황에서 함수를 써야 한다여러 가지 기능을 하는 코드를 한 단어로 묶고 싶을 때(그리고 나중에 재사용할 때)입출력 기능을 만들 때arrow function을 사용하는 데에는 몇 가지 이유가 있는데 1\. 첫번째로 함수 본연의 입출력 기능을 아주 직관적으로
아무데서나 일반(전역)함수로 this를 호출하면 window를 가지고 옴Q. window가 무엇인가요?A. window는 모든 전역변수, 함수, DOM을 보고나하고 관리하는 전역 객체입니다그러나 strict mode일 때 함수 안에서 쓰면 this는 undefined가
git을 사용해서 이것저것 테스트하던 와중에,폴더명을 바꾸고 새로 생성할 일이 있었다아무 생각 없이 직접 폴더를 옮겼다가 에러가 잔뜩 떠서 뭐가 문제지 했는데파일의 이름을 변경하거나디렉토리 구조를 바꿔야하는 경우가 발생할 때에는이럴 땐 직접 이동시키지 않고 git mv
참조 애플코딩: (무료) 매우쉽게 알려주는 git & github브랜치에 각각 신규 commit이 1회 이상 있는 경우, merge 명령을 내리면 두 브랜치의 코드를 합쳐서 새로운 commit을 자동으로 생성해주는 것이것이 merge의 기본 동작방식commit2 시점에
navigator 객체는 브라우저 관련된 정보를 컨트롤 한다. 브라우저에 대한 버전, 정보, 종류 등 관련된 정보를 제공한다.navigator.appCodeName : 브라우저의 코드명을 반환navigator.appName : 브라우저의 이름을 반환navigator.a
.innerWidth : 브라우저의 안쪽 넓이의 값.innerHeight : 브라우저 안쪽의 높이값 반환.outerWidth : 브라우저의 프레임을 포함한 넓이값 반환.outerHeight : 브라우저의 프레임을 포함한 높이값 반환.scrollY : 현재 스크롤된 브라
window.getComputedStyle() 메소드는 인자별로 전달받은 요소의 모든 CSS 속성값을 담은 객체를 회신한다.개별 CSS 속성값은 객체를 통해 제공되는 API 또는 CSS 속성 이름을 사용해서 간단히 색인화하여 액세스 할 수 있다.element속성값을 얻
JavaScript로 event를 받으면 function(e)와 같이 받았었는데 왜 꼭 e가 들어가는 것인지 의문이었다.addEventListener에서 function(e)가 쓰여져있는 위치에는 이벤트 핸들러가 주어져야 한다. 이벤트가 발생했을 때 실행되는 함수가 놓
비구조화할당이란, 배열이나 객체 속성을 해제하여 개별 변수에 값을 담을 수 있는 javascript 표현식을 말한다. 비구조화할당 또는 구조 분해 할당이라고 한다.: 비구조화 할당의 기본 구조는 좌측에는 변수, 우측에는 해당 변수에 넣어지는 값을 표현한다.배열의 경우에
toString() : 배열을 문자로 변환join() : 구분자를 활용해 문자열로 이어붙이기pop() : 배열의 마지막요소 제거 (리턴 값으로 잘라낸 요소 반환)push() : 배열의 끝부분에 새로운 요소 추가 (리턴 값으로 배열의 길이 반환)shift() : 배열의
문자열.length: 문자열의 길이를 반환문자열.indexOf(): 찾고자 하는 문자열의 위치 반환문자열.slice(): 문자열에서 특정 부분을 추출해서 새로운 문자열로 반환문자열.substr(): 문자열에서 특정 부분을 잘라냄문자열.replace(): 문자열에서 특정
forEach()가 배열 요소마다 한 번씩 주어진 함수(콜백)를 실행하는 것과 달리,map()은 배열 내의 모든 요소 각각에 대하여 주어진 함수(콜백)를 호출한 결과들을 모아 새로운 배열을 반환한다는 특징을 가지고 있다그리고 그 함수는1\. currentValue (배
여러 개의 코드블록 중에서 하나를 선택해야할 때 사용if문과 다르게 부등호로 조건이 들어갈 경우 사용할 수 없다switch문은 = 등호 형태의 조건문모든 switch문은 if문으로 바꿀 수 있지만 if문에서 부등식이 사용된 경우에는 switch문으로 치환할 수 없음그러
자주 쓰는 실행코드들을 블록 단위로 묶어서 패키징 해놓은 형태 자주 쓰는 코드들을 기능단위로 재사용하기 위함함수정의: 미리 function 키워드를 이용해서 자주 쓸 코드들을 묶어서 정의하는 행위함수호출: 정의되어 있는 함수를 호출해야지만 기능이 실행됨함수에 미리 이
사용자가 임의로 만드는 명칭ex) const, let식별자를 작성할 때에는 예약어는 피해야함자바스크립트 자체적으로 특정 기능을 실행하기 위해 예약된 명령어특정 명령어를 실행하기 위한 구문ex) document.querySelector();여러 가지의 예약어가 모여 실행
<script>를 연결할 때 defer을 작성하면,<script>를 읽음과 동시에 body 안의 html 내용을 함께 읽는다.예전에는 body의 끝에 스크립트를 작성하였지만 이제는 defer을 작성하여 파일을 연결한다
if(조건식, 표현식1, 표현식2).section-v1{ width: $section-v1; background-color: if($section-v1 > 700, coral, orange);}/ CSS 컴파일 결과 /.section-v1{ width:900pxl
변수 이름 앞에 $를 넣어서 사용한다.반복되는 목적의 속성 값을 하나의 변수에 관리하여 여러 곳에 값을 할당하여 줄 수 있다.변수에서 사용 가능한 값은 문자열, 숫자, 색상, 불리언(true, false), 리스트(Array), null이다.변수 문법 코드문서의 최상위
@each는 list와 map데이터를 반복할 때 사용한다.자바스크립트 for in 반복문과 유사하다.하나의 데이터를 저장하기 위해서 변수를 사용하는데, 여러 개의 데이터를 저장할 때에는 list 또는 map이라는 형식으로 저장한다.연관된 데이터들끼리 모아서 하나의 변수