본문 바로가기
728x90

전체 글196

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.
[CORS] CORS란? (로컬 통신간의 CORS 에러와 해결) 1. CORS, Cross-Origin Resource Sharing 이란? 교차 출처 리소스 공유(Cross-Origin Resource Sharing, CORS)란, 사이트 A가 사이트 B에서 콘텐츠를 가져오려고 하면 사이트 B는 추가 HTTP 응답 헤더를 보내 이 페이지의 콘텐츠에 특정 출처에서 액세스할 수 있음이 확인되어야 한다. [발생순서] 1. 사이트 A가 사이트 B에서 페이지를 요청하면 브라우저는 실제로 네트워크 수준에서 요청된 페이지를 가져오고, 2. 응답 헤더에 사이트 A가 허용된 요청자 도메인으로 나열되는지 확인. 3. 사이트 A는 이 페이지(사이트 B)에 액세스할 수 있음을 확인받지 못한다면, 4. 브라우저는 JavaScript 코드에 대한 응답 데이터를 거부하게되고 결국 CORS 오.. 2022. 11. 13.
[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.
[java] 피라미드 별찍기 예제 for (int i = 0; i < size; i++) { for (int j = 1; j < size - i; j++) { System.out.print(" "); } for (int k = 0; k < i * 2 + 1; k++) { System.out.print("*"); } System.out.println(); } 2022. 11. 9.
728x90

티스토리툴바