반응형 전체 글294 [JS] fetch 메소드 fetch('https://jsonplaceholder.typicode.com/posts/1') .then(res => console.log(res)) fetch 매서드는 JavaScript에서 서버로 네트워크 요청을 보내고 응답을 받을 수 있도록 해주는 매서드이다. fetch 함수로 HTTP 요청하기 1. GET: 존재하는 자원을 요청 2. POST: 새로운 자원 생성 요청 3. PUT: 존재하는 자원 변경 요청 4. DELETE: 존재하는 자원 삭제 요청 2023. 10. 28. [JS] 반복문 비동기 Promise.All()을 이용한다. const func = async () => { const promises = []; for(let i of data){ const promise = insertDatabase(i); promises.push(promise); } await Promise.all(promises); }; 이런 식으로 하면 병렬로 진행되어 다른 반복문을 사용할 때보다 시간이 훨씬 단축된다. 2023. 10. 28. [JS] Promise • 동기식 (Synchronous) 먼저 시작된 하나의 작업이 끝날 때까지 다른 작업을 시작하지 않고 기다렸다가 다 끝나면 새로운 작업을 시작하는 방식. 즉, 한 번에 여러 작업을 처리하지 않고 하나만 처리함. • 비동기식 (Asynchronous) 먼저 실행된 작업이 끝날 때까지 기다리지 않고 다음 작업을 수행하는 방식. 즉, 한 번에 여러 작업을 처리함. Promise Promise 는 비동기 작업의 단위 입니다. Promise 는 비동기 작업을 조금 더 편하게 처리 할 수 있도록 ES6 에 도입된 기능입니다. 이전에는 비동기 작업을 처리 할 때에는 콜백 함수로 처리를 해야 했었는데요, 콜백 함수로 처리를 하게 된다면 비동기 작업이 많아질 경우 코드가 쉽게 난잡해지게 되었습니다. const promi.. 2023. 10. 28. [JS] 모듈 1. 모듈의 개념, 등장 이유 모듈은 프로그램을 구성하는 구성요소의 일부를 말한다. 쉽게 말하자면 큰 애플리케이션을 작게 파일로 분리해서 관리할때 이 파일 각각을 말한다. 보통 클래스 하나 + 특정한 목적을 가지는 복수의 함수로 구성된 라이브러리 하나 정도로 구성. 이렇게 파일을 모듈화 하여 관리하면 다음과 같은 장점이 있습니다. 1. 프로그램의 효율적인 관리 및 성능 향상 2. 전체적인 소프트웨어 이해의 용이성 증대 및 복잡성 감소 3. 소프트웨어 디버깅, 테스트, 통합, 수정 시 용이성 제공 4. 기능의 분리가 가능하고 인터페이스가 단순 5. 오류의 파급효과를 최소화 6. 모듈의 재사용 가능으로 개발과 유지보수가 용이 AMD: 가장 오래된 모듈 시스템 중 하나로 require.js라는 라이브러리를 통.. 2023. 10. 28. 이전 1 ··· 49 50 51 52 53 54 55 ··· 74 다음 반응형