본문 바로가기
  • Coding & Book

WEB/javascript12

06-01. 비동식 키워드 1.비동식 키워드란? - JavaScript의 새로운 기능이자 기존 구문의 개선된 방식이다. - 비동기 코드를 깔금하게 작성하도록 돕는 함수이다. ( Internet Explorer에서는 지원 안한다.) 2. async async 자체가 함수를 비동기 함수로 선언하는 키워드이다. async function hello() { return 'hello world!'; } hello(); 위와 같이 할경우 함수는 자동으로 Promise를 반환한다. 아래는 예시이다. 처음에는 그냥 hello world!를 반환하지만 async를 붙였을 경우 Promise를 반환한다. 3.await await 키워드는 비동기 코드를 쓰면서 동기적으로 보이게 해준다. Promise가 값을 반환할 때까지 기다리기 위해 비동기 함수의.. 2023. 6. 19.
05-02. 콜백과 배열 1. forEach 기본적으로 forEach는 배열 안의 아이템 각각에 대해 함수와 코드를 한 번씩 실행한다. 그래서 어떤 함수를 넣든 상관없이 함수가 아이템별로 한 번씩 호출되고 각각의 아이템이 함수에 자동으로 전달된다. 예시) const numbers = [1,2,3,4,5,6,7,8,9] numbers.forEach(function (el) { console.log(el) }) ++ 여러번 말했듯이 최근에는 for of가 더 간단해 많이들 사용하고 있다. 2. MAP 배열을 다른 상태로 매핑하는 것이다. 예를 들어 데이터의 일부만 가져오거나 그걸 두배로 늘릴때 사용한다. const fullNames = [{first: 'A', last: 'b'}, {first: 'c', last: 'd'}, {fi.. 2023. 2. 13.
05-01. javascript 함수 1. 함수란? -함수는 코드의 재사용 가능한 일부로서 언제든 사용할수 있도록 이름을 붙이는것이다. -함수는 배열, 조건 , 변수 어디에나 쓰인다. 2. 쓰는방법 function 함수이름() { 함수내용 } function funcname() { //do something } 예시) function sing() { console.log("h") console.log("e") console.log("l") console.log("l") console.log("o") } 3.반환 키워드 반환 키워드는 함수밖으로 값을 내보낼때 사용하는것이다. 또한 반환 키워드는 사실상 함수 실행을 중단시키므로 주의해야한다. 4.함수범위 범위는 소위 '변수 가시성'을 참조한다. 기본적으로 변수를 javascript의 어느 부분에.. 2023. 2. 10.
중간) javascipt 문제들 1. 배열 합계 function sumArray(arr) { let num = 0; for (let i=0; i < arr.length; i++) { num += arr[i] } return num; } 2. 첫글자만 대문자로 변환하기 function capitalize(word) { return word[0].toUpperCase() + word.slice(1); } 3.마지막 요소 반환하기(없으면 null값으로) function lastElement(i) { if(i.length === 0) { return null; } else{ return i[[i.length-1]]; } } ++ 추가로 1번 배열 문제는 최근 for of문으로 많이 바뀐다고 하니 for of로 사용하는것이 좋다. functio.. 2023. 2. 9.
04-02. for of 1.for of 란? 배열 같은 것들을 반복시킬때 인덱스가 필요 없어서 신경쓰지 않을 경우에 사용한다. const color = [ ['red', 'blue', 'green'], ['black', 'yellow', 'white'] ] for (let i =0; i 2023. 2. 6.
04-01. 루프 1.루프란? 매우 긴 반복하는 문을 간단하게 해서 사용하는것이다. 사용방법은 아래와 같다. for (let num=1; num=0; i--) { console.log(`${5*i}`); } ++템플릿리터럴로 해줘야 표현식이 문자열로 된다. 2. 무한루프 무언가를 잘못입력해 무한루프가 될경우 다른 일들을 못할수 있으니 주의해야 한다. for (let i =20; i>=0; i++) { console.log(i); } 3. 배열루프 배열의 길이 만큼 루프가 가능하다. const people = ["minsu", "loui", "chan", "teddy", "Fate"]; for (let i = 0; i 2023. 2. 6.

티스토리툴바