JavaScript (8) 썸네일형 리스트형 JavaScript #5 비동기 처리 비동기란? 앞 코드 실행이 끝나기 전에 다음코드를 진행시키는 것 log("1st") Timeout(() => { log("2nd") },1000) log({"3rd") //결과 1st 3rd 3nd Timeout 이라는 함수에 1000을 주어 함수의 실행 시간을 늦추었기 때문이다. const getStudent1 = (name, age) => { let student setTimeout(() => { student = {name, age} },1000) return student } const studentA = getStudent1("최혜림", 20) log(studentA) //오류발생 //setTimeout 함수가 실행되기 전에 studentA가 먼저 실행됐고 이로 인해 값이 들어가지지 않았기 때문.. JavaScript #4 Dom 과 Event //id input을 만듦 //pw input을 만듦 CLICK //버튼 생성 유저목록 JavaScript #3 함수의 이해, 일급,평가,일급함수와 고차함수 함수의 이해 1.함수 - 입력을 받고 반환하는 것 -> 코드의 집합 * 사용이유 : 코드의 재사용을 고려할 때 -> 불필요한 코드를 제거할 수 있음 (1) 선언함수 const add1(a, b) { log(a + b) //a와 b를 받아 콘솔로그에 a+b를 적어줌 } add1(3,7) //이를 함수를 호출한다고 한다. *이렇게 함수는 만드는(?) 것을 함수를 선언한다고 한다. (2)익명함수 *선언함수와는 달리 이름이 없다. function (a, b) { log(a+b) } //선언 불가능 but 변수를 생성해 안에 함수를 넣어주면 됨 const add2 = function (a, b) { log(a+b) } (3)함수의 return function add3(a, b){ return a+b //함수가 멈.. JavaScript 별찍기 과제 let a,b; for(a = 0; a a; b--){ document.write('*') } document.write(' ') } *js 파일에서 콘솔로그에 찍어보려 했으나 실행이 되지 않아서 비주얼 스튜디오 코드에서는 html파일에 script태그를 이용해 작성했음 JavaScript #2 조건문의 이해, 반복문의 이해 조건문의 이해 1. If 문 const a = 3; if(a > 2){ log(‘a가 2보다 크다.’) } else if(a { if (a>b) return a-b return b-a } 코드를 최대한 짧게 줄여 쓸 수 있음 2.Switch문 If 문의 양이 많아질때 사용 (코드가 길어지고, 가독성이 좋지 않기 때문) const food = “바나나” switch(food){ case “사과” : log(‘사과 존맛’) break case “바나나” : log(‘바나나 존맛’) bre.. Javascript #1 변수의 이해, 자료형, 연산자 1. 변수의 이해 JavaScript의 변수 선언 방법 1. var var a //변수를 선언 a = 8 // 변수 안에 데이터를 넣어줌 var a = 8 //선언과 데이터 입력을 동시에 함 var 는 이제 사용하지 않음 재선언이 가능 -> 코드가 길어짐 -> 같은 변수명을 가져도 오류 발생하지 않음 -> 재앙을 불러일으킴 따라서 const ,let 사용 2. const const b = 4 b = 5 //재선언 -> 오류 발생 초기 할당된 값을 변경할 수 없음 3. let let a = 1 a = 3 //재할당 할 수 없음 오류발생 2. 자료형 1. 원시타입 number 숫자형 데이터 const num1 = 4 //num1 이라는 변수 안에 4를 할당 log(num1, typeof num1) //num.. <2주차> JavaScript #2세미나 내용 02. html에서 JavaScript 사용하기! 1) html에서 JavaScript 사용하는 태그 -body 태그 안에 script태그를 이용해서 자바스크립트를 사용할 수 있다. 2) JavaScript를 이용해보자! =>결과 3) JavaScript로 로그인,회원가입 창을 만들어보자!! =>결과 =>결과 <1주차> JavaScript #1 01.변수 변수는 어떤 정보에 이름을 붙여서 저장하고 싶을 때 사용한다. Ex) name = "혜림"; , age = 20; 자바스크립트에서 문자는 항상 " 로 감싸주어 사용한다.(홑따옴표도 가능함) 변수를 사용할 때 예약어를 사용할 수 없다.(사용시 에러 발생) *예약어란? 자바스크립트에서 이미 사용하고 있는 언어를 말함 Ex) class , int 등등 1) let Ex) let name = "hi"; let name = "hello"; => 오류 발생 -수정 불가능 but 변수 선언을 다르게 할 경우 수정 가능 Ex) let name = "hi"; name = "hello"; 2)const -절대 바뀌지 않는 상수 1. 변수는 문자와 숫자,$와 _만 사용. 2. 첫글자에는 숫자가 들어갈 수 없음. .. 이전 1 다음