블록체인 기술사업 교육/JavaScript5 블록체인 기술사업 교육 31일차 Ajax(Asynchronous Javascript and xml)- 빠르게 동작하는 동적인 웹 페이지를 만들기 위한 개발 기법(비동기 처리 기법) 중 하나ex) 페이지를 전환하지 않고도 예상 결과를 보여줌 (아이디 중복체크)※ 요즘은 ajax보다는 fetch()나 axios를 사용기본 메소드- $.ajax() = ajax를 이용하여 HTTP 요청을 전송($.get + $.post)- $.ajax().done() = HTTP 요청이 성공할 경우 done()에 데이터 전달- $.ajax().fail() = HTTP 요청이 실패할 경우 오류와 상태에 관한 데이터를 fail()에 전달- $.ajax().always() = HTTP 요청 성공 유무와 상관없이 실행 - $.get() = 지정한 주소로 GET 방식.. 2023. 5. 17. 블록체인 기술사업 교육 30일차 jQuery- 오픈소스 기반의 JavaScript의 라이브러리 중 하나로 짧고 단순한 코드로 웹 페이지에 다양한 효과나 연출(HTML의 DOM 조작, 이벤트 핸들링, 애니메이션, Ajax)을 적용할 수 있음- Element(HTML 태그) 선택이 편리하고 효율적으로 제어할 수 있음- $() = 제이쿼리 객체를 의미 (=jQuery())- $(HTML태그) 형식으로 지정한 HTML 태그 전체를 지정 - HTML 파일에서 script src="https://code.jquery.com/jquery-3.7.0.min.js">로 기본 세팅 (jQuery가 여러 페이지에서 쓰일 수 있으니 하나의 파일에 입력해 놓은 뒤 를 통해 import 하는 것이 효율적)- $(document).ready(function(){.. 2023. 5. 16. 블록체인 기술사업 교육 10일차 (JavaScript) async ~ await - callback 함수처럼 비동기화를 동기화시키는 방법 중 하나 - 함수명 앞에 async를 입력함으로써 적용 - async의 리턴값은 항상 프로미스 객체 - await = 프로미스 객체의 수행상태가 완벽히 종료될 때까지 대기하다 그 결과를 반환하는 키워드 (await은 프로미스 객체 앞에 입력함) - await는 async 내부에서만 사용 가능 JavaScript로 KAS(Klaytn API Service) 이용 - npm install caver-js-ext-kas로 작업 폴더 위치에서 패키지 사전 설치 - KAS를 이용하면 기존 방식보다 Klaytn을 더 쉽게 다룰 수 있음 const CaverExtKAS = require("caver-js-ext-kas"); const .. 2023. 4. 14. 블록체인 기술사업 교육 7일차 조건문 - if(조건문) {실행문} else if {실행문} else {실행문} - if의 조건문에 bool 형태가 아닌 데이터가 들어오면 해당 데이터가 강제로 bool 형태로 변경하여 데이터의 값이 있으면 true, 없으면 false로 인식 - switch(변수){case 상수: 실행문 break; case 상수: 실행문 break; default: 실행문} - if는 앞선 조건이 만족되면 뒷 조건들은 무시하지만 switch는 break를 설정하지 않으면 뒷 조건들도 실행 기본 출력 메소드 - console.log() = 웹 브라우저의 콘솔창에 출력 ※ console.log()로 콘솔창에 데이터를 출력할 때 ``과 ${}을 이용하면 반복문, 조건문, 함수에서 이용되는 요소들을 간편하게 호출하여 텍스트 .. 2023. 4. 11. 블록체인 기술사업 교육 5일차 웹 브라우저와 node.js 차이 - JavaScript는 웹 브라우저가 이해하는 언어가 있고 서버에서 이해하는 언어(node.js)가 서로 다르게 존재 ※ node.js에서는 document가 정의되어 있지 않음 - 웹 브라우저는 웹 페이지를 화면에 띄우는 것이 목적, node.js는 서버 개발 환경 제공이 목적 - 같은 엔진을 공유하지만 다른 런타임 환경을 가짐 변수 선언 규칙 - 식별자는 문자 or 밑줄 or $로 시작해야 함 - 대소문자 구별 - 예약어 사용 불가 - camelCase 장려 - 세미콜론(;)을 입력하지 않아도 오류가 발생하지 않지만 사용하는 것이 장려됨 종류 - var = 기본적인 선언 방식 (처음에 선언한 후 다음에 또 다른 줄에서 같은 변수를 재선언하면 재선언한 변수가 적용) .. 2023. 4. 7. 이전 1 다음
