-input type 종류 1. input type="text" 2. input type="password" 3. input type="submit" 4. input type="radio" 5. input type="checkbox" 6. input type="button" 7. input type="number" 8. input type="date" 9. input type="color" 10. input type="range" 11. input type="email" -checkbox에 click시 영역 숨기기 1. 최종 결과 2. HTML 숨기기 hide show show hide show show 숨기기 input 타입을 checkbox로 설정하고 label의 for속성을 input의 id값과 같..

개념 내부함수가 외부함수에 접근 할 수 있는 것을 클로저 라고 한다. 원래는 외부 함수의 실행이 끝나면 외부 함수가 소멸되어 내부 함수가 외부 함수의 변수에 접근할 수 없습니다. 하지만 외부 함수의 실행이 끝나고 외부 함수가 소멸된 이후에도 내부 함수가 외부 함수의 변수에 접근할 수 있는 구조 사용방법 const btn = document.getElementById('btn'); function increa(){ let count = 0; return function(){ count++; console.log(count) } } let add = increa(); btn.addEventListener('click',add); let add = increa() btn.addEventListener('cli..

-함수형 프로그래밍 함수형 프로그래밍은 소프트웨어를 구성하는 패러다임 중 하나이다. 패러다임 종류에는 객체지향 프로그래밍, 절차 프로그래밍 그리고 함수형 프로그래밍이 있다. 패러다임 중에서 함수형 프로그래밍은 오류를 줄이고, 모듈화를 강조한다. 또한, 언제 평가해도 같은 값을 출력하는 순수 함수들을 만들고 순수 함수들을 값으로 들고 다니면서필요한 시점마다 평가하면서 만드는 로직을 만든다. 함수형 프로그래밍에서 핵심은 1. 순수 함수(pure functions) 동일한 인자가 들어올 경우 항상 동일한 값을 출력한다. 또한, 리턴 값 이외에는 외부와 소통하지 않는다. 따라서 외부의 변수를 수정하지 못한다. 이를 부수효과가 없다 라고 한다. 부수효과란, 외부의 상태에 영향을 미치는 것을 부수효과라고 한다. 이..

개념 화면에서 움직임 또는 효과를 줄때 초당 60번 화면을 다시 그려서 끊김없이 부드럽게 나타내기 위함이다. requestAnimationFrame 사용해서 콘솔 반복 찍기 requestAnimationFrame(testing); 먼저 실행시키고 싶은 함수를 requestAnimationFrame()에 넣는다. 자기 자신을 호출 시키기 위해서이다. requestAnimationFrame는 재귀함수와 비슷하다. let counting = 0; 전역변수로 counting을 선언하고 값으로 0을 넣는다. 이후, testing함수에서 1씩 증가시킨다. 그렇게 되면 처음에는 0(counting) + 1(count++(1증가라는 뜻)) = 1(전역변수 counting에 저장) 두번째에는 1(1씩증가되어 저장된 전역..

-최종 결과 -HTML click 0 input 타입을 text로 하고 class명으로 선택한다. 나중에 js에서 유사 배열로 가지고 오기 위해서다. SuM 합계 버튼이다. 0 합계한 값을 출력하는 태그로 사용한다. -javascript 1. html태그를 js로 가지고 오기 const sum_input = document.getElementsByClassName('sum'); const btn = document.getElementById('btn'); const display = document.getElementById('display'); const sum_input = document.getElementsByClassName('sum'); input 태그를 ClassName으로 받아와서 유사 배..