100S00

JAVASCRIPT 데이터 불러오기 01.변수 : 데이터 불러오기 변수안에 저장된 데이터 불러오는 방법. let x = 100, y = 200, z = "javascript"; console.log(x, y, z); 결과 값 : 100 200 javascript 02. 상수 : 데이터 불러오기 상수안에 저장된 데이터 불러오는 방법 const x= 100, y = 200, z = "javascript"; console.log(x, y, z); 결과 값 : 100 200 javascript 03. 배열 : 데이터 불러오기 배열 안에 저장된 데이터 불러오는 방법 const arr = [100,200,"javascript"]; console.log(arr[0]); console.log(arr[1]); conso..

for in,for of 의 차이점 for-in for-in 루프는 객체의 속성을 반복하는 데 사용됩니다. for-in 루프는 객체의 속성 이름을 열거하고, 해당 속성의 값을 사용할 수 있습니다. const person = { name: "John", age: 30, address: "123 Main St" }; for (let property in person) { console.log(`${property}: ${person[property]}`); } 위의 코드는 person 객체의 속성을 반복하며, 각 속성의 이름과 값을 출력합니다. 출력 결과는 다음과 같습니다. name: John age: 30 address: 123 Main St for-in 루프는 객체의 모든 속성을 열거하기 때문에, 프로토..

1.while문 while문은 조건식이 참(true)인 동안 반복해서 코드 블록을 실행하는 반복문입니다. while문의 기본 구문은 다음과 같습니다. while (조건식) { // 반복해서 실행할 코드 블록 } let i = 0; while (i < 5) { console.log(i); i++; } 결과 값 0,1,2,3,4 for문이랑 차이점이 무엇일까 생각해보았고 검색을 해보았다. for문은 반복 횟수가 정해져 있을 때 주로 사용되며, 반복 변수의 초기값, 조건식, 증감식을 한 줄에 작성할 수 있어 가독성이 좋습니다. 반면에 while문은 반복 횟수가 정해져 있지 않을 때 사용하며, 코드가 간단하고 직관적입니다. for문과 while문은 상황에 따라 적절히 선택하여 사용하면 됩니다. 2.element..

01. 다음의 출력값을 보고 빈칸을 채우시오! { var x = 100; var y = 200; var z = "javascript"; console.log(__); console.log(__); console.log(__); //100 //200 //300 } 정답: x, y, z+y 해설: 결과 값 100이나 오려기 위해선 실행문에 var x = 100이 출력이 되게 해야한다. 그러므로 빈칸엔 x가 들어간다. 결과 값 200이나 오려기 위해선 실행문에 var x = 200이 출력이 되게 해야한다. 그러므로 빈칸엔 x가 들어간다. 결과 값 300이나 오려기 위해선 실행문에 var x = 100와 var ㅛ = 200을 합친 값이 출력되게 해야한다. 그러므로 빈칸엔 x+y가 들어간다. 02. 다음의 출력..

오늘은 숙제가 없어 일기를 쓰기로 했다..... 오늘 오전 수업에 배운 자바 스크립트에 대해 써보려한다. forEach, for in , for of 에 대해서 배웠다. forEach { const num =[100,200,300,400,500]; document.write(num[0]," ") document.write(num[1]," ") document.write(num[2]," ") document.write(num[3]," ") document.write(num[4]," ") } //for---------------------------------------------------------- for(let i=0 ; i{ document.write(el," ") }); //forEach :화살표..

0, 양수, 음수 구별 프로그램 자바스크립트를 이용하여 입력된 숫자가 양수인지, 음수인지, 또는 0인지 구분하는 예제 코드입니다. 이 코드는 prompt 함수를 이용하여 사용자로부터 숫자를 입력받습니다. 그리고 if/else 문을 이용하여 입력된 숫자가 양수인지, 음수인지, 또는 0인지를 판별하여 결과를 콘솔에 출력합니다. See the Pen Untitled by hyeonbeen97 (@hyeonbeen97) on CodePen. 두 수의 최대 공약수 구하기 function getGCD(a, b) { while (b !== 0) { let r = a % b; a = b; b = r; } return a; } let result = getGCD(234, 261); console.log(result); ..

문자 관련 스타일 정리 color: 문자의 색상을 지정합니다. color: red; font-family: 문자의 폰트를 지정합니다. font-family: Arial, sans-serif; font-size: 문자의 크기를 지정합니다. font-size: 16px; font-weight: 문자의 굵기를 지정합니다. font-weight: bold; text-align: 문자의 정렬을 지정합니다. text-align: center; text-decoration: 문자의 장식을 지정합니다. text-decoration: underline; text-transform: 문자의 대소문자 변환을 지정합니다. text-transform: uppercase; letter-spacing: 문자 사이의 간격을 지정합니..

데이터 제어하기 01. if문 if문은 조건에 따라 실행될 코드 블록을 결정하는 제어 구조입니다. if(""){ document.write("실행되었습니다.(true)") } else { document.write("실행되었습니다.(true)") } 02. if문 생략 위 if문을 아래 if문으로 생략하여 쓸수있다. const num = 100; if(num) { document.write("실행되었습니다.(true)") } else { document.write("실행되었습니다.(false)"); } if(num) document.write("실행되었습니다.(true)"); else document.write("실행되었습니다.(false)") 03. if문 삼항연산자 위의 코드와 아래 코드는 같지만 더..

float - 방식 float는 CSS의 속성 중 하나로, 요소를 왼쪽이나 오른쪽으로 떠서 배치하는 방식입니다. float를 이용하여 요소들을 배치하면, 다음 요소가 float된 요소 주위로 배치됩니다. 이 방식은 과거에 많이 사용되었으나, 요소의 높이가 자동으로 조절되지 않기 때문에 레이아웃이 깨질 위험이 있습니다. 아래의 이미지 코드 예시 입니다. 위 코드의 결과 레이아웃 입니다.

함수 함수는 일련의 작업을 수행하는 코드 블록입니다. 함수는 재사용 가능한 코드를 작성하고, 코드를 구조화하며, 코드의 중복을 줄일 수 있습니다. 함수는 다양한 방법으로 선언할 수 있으며, 함수를 호출하여 코드 블록을 실행할 수 있습니다. 선언적 함수 선언적 함수는 function 키워드와 함수 이름을 사용하여 선언됩니다. function func(){ document.write("실행되었습니다. ") } func(); 익명 함수 익명 함수는 함수 이름 대신 변수에 함수를 할당하는 방식으로 작성됩니다. 이러한 함수는 일회성으로 사용되는 경우에 유용합니다. const func=function(){ document.write("실행되었습니다.! ") } func(); 매개변수 함수를 호출할 떄 전달하는 변수..