현장형 기술 PM의 DX·데이터 인프라 구축 기록

자바스크립트 배열: 다양한 값을 하나의 변수에 담는 상자자바스크립트 배열은 여러 개의 값을 하나의 변수에 담아 관리할 수 있는 유용한 자료형입니다. 마치 여러 개의 사과를 한 상자에 담아두는 것처럼, 배열은 다양한 데이터를 효율적으로 관리할 수 있도록 해줍니다.배열 생성하기JavaScriptlet fruits = ["사과", "바나나", "딸기"];코드를 사용할 때는 주의가 필요합니다. 위 코드는 "사과", "바나나", "딸기"라는 문자열들을 하나의 배열 fruits에 담았습니다. 배열은 대괄호 [] 안에 값들을 쉼표(,)로 구분하여 표현합니다.배열 요소에 접근하기배열의 각 값을 요소라고 부릅니다. 요소에 접근하려면 배열 이름 뒤에 대괄호 안에 인덱스를 넣으면 됩니다. 인덱스는 0부터 시작하는 숫자입니다..

자바스크립트 논리형 예제논리형은 참(true) 또는 거짓(false)의 두 가지 값 중 하나를 가지는 데이터형입니다. 주로 조건문이나 반복문에서 사용되어 프로그램의 흐름을 제어합니다.1. 논리 연산자&& (AND): 두 조건이 모두 참일 때만 참을 반환합니다.|| (OR): 두 조건 중 하나라도 참이면 참을 반환합니다.! (NOT): 값을 반대로 바꿉니다.JavaScriptlet x = 10;let y = 5;// AND 연산console.log(x > 5 && y 3); // true (하나라도 참이므로)// NOT 연산console.log(!(x === y)); // true (x와 y가 같지 않으므로)코드를 사용할 때는 주의가 필요합니다. 2. 비교 연산자==: 두 값이 같은지 비교합니다. (타입..

자바스크립트 변수와 상수: 쉽게 이해하는 가이드변수 (Variable)변수란 무엇일까요?변수는 우리가 프로그램을 실행하는 동안 값을 저장해 놓는 상자와 같다고 생각하면 됩니다. 이 상자 안에 어떤 값을 넣었다 뺐다 할 수 있죠. 즉, 변수의 값은 언제든지 변경될 수 있습니다.변수를 왜 사용할까요?값 저장: 계산 결과, 사용자 입력 값 등을 임시로 저장해 놓을 수 있습니다.반복 사용: 같은 값을 여러 번 사용해야 할 때, 변수에 저장하여 코드를 간결하게 만들 수 있습니다.변수 선언하기JavaScriptlet 변수명 = 값;코드를 사용할 때는 주의가 필요합니다. let: 변수를 선언하는 키워드입니다.변수명: 변수를 식별하기 위한 이름입니다. (예: age, name, result)값: 변수에 저장할 값입니다..

innerHTML.을 사용하여 HTML 요소에 쓰기 document.write().을 사용하여 HTML 출력에 쓰기 window.alert().을 사용하여 알림 상자에 쓰기 console.log().을 사용하여 브라우저 콘솔에 쓰기HTML 요소에 쓰기, 출력하기, 알림, 콘솔에 출력하기: 자세한 설명과 예시1. innerHTML 을 사용하여 HTML 요소에 쓰기설명:특정 HTML 요소의 내용을 변경하거나 추가할 때 사용합니다.요소의 내부 HTML을 문자열로 대체합니다.예시:JavaScript// HTML이것은 바뀔 내용입니다.// JavaScriptlet paragraph = document.getElementById("myParagraph");paragraph.innerHTML = "변경된 내용입니다...