본문 바로가기
728x90

🤹🏻‍♀️ 자바스크립트 𝗝𝗮𝘃𝗮𝘀𝗰𝗿𝗶𝗽𝘁8

ajax 데이터 불러오기 예제 [1] 출력 영역 [2] fetch then catch 예제 fetch('jsondata.json') .then((response)=>response.json()) .then((data)=> console.log(data.documents[2].name)) .catch((e)=> console.log(e.message)); 2022. 11. 14.
[javascript] 자바스크립트 for in 과 for of 차이 자바스크립트 for in 과 for of 차이 for ...in = 객체 순환, for ...of = 배열 값 순환 이다. (1) for in (객체순환) var object = { "name" : "kitty", "age" : 25, "mbti" : "intj" }; for (let item in object) { console.log(item); // kitty, 25, intj 여기서 in 대신 of를 사용하면 'Uncaught TypeError: obj is not iterable' 라는 에러 메시지가 뜬다. (2) for of (배열 순환) var array = ["kitty", "25", "intj"]; for (let item of array) { console.log(item); // ki.. 2022. 11. 13.
[JS] JSON .parse VS .stringify 차이점 1. JSON 객체의 parse (String - > Object 변환) Json 포멧 방식을 가지고 있는 String 데이터를 parse를 통해 Object로 변환하는 것. var kitty = JSON.parse('{"name":"kitty","age":25}'); console.log(typeof(kitty)); // result : object 2. JSON 객체의 stringify (Object -> String 변환) Object를 Json 포멧방식을 가진 상태로 타입을 String으로 변환하는 것. var obj = {name : "kitty", age : 25}; var objStr = JSON.stringify(obj); console.log(objStr); // result : {"na.. 2022. 11. 12.
[javascript] 동기, 비동기 (예제) 동기 버튼 결과 : 다음 작업, 0밀리초 비동기 setTimeout(()=>{ const start = Date.now(); for (var i =0; i 2022. 11. 11.
[javascript] 자바스크립트 문자열 정렬 (오름차순, 내림차순) Array 객체의 sort() 메서드는 기본적으로 배열은 문자형 오름차순(Ascending Order, ASC)으로 정렬된다. ​ [오름차순 정렬] const months = ['April', 'August', 'December', 'February', 'January', 'July']; console.log(months.sort()); months.sort(function (a, b) { var aa = a.toUpperCase(); var bb = b.toUpperCase(); return aa bb ? 1 : 0; }); console.log(months); // 결과 'April', 'August', 'December', 'February', 'January', 'J.. 2022. 11. 10.
[javascript] 자바스크립트 숫자 배열 정렬 [잘못된 방법] var ar = ["사과", "바나나", "귤"]; var br = [20, 40, 230]; console.log(ar.sort()); console.log(br.sort()); 자바스크립트에서 sort()는 숫자 데이터의 경우 문자열로 변환해서 정렬을 수행한다. 다른 방법으로 정렬 하고자 할때는 sort 함수에 매개변수가 2개, 정수를 리턴하는 함수를 대입해야 한다. [예시] var br = [20, 40, 230]; // 오름차순 br.sort((a, b) => a - b); console.log(br); // 내림차순 br.sort((a, b) => b - a); console.log(br); 2개의 매개변수는 배열에 있는 2개의 데이터를 번갈아가면서 대입하는데, 이 때 양수를 리.. 2022. 11. 10.
[javascript] 자바스크립트 랜덤 점심메뉴 고르기 자바스크립트 랜덤 점심메뉴 고르기 (if switch 안쓰고) let su = Math.random() * 1000; let menu = Math.round(su % 3); let foods = ["팥붕어빵","슈크림붕어빵","다음 기회에 먹기"]; console.log(foods[menu]); 2022. 11. 9.
비동기 통신과 AJAX (동기 비동기의 개념, 차이,장단점, 예시, 콜백함수, 콜백지옥) 비동기 통신과 AJAX (동기 비동기의 개념, 차이,장단점, 예시, 콜백함수, 콜백지옥) 데이터를 받는 방식인 동기와 비동기 그리고 AJAX. 각각이 무엇이며, 어떤 특징이 있는지 예시를 통해 알아본다. 0. 동기와 비동기 개념 동기(synchronous : 동시에 일어나는) - 요청을 하면 (바로) 응답을 받는다는 의미. 말 그대로 동시에 일어난다는 뜻. 요청과 그 결과가 동시에 일어난다는 약속. 바로 요청을 하면 시간이 얼마가 걸리던지 요청한 자리에서 결과가 주어져야 한다. -> 요청과 결과가 한 자리에서 동시에 일어남. -> A노드와 B노드 사이의 작업 처리 단위(transaction)를 동시에 맞추겠다. 비동기(Asynchronous : 동시에 일어나지 않는) - 동시에 일어나지 않는다를 의미. .. 2021. 7. 22.
728x90

티스토리툴바