공부/Frontend16 자바스크립트로 리퀘스트 보내기 AJAX (Asynchronous JavaScript And XML비동기 자바스크립트와 XML- AJAX는 웹 페이지를 동적으로 업데이트할 수 있게 해주는 기술.전체 페이지를 다시 로드하지 않고도, 웹 페이지의 일부를 업데이트할 수 있음.- 비동기적 방식으로 서버와 통신하여, 사용자 인터페이스가 끊김 없이 동작하도록 함. XMLHttpRequest(브라우저에서 서버와 데이터를 교환하는데 사용되는 객체) -> fetch , axios 로 AJAX 구현 fetch ()웹 브라우저에서 네트워크 요청을 처리. Fetch API는 비동기적으로 리소스를 가져오고, HTTP 요청을 보낼 수 있음.const res = await fetch('http://learn.sdfsldkjfsl.ojp); - fetch(): 네.. 2024. 5. 29. 비동기 자바스크립트 비동기 프로그램다른 작업을 처리하고 다시 돌아와서 마무리JS -> 비동기 프로그래밍이 많이 쓰임, 리퀘스트를 보내고 사용자와 상호작용해야하기 때문에 필요 비동기 프로그래밍을 하려면 꼭 알아야 하는 것 - 콜백 (CallBack) -프로미스 (Promise) 파라미터(Parameter) vs 아규먼트(Argument)function add(x, y) { //x, y 가 Parameter return x + y;}add(1, 2); // 1,2 가 Argument 콜백(CallBack) 콜백 ; 어떤 함수의 아규먼트로 전달되는 함수 비동기 함수 (Asynchronous Function) ; 중간에 다른 작업을 처리하다가 다시 돌아와서 마무리 하는 함수 setTimeout(callback, d.. 2024. 5. 29. 프로그래밍 핵심 개념 in JavaScript Boolean AND 연산을 할 때 왼쪽이 false일 경우 오른쪽은 볼 필요도 없이 결과는 false입니다OR 연산의 경우에는 AND 연산과 반대로 왼쪽이 true라면, 오른쪽은 볼 필요도 없이 true가 됩니다. 연산자 우선순위 null vs undefinednull은 의도적으로 "없음"을 명시하기 위해 사용됩니다.undefined는 변수가 선언되었지만 아직 값이 할당되지 않았거나, 함수가 값을 반환하지 않았을 때 자동으로 할당됩니다.null의 타입은 "object"입니다.undefined의 타입은 "undefined"입니다.null은 값을 명시적으로 초기화할 때 사용합니다.undefined는 일반적으로 변수나 속성이 선언되었지만 값이 할당되지 않았을 때 발생합니다.복합 할당 연산자 ; 할당 연산자.. 2024. 5. 24. 자바스크립트 객체 지향 기본기 객체 생성하는 방법 1. Object literal 과 Factory function ; 객체를 생성하는 Factory function을 만들고, 그 안에서 Object literal로 객체를 생성하여 리턴하는 방법 function createUser(email, birthdate) { const user = { email, birthdate, buy(item) { console.log(`${this.email} buys ${item.name}`); }, }; return user;}const user1 = createUser('chris123@google.com', '19920321');const user2 = createUser('jerry99@google.com'.. 2024. 5. 24. 모던 자바스크립트 자바스크립트의 동작원리자바스크립트의 데이터 타입에는 number, string, boolean, null, undefined, object, symbol, bigint 총 8가지* Symbol : 코드 내에서 유일한 값을 가진 변수 이름을 만들 때 사용- 다른 어떤 값과 비교해도 true 가 될 수 없는 고유한 변수 *BigInt : 아주 큰 정수를 표현하기 위해 등장하나 데이터 타입*typeOf 를 사용하면 모든 타입과 1:1 매칭되 않음.- null -> object- 함수 -> function (object가 아님) 불린이 아닌 값이 조건문에 들어갔을 때 어떤 값으로 평가되는지 AND OR 연산AND 연산자는 연산자 왼쪽이 true일 때 오른쪽 값을 반환하고, 연산자 왼쪽이 false일 때는 왼쪽 .. 2024. 5. 24. 프로그래밍과 데이터 in JavaScript 1. 객체Property Name 주의 사항 객체의 프로퍼티 네임의 자료형은 문자열이지만, 반드시 따옴표로 감싸줘야 할 필요는 없습니다.따옴표를 쓰지 않을 때1. 첫 번째 글자는 반드시 문자 , 밑줄(_) , 달러기호($) 중 하나로 시작2. 띄어쓰기 금지3. 하이픈(-) 금지 ---> type 은 object Property에 접근하는 방법console.log(codeit.bornYear) 하지만 따옴표로 감싸서 프로퍼티를 띄어쓰는 경우는 점 표기법으로 접근할 수 없음 console.log(codeit['born Year']); 프로퍼티 접근 쉬움 객체에 property 수정하는 방법console.log(codeit.ceo) //undefinedcodeit.ceo = '강영훈'console.log(c.. 2024. 5. 23. 이전 1 2 3 다음
