[ Javascript ] 2가지 이상의 색을 섞은 경우의 배경 바꾸기

목표버튼을 클릭할 때마다 배경색을 바꾸는 기능을 구현하기원리버튼을 클릭하면 클릭 이벤트가 발생한다. 클릭 이벤트에 대해 이벤트 헨들러를 등록을 한다. 이벤트 헨들러는 호출 될 때마다 색상코드가 들어가 있는 배열의 인덱스를 무작위로 가져온 후에 태그의 속성에 추가를 한다.코드HTML 코드 Give me color CSS 코드body { height: 100vh; width: 100%; display: flex; justify-content: center; align-items: center; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open..

• format_list_bulleted 프로그래밍/프로그래밍 언어
• · 2024. 9. 20.

[ Javascript ] 시계 만들기

#1 interval이란?주가, 서버 요청 등과 같이 주기적으로 해야할 일들이 있을 때의 주기공간이 interval이다.#2 interval 설정방법설정방법반복해서 실행할 함수를 정의한다.// 함수 정의function sayHello() { console.log("Hello");}interval를 설정한다. 첫번째 인자는 호출할 함수, 두번째 인자는 밀리초 단위의 시간을 넣는다.// interval 설정setInterval(sayHello, 1000);최종형태는 다음과 같다.// 함수 정의function sayHello() { console.log("Hello");}// interval 설정setInterval(sayHello, 1000);#3 예제: 시계만들기시계만들기HTML문서를 준비한다...

• format_list_bulleted 프로그래밍/프로그래밍 언어
• · 2024. 9. 17.

스코프

#1 스코프란?식별자가 유효한 범위자바스크립트 엔진이 식별자를 검색할 때 사용하는 규칙식별자란 어떤 값을 구별하여 식별할 수 있는 고유한 이름이다. 변수나 함수의 이름을 식별자라고 한다. #2 스코프의 종류전역과 전역스코프전역이란 코드의 가장 바깥영역이다. 전역에 변수를 선언하면 전역변수가 된다. 전역변수는 어디서든지 참조할 수 있다.지역과 지역스코프지역이란 함수 몸체 내부이다. 지역변수는 자신의 지역 스코프와 하위 지역 스코프에서 유효하다. #3 스코프 체인정의: 스코프가 계층적으로 연결 된 것스코프체인은 물리적으로 렉시컬환경(lexical environment)라는 자료구조로 구현된다.변수참조시 자바스크립트 엔진은 스코프체인에서 참조되는 위치부터 시작해서 상위 스코프 방향으로 이동하며 선언된 변수를 ..

• format_list_bulleted 프로그래밍/프로그래밍 언어
• · 2024. 8. 25.