javascript 39

자바스크립트 제어문

01. if 문 조건절의 값에 따라 true false를 구별하여 출력함 let i 값이 0 일때와 1일때의 차이를 알아보자 { if("조건절"){ document.write("실행됨 true") }else{ document.write("실행됨 false") } } 100 == 100 실행됨 true 100 != 100 실행됨 false 02. if문 생략 if문을 줄여 보자 ! { // if("조건"){ // document.write("실행됨 true") // }else{ // document.write("실행됨 false") // } if(true) document.write("실행됨(true)"); else document.write("실행됨(false)"); } 100 == 100 실행됨 tru..

javascript 2023.03.02

마무리문제2 !

오늘은 수업교재 모던 자바스크립트 마무리 문제 1,2를 풀어보려고 해요 ! 양수, 음수 판단하여 창에 보여주기 숫자를 받아서 양수, 음수, 0을 판단하고 알림 창에 표시하는 함수를 선언합니다. parseInt( ) 함수를 사용해 프롬프트 창에 입력한 내용을 숫자로 변환합니다. 프롬프트 창에 입력한 내용이 숫자가 아니면 parseInt( ) 함수는 NaN을 변환합니다. 반환값이 숫자일경우에만 함수 실행! function chkNum(){ let inputNum = parseInt(prompt("숫자를입력해주세요")); if(inputNum == 0){ document.write("0입니다"); }else{ (inputNum>0) ? document.write("양수") : document.write("음수..

javascript 2023.03.02

function 을 알아보아요 !

javascript 함수를 선언하는 방법을 알아보아요 ! 선언적 함수 ! function func(){ document.write("실행했어요"); } funcArrow =() => { document.write("실행했어요 ") } //선언적 함수 를 화살표 표기법으로 표현 ! 익명 함수 ! const func = function(){ document.write("익명함수"); } func(); //일반함수 호출로 익명함수 호출! const funcArrow1 =()=>{ document.write("익명함수"); } const funcArrow2 =() =>document.write("익명 줄이기"); funcArrow1(); funcArrow2(); //에로우 표기법으로 익명함수 출력! 매개변수 함..

javascript 2023.02.27

데이터 저장하기?

데이터 저장하기 = 데이터 선언하기 ! 변수 let 키워드를 사용하여 변수를 선언할 경우, 해당 변수는 블록 스코프를 가집니다. 블록 내에서 선언된 변수는 블록 내에서만 사용할 수 있습니다. 상수 const 키워드를 사용하여 변수를 선언할 경우, 해당 변수는 상수를 의미합니다. 상수는 초기화 이후 값이 변경될 수 없습니다. 배열 배열은 여러 데이터를 하나의 변수에 저장하기 위한 데이터 구조입니다. 안의 값을 수정 삭제 할수 있다 배열안에 배열도 obj객체도 넣을수 있다 더보기 push() 메소드를 사용하여 배열의 끝에 새로운 요소를 추가할 수 있습니다. arr.push(4); pop() 메소드를 사용하여 배열의 마지막 요소를 제거할 수도 있습니다. arr.pop(); 또한, splice() 메소드를 사용..

javascript 2023.02.26

마무리문제 1 !

오늘은 수업교재 모던 자바스크립트 마무리 문제 1,2를 풀어보려고 해요 ! 10보다 큰수 찾기 배열이 주어지고 이 배열에서 10보다 큰 값을 찾아서 화면에 표시해 주는 문제입니다. 배열 요소의 개수만큼 for 문을 반복 if 문을 사용해서 요소의 값과 10을 비교 documen.write 문을 사용해 화면에 표시 // for(let i=0; i 10) 배열의 값이 10보다 큰경우에 실행되도록 조건 설정 사용자에게 입력받은 숫자를 짝수만 더하는 프로그램 사용자에게 숫자를 입력 받구 짝수만 더하는 프로그램만들기 입력한값이 not null 아니고 1보다 클 경우에만 실행 입력한 숫자까지 반복시 현재 숫자가 홀수인지, ..

javascript 2023.02.25

조건문

여러가지 조건문을 알아보자 ! 자바스크립트에서 조건문은 조건에 따라 실행할 코드를 다르게 처리할 수 있도록 해줍니다. if문: 조건이 참일 때 실행되는 코드 블록을 지정합니다. else문: if문의 조건이 거짓일 때 실행되는 코드 블록을 지정합니다. else if문: 여러 개의 조건 중에서 첫 번째 참인 조건에 대해 실행되는 코드 블록을 지정합니다. switch문: 여러 개의 조건 중에서 하나에 해당하는 경우 실행되는 코드 블록을 지정합니다. 아래는 if문의 예시입니다. if (조건) { // 조건이 참일 때 실행되는 코드 } else { // 조건이 거짓일 때 실행되는 코드 } 추가로, 삼항 연산자도 자바스크립트에서 자주 활용됩니다. 삼항 연산자는 if-else 문을 간단하게 표현하는 방법입니다. 아래..

javascript 2023.02.25

반복문

HTML 삽입 미리보기할 수 없는 소스 for 문 for는 동기방식이기 때문에 for문 안에 오류가 나면 에러 위치 이후의 이벤트들은 동작하지 않고 멈춰버린다. 정순 역순 접근 가능 ! forEach문 비동기 방식으로 진행되기 때문에 foreach문안에 에러가 있더라도 동작ㅁ callback 함수에서 인덱스와 값에 접근할 수 있음! foreach문안에서 값 수정을 불가함 역순으로 접근 불가 for in 문 for in 구문은 객체의 key 값에 접근할 수 있지만, value 값에 접근못함! (배열의 경우 index값 반환) 모든 객체에서 객체의 값을 반복하여 수행가능 value 값을 구하려면 간접적으론 접근가능 ( 예제 참조 ) for of 문 for of 구문을 사용하기 위해선 컬렉션 객체가 [Symb..

javascript 2023.02.23

연산자??

연산자란 ?? 프로그램에 필요한 수식을 만들때 필요한 것이 연산자 ! 연산자에는 산술 , 대입(할당 , 비교 , 논리 , 비트 , 삼항 연산자 등이 있음 ! 산술 연산자 기능 a + b , "AA"+"BB" 2개의 피연산자 값을 더함 & 문자열 끼리도 사용가능 a-b a에서 b를 빼기 a*b a, b를 곱함 a/b a를 b로 나눔 a%b a를 b로 나눈 나머지 값을 구함 a++ a값에 1을 증가시킴 a-- a값에 1을 감소시킴 할당 연산자 기능 a = a + 10 a + 10 a+= x a = a+x a-=x a = a - x a*=x a = a* x a/=x a = a/x a%=x a = a%x 비교 연산자 기능 결과 3 == "3" 연산자 값이 같니? true 3 === "3" 피연산자 값과 데이터 ..

javascript 2023.02.21

자료형이란?

자료형은 프로그램에서 처리할 자료의 형태를 칭함 위와 같이 원시유형(primitive type)과 객체(object)로 나뉨 원시 유형은 하나의 값만 저장 하는 자료 형으로 원시유형 외에는 모두 객체임 숫자형 모든 프로그렘에서 가장 기본인 자료형 :) javascript에서는 정수와 실수를 묶은 '숫자형'이라고 한뎅 문자형 문자열 또는 string 자료형은 작은따옴표 ' 나 큰따옴표 " 로 묶은 데이터 :) 논리형 참(true) or 거짓(false) 값을 표현하는 유형 블린(boolean)유형 이라고 함 심벌(sysbol) 심벌은 객체 프로퍼티의 키(key)로 사용할수 있는 특징 undefined 값이 할당되지 않았을때 변수의초기값이며 자료형 null 변수의 초기값이며 자료형 하지만 but 값이 없거나..

javascript 2023.02.20