전체 글 (33) 썸네일형 리스트형 [JS] 자바스크립트 메소드 체이닝 메소드 체이닝 (Method Chaining) split 메소드: 문자를 split에 적용되어 있는 인수 기준으로 배열로 쪼개서 데이터로 변환해서 반환. i.e. '문자'를 배열 데이터로 변환 reverse 메소드: 배열을 기본 순서가 아닌 반대의 순서로 뒤집어 주는 역할을 한다. join 메소드: 배열 데이터를 인수 기준으로 문자들을 하나씩 붙여서 병합해 변환한다. const a = 'Evelyn!'; const b = a.split('').reverse().join(''); // a 배열 뒤에 메소드+메소드+메소드... 이런 형식을 메소드 체이닝이라고 한다. console.log(a); // Evelyn! console.log(b); // !nylevE [JS] 자바스크립트 DOM API DOM API (Document Object Model, Application Programming Interface) (어플리케이션)웹사이트가 동작하도록 입력하는 프로그래밍 명령 i.e. 자바스크립트에서 (DOM)HTML을 제어하는 여러가지 명령들(API)이다. BOX! CSS 선택자(.box)를 통해 HTML부분에서 특정 요소를 찾아서 그것을 변수 boxEl에 할당한다. let boxEl = document.querySelector('.box'); console.log(boxEl); 하지만 브라우저가 위에서 아래로 HTML코드를 읽어 내려가는 특성으로 HTML DOM API 실행 과정 요소 1개만 검색,찾기를 통한 실행 과정 // HTML 요소(Element) 1개 검색/찾기 const boxEl =.. [JS] 자바스크립트 조건문 조건문 (if, else) 조건의 결과(truthy, falsy)에 따라 다른 코드를 실행하는 구문 bloolean 값으로 ture를 isShow 라는 변수 이름에 할당한다. let isShow = true; let checked = false; // if 조건 구문 if (isShow){ console.log('Show!!'); // Show! }; if (checked){ console.log('checked!'); }; else 조건을 추가하여 보자! isShow조건이 참인 경우, if (isShow)가 참이니 'Show!'를 출력하게 되고, 아니면(else) 'hide!'는 출력되지 않는다. let isShow = true;// 주목! if (isShow) { console.log('Show!').. 이전 1 2 3 4 ··· 11 다음
