차곡차곡

문제46 : 각 자리수의 합 2 1부터 20까지의(20을 포함) 모든 숫자를 일렬로 놓고 모든 자릿수의 총 합을 구하세요. 예를 들어 10부터 15까지의 모든 숫자를 일렬로 놓으면 101112131415이고 각 자리의 숫자를 더하면 21입니다. (1+0+1+1+1+2+1+3+1+4+1+5 = 21) function sumOfDigitsFrom1To20() { let sum = 0; // 1단계: 합계를 저장할 변수 초기화 let numbersString = ''; // 숫자들을 연결할 빈 문자열 초기화 for (let i = 1; i

문제45 : getTime()함수 사용하기 Date객체의 메소드 중 하나인 getTime()은 1970년 1월 1일 0시 0분 0초 이후로부터 지금까지 흐른 시간을 천분의 1초 단위(ms)로 반환합니다. 이를 이용하여 현재 연도(2024)를 출력해보세요. getTime() 메서드 date 객체의 메서드 중 하나로 1970년 1월1일 00:00:00 UTC부터 해당 날짜/시간까지의 경과 시간을 밀리초 단위로 반환 이 값을 사용하여 특정 날짜와 시간의 타임 스탬프를 얻거나, 두 날짜 간의 차이를 계산할 수 있다. 1. 현재 날짜와 시간의 타임 스탬프 구하기 var now = new Date(); console.log(now, getTime()); 2. 특정 날짜와 시간의 타임 스탬프 구하기 var speci..

문제44: 각 자리수의 합 사용자가 입력한 양의 정수의 각 자리수의 합을 구하는 프로그램을 만들어주세요 예를들어 18234 = 1+8+2+3+4 이고 정답은 18 입니다. 3849 = 3+8+4+9 이고 정답은 24입니다. 입출력 입력 : 18234 출력 : 18 입력 : 3849 출력 : 24 위 문제는 자바스크립트의 기본적인 데이터 처리와 제어 흐름에 관련된 것으로 변수선언, 데이터타입 변환, 반복문 , 산술 연산이 포함된 문제이다. 로직 과정 1. 문자열 변환 입력받은 숫자를 문자열로 변환해야 각 자리 수를 개별적으로 접근가능하다. -> toString() 메서드를 사용하거나 숫자를 문자열 리터럴과 함께 더하는 방식으로 가능함 2. 반복문 문자열의 각 문자(숫자의 각 자리)를 순회하기 위해 for ..

DOM Tree 란? Document Object Model Tree 약자로, 웹 페이지의 구조를 트리 형태로 표현한 것이다. 웹 브라우저는 HTML 코드를 파싱하여 DOM Tree를 만들고 이를 통해 웹 페이지를 렌더링하고 사용자와 상호작용을 한다. DOM Tree 구성요소 Node DOM Tree 기본 단위 모든 DOM 요소의 기본이 되는 인테퍼이스로 요소, 텍스트 , 주석 등 웹 페이지의 모든 구성 요소 포함한다. 모든 요소는 Node 자손이며 , 노드는 자식 노드를 가질 수 있다. Document DOM Tree 의 최상위 노드 웸 페이지 자체를 대표한다. 문서 전체를 나타나며 DOM 트리의 진입 점 역할을 한다. Element html 또는 xml 문서의 모든 요소를 대표한다. 예를 들어 , ,..

자바스크립트를 사용하여 웹 페이지를 동적으로 조작하기 위한 요소 선택 및 조작하는 방법 1. 요소 선택 - getElementById : id 속성을 사용하여 특정 요소 선택 - getElementsByTagName : 태그의 이름으로 모든 요소 선택 - getElementsByClassName : class 속성으로 모든 요소 선택 - querySelector : css선택자를 사용하여 요소 선택 - querySelectorAll : css 선택자를 사용하여 모든 요소 선택 2. 요소 조작 - innerHTML : 요소의 HTML 내용 변경 - textContent : 요소의 텍스트 내용 변경 - style : 요소의 스타일 속성 변경 - setAttribute : 요소의 속성 설정 - removeAt..

window 객체는 새 창을 열거나 현재 창을 조작하는 다양한 작업이 포함된다. 사용자 인터페이스를 구현하고 사용자 경험 향상 시킬 수 있다. 새 창 열기 : window.open() 새로운 브라우저 창이나 탭을 열고 싶을때 window.open() 메서드를 사용한다 문법 : window.open(URL, name, specs, replace) //window.open(URL, name,specs,replace); var newWindow = window.open("","_blank","width=800, height = 600"); url : 열고자 하는 웹 페이지 주소 , 선택적을 지정가능 , 지정하지 않을 경우 빈 창 열림 windowName : 새 창의 이름 , 같은 이름을 가진 창이 이미 존재 ..