Java/UI구현 (18) 썸네일형 리스트형 js 2023.04.10 콜백함수, JSON, AJAX 1초 = 1000밀리세컨즈 컴퓨터 시간 기준이 밀리세컨즈임. // setTimeout( 콜백함수, 시간설정 ); setTimeout(()=>{ console.log('1초 이후에 한번만 실행'); },1000); 구글 홈 > 확장 프로그램>JSON Formatter 설치, Talend API Tester - Free Edition 설치 JS의 화살표 함수, 콜백함수 => 표현식을 사용하여 함수를 작성하는 방법 콜백(callback)함수 interval 멈춤 JS AJAX 서버와 비동기 통신을 위한 기술 AJAX 페이지 전체를 재로딩 하지 않고도, 웹페이지의 일부분만을 갱신 가능 *위 코드에서 code는 문자열 변수입니다. 초기값으로 빈 문자열('')을 할당하고, 반복문을 통해 뉴스 기사 정보(articl.. 2023.04.03 할일추가, 할일삭제, 좋아요 구현 //사용자에게 할일을 입력받아서 목록에 추가 //삭제기능은 내가 원하는 할일을 삭제 //-할일입력을 받아서 해당 할일을 삭제하도록구현. 사용자입력 할일 추가 input은 value값으로 저장이 된다. input태그에 입력한 텍스트는 value 속성을 통해서 텍스트를 얻을 수 있다. function addTodo2(){ // console.log('사용자에게 입력값을 받아 할일목록에 추가'); 버튼 잘되는지 테스트 let todoText = document.getElementById('todo'); // input태그에 입력한 텍스트는 value 속성을 통해서 텍스트를 얻을 수 있다. console.log(todoText.value); // li태그 생성 및 텍스트와 클래스 지정 let li = docum.. 2023.03.31 객체, DOM 함수 return문 뒤에는 아무것도 올 수 없다. 마지막 문장이라고 생각하자. ex) function add2(){ return 1+2; } let result = add2(); // 3이라는 결과를 담아줄 공간 result 선언. return이 없으면 결과값을 되돌려주지 않으니까 undefined 나옴. 출력문(console.log)은 return이 없는 함수... arguments 객체 함수의 정의보다 더 많은 매개변수를 전달받을때, 매개변수에 대입되지 못한 데이터들을 사용할 수 있다. 배열과 흡사한 구조를 가지고 있다.(거의 배열이라고 봐도 무방함) 그런데 타입은 배열이 아님. function add5(){ console.log(arguments); let sum = 0; for(let i=0; i 2023.03.30. continue, break문, 배열, 함수 continue문 - 반복문을 제어해주는 옵션 첫번째 반복문이 실행이 되다가 특정 조건에서 다음 순번으로 스킵이 가능하다. for(let i = 1; i 2023.03.29 while, for문 사용자에게 특정값을 입력을 받아서 조건문을 실습해보도록 하겠습니다. let inputText = prompt("이름을 입력해 주세요.","한글로 입력할것."); alert("당신의 이름은 : "+inputText+"입니다."); 위의 prompt함수를 응용해서 성적처리 프로그램을 만들어봅시다. ex) 89 -> 당신의 성적은 B+입니다. 출력하도록 합시다. 성적의 기준은 다음과 같다. 95~100 : A+ 90~94 : A 85~89 : B+ 80~84 : B 75~79 : C+ 70~74 : C 65~69 : D+ 60~64 : D 60점 미만 : F 입력한 값이 숫자일때만 작동하도록(1~100) 입력한 값이 숫자가 아닌경우에는 숫자가 아니라는 메세지를 전달하도록 소스코드를 수정 및 추가해봅시다. le.. 2023.03.28 타입, 연산자, 조건문 배열 []를 이용하여 표현 변수나, 값의 집합체 사용예시 : let numbers = [1,2,3,4,5]; 변수는 인덱스값(순서값) 을 갖는다. 인덱스값은 0부터 시작 클래스 class 키워드로 선언을 해서 생성 변수선언, 함수선언, 배열선언 등등 을 할수 있다. 생성자를 갖을수 있다. // human클래스 // class Human{ // constructor(){ //생성자.(클래스 객체가 생성될때 자동적으로 실행되는 영역) // let name = "홍길동"; // let age = 0; // } // get name(){ // return this.name; // } // get age(){ // return this.age; // } // } // let human1 = new Human();.. 2023.03.27 자바스크립트 시작 js기본문법 자바스크립트의 변수 이전 1 2 3 다음