728x90 반응형 전체 글220 [자바스크립트] 동기와 비동기 차이점 * 동기 순차적/직렬적으로 태스크를 수행 요청을 보냈다면, 응답을 받아야 다음 동작이 이루어짐 순차적으로 실행되므로, 어떤 작업이 수행중이라면 뒤의 작업은 대기 블로킹(작업 중단)이 발생 * 비동기 병렬적으로 태스크를 수행 현재 작업의 종료여부와 무관하게 다음 작업을 실행 그러므로 동기 방식과는 달리 완료 순서가 보장되지 않음 블로킹이 발생하지 않음 동기는 요청의 결과가 그 자리에서 동시에 일어나야 하지만, 비동기는 그렇지 않음 따라서 동기적 주문의 경우 그 자리에서 커피를 받아야만 다음 작업을 처리할 수 있고, 비동기적 주문의 경우 진동벨을 받는 방식이라 한 번에 여러 주문을 처리할 수 있어 속도가 빨라지게 된다. 2023. 2. 3. [도움되는 사이트] 자바스크립트 예제를 따라할 수 있는 bradtraversy 님의 50projects50days 50가지의 자바스크립트 예제를 따라해볼 수 있는 사이트 다양한 예제가 있어서 공부할때에도 프로젝트 아이디어를 얻을 때에도 좋을 것 같다! https://github.com/bradtraversy/50projects50days GitHub - bradtraversy/50projects50days: 50+ mini web projects using HTML, CSS & JS 50+ mini web projects using HTML, CSS & JS. Contribute to bradtraversy/50projects50days development by creating an account on GitHub. github.com 2022. 11. 22. [ToDoToday] 22년 11월 18일 금요일 할수있어!! 📚오늘 할일 리액트 프로젝트 menuBar 스크롤 내리면 배경색 변경되게 구현 전체 폰트 변경 footer 만들기 flex 구도 전체적으로 다시 잡고 수정 라우터 이용해서 페이지 이동 만들기 2022. 11. 18. [React] 리액트 Hook - useEffect( ) 함수 이해 쉬운 개념 정리 ◾ useEffect 개념 useEffect(()=>{ //원하는 작업 }); - 인자로 콜백함수를 받는다. - 콜백함수 : 다른 함수의 인자로 전달된 함수를 의미 ◾ useEffect 형태 1) useEffect의 인자로 하나의 콜백함수만 받는 형태 - 컨퍼넌트가 매번 랜더링이 될때마다 콜백이 실행됨 useEffect(()=>{ //원하는 작업 }); 2) useEffect의 첫번째 인자로 콜백함수, 두번째 인자로 배열(dependency array)을 받는 형태 - 화면에 첫 렌더링이 될때 실행되고 value 값이 바뀔때 실행됨 useEffect(()=>{ //원하는 작업 },[value]); 3) useEffect의 첫번째 인자로 콜백함수, 두번째 인자로 빈 배열을 받는 형태 - 컨퍼넌트가 맨 처음.. 2022. 11. 17. [자바스크립트] fetch( ) 함수로 API 호출하기 ◾ fetch( ) 함수 fetch('api 주소') .then(res => res.json()) .then(res => { // data를 응답 받은 후의 로직 }); fetch(url, options) .then((response) => console.log("response:", response)) .catch((error) => console.log("error:", error)); - 첫번째 인자로 URL - 두번째 인자로 옵션 객체를 받고, Promise 타입의 객체를 반환 - 반환된 객체는 API 호출이 성공했을 경우에는 응답(response) 객체를 resolve하고 - 실패했을 경우에는 예외(error) 객체를 reject함 ◾ 예시 fetch("https://jsonplaceholder.. 2022. 11. 16. [API] 영화진흥위원회 오픈API 사용하는 방법 1. 영화진흥위원회 사이트에 들어가서 회원가입하기 영화진흥위원회 회원가입 2. 키 발급/관리로 들어가서 키 발급받기 클릭 - 사용 목적과 관리명만 적으면 됨 - 사용 목적은 공부용 정도로 적고 관리명은 원하는대로 적어주면 됨 3. 키 발급/관리에서 발급키를 확인 4. OPEN API에서 제공서비스 클릭 후 원하는 서비스를 클릭 5. 스크롤 하단 응답 예시 링크를 클릭하면 object 형태로 데이터가 나오는 것을 확인 6. 인터페이스 참고해서 변형시켜서 원하는 곳에 가져다 사용하면 됨 2022. 11. 16. 이전 1 ··· 7 8 9 10 11 12 13 ··· 37 다음 728x90 반응형
