코딩하는 감자

메소드 체이닝 (Method Chaining)란?메소드 체이닝은 여러 메소드를 연속적으로 호출하여, 결과를 다음 메소드에 전달하는 프로그래밍 기법입니다. 이 방법은 코드의 가독성을 높이고, 코드 작성 시 불필요한 변수를 줄여주는 장점이 있습니다. 메소드 체이닝의 기본 개념메소드 체이닝은 메소드 호출 후, 그 메소드의 반환 값을 다음 메소드의 인수로 사용합니다. 즉, 각 메소드는 자신이 호출된 객체를 반환하고, 이 반환된 객체에 대해 다음 메소드를 호출하는 방식으로 연결됩니다. 예제 코드const a = 'abc';// split : 문자를 구분자 기준으로 쪼개서 배열로 반환합니다.// reverse : 배열의 순서를 뒤집습니다.// join : 배열의 요소를 구분자 기준으로 문자로 병합해 반환합니다.co..

- DOM API (Document Object Model, Application Programming Interface) // HTML 요소(Element) 모두 검색/찾기 const boxEls = document.querySelectorAll('.box'); console.log(boxEls); // 찾은 요소를 반복해서 함수 실행 // 익명 함수를 인수로 추가 boxEls.forEach(function () {}); //첫 번째 매개변수 (boxEl) : 반복 중인 요소 //두 번째 매개변수 (index) : 반복 중인 번호 boxEl.forEach(function (boxEl, index) {}); // 출력 boxEls.forEach(function (boxEl, index) { boxEl.c..

- DOM API (Document Object Model, Application Programming Interface) // HTML 요소(Element) 1개 검색/찾기 const boxEl = Document.querySelector('.box'); //HTML 요소에 적용할 수 있는 메소드 boxEl.addEventListener(); // 인수(Arguments)를 추가 가능! boxEl.addEventListener(1,2); // 1 - 이벤트(Event, 상황) boxEl.addEventListener('click', 2); // 2 - 핸들러(Handler, 실행할 함수) boxEl.addEventListener('click', function() { console.log('click'..

조건문 - 조건의 결과(thuthy, falsy)에 따라 다른 코드를 실행하는 구문 ( if, else ) let isShow = true; let checked = false; if(isShow){ console.log('show!'); // show } if(checked){ console.log('checked!'); } let isShow = true; if (isShow){ console.log('show'); } else{ console.log('?'); }

웹 사이트 로그인을 시도할 때 내가 로봇인지 사람인지를 구별하는 아래와 같은 사진을 많이 볼 수 있다. 애매한 글씨들과 그림들로 문제를 틀려서 내가 로봇이 되는 경우도 있어 난감할 때가 매우 많다 위와 같이 사용자가 사람인지 로봇(컴퓨터 프로그램)인지를 구별하기 위해 사용되는 방법을 CAPTCHA 라고 한다. CAPTCHA? Completely (=완전히) Automated (=자동화된) Public (=공공의) Turing test to tell (=튜링 테스트와) Computers and (=컴퓨터와) Humans (=인간을) Apart (=구분하는) = 컴퓨터와 인간을 구분하는 완전히 자동화된 공공의 튜링 테스트 CAPTCHA의 목적은 사람과 로봇을 구별하는 것과 사람들이 많이 모르고 있는 한가지의..

함수 (function) - 특정 동작(기능)을 수행하는 일부 코드의 집(부분) //함수 선언 function helloFunc() { return 123; } let a = returnFunc(); console.log(a); //123 //함수 선언 function sum(a,b) { //a와 b는 매개변수(paraneters) return a + b; } //재사용 let a = sum(1,2); //1과 2는 인수(Arguments) let b = sum(7,12); let c = sum(2,4); console.log(a,b,c); // 3,19,6 출력 // 기명 함수 // 함수 선언 function hello{ console.log('hello!'); } // 익명 함수 // 함수 표현 le..