이론/WEB3 [WEB] [이론] 동기 비동기 AJAX 2022.02.22 - [코드/WEB] - [WEB] [JS]동기 비동기 동기 (Synchronous) 비동기(Asynchronous) 서버에서 요청을 보내고 응답이 있어야 다음 동작 수행 가능 A 작업 완료까지 B 작업 대기 요청을 보내면 응답 상태와 관계 없이 다음 동작 수행 가능 동기적 처리 (Synchronous) 1️⃣ 코드 작성 후 위부터 아래로 내려오면서 하나의 코드가 끝나면 다음 코드 실행 비동기적 처리 (Asynchronous) 1️⃣ 서버에서 데이터를 받아오는 앱을 동기적으로 만든다면 처음 서버로부터 데이터를 모두 받을때까지 기다리고 앱 실행되므로 데이터 양이 늘어나면 앱 속도 저하 2️⃣ 따라서 데이터 수신 코드와 페이지 표시는 비동기적 처리 AJAX 1️⃣ 비동기 자바스크립트와 XM.. 2022. 2. 22. [WEB] Papago copy 이론 2022.02.21 - [코드/WEB] - [HTML] Papago copy 2022.02.21 - [코드/WEB] - [CSS] Papago copy html head Bootstrap 각종 레이아웃, 버튼, 입력창 등의 디자인과 기능을 CSS와 JavaScript로 만들어 놓은 것 body PAPAGO 이미지를 클릭시 http://www.google.com로 페이지 이동 상단 사전 클릭시 https://dict.naver.com/이동(target="blank") : Font-awesome(웹에서 아이콘이 필요할 때 사용하는 라이브러리 중) - textarea textarea는 여러 줄의 긴 문장을 입력할 수 있음 - placeholder 입력 필드에 사용자가 적절한 값을 입력할 수 있도록 도와주는 짧.. 2022. 2. 21. [WEB] 숫자 COUNT 페이지 만들기 index.html Counter 0 decrease reset increase style.css /* Fonts */ @import url('https://fonts.googleapis.com/css2?family=Akaya+Telivigala&family=Cedarville+Cursive&family=Fuzzy+Bubbles&family=Nanum+Pen+Script&display=swap'); /* reset.css */ body { margin: 0; font-family: 'Cedarville Cursive', 'Akaya Telivigala', 'Nanum Pen Script', 'Fuzzy Bubbles', cursive; } /* style.css */ main { display: flex.. 2022. 2. 21. 이전 1 다음
