Leeyun Leeyun

프로그래밍 언어/JavaScript

• Ajax (생활코딩 WEB2 - JavaScript)

  프로그래밍 언어/JavaScript 2021. 9. 7. 03:07

  1. 수업소개 JS가 도입되면서 동적으로, 애플리케이션으로 발전함 '웹페이지를 부분적으로 변경하는 것' 2. fetch API fetch API 기본 사용법 fetch API의 요청과 응답 function callbackme(){ console.log('response end'); } fetch('html').then(callbackme); console.log(1); console.log(2); 콘솔에 1,2,response end 순서대로 출력됨 Asynchronous(비동기)로 실행됨 fetch API - response 객체 function callbackme(){ console.log('response end'); } callbackme = function(){ console.log('respo..

  Read More
• JavaScript 까먹은 거 다시 기록 (생활코딩 WEB2)

  프로그래밍 언어/JavaScript 2021. 9. 6. 23:30

  1. 리팩토링 2. 함수의 활용 3. 객체 활용 4. jQuery " target="_blank" rel="noopener">https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"> var Link = { setColor:function(color){ $('a').css('color',color); } } var Body = { setColor:function(color){ $('body').css('color', color); }, setBackgroundColor:function(color){ $('body').css('backgroundColor', color); } }

  Read More
• Javascript 2일차 (생활코딩 WEB2)

  프로그래밍 언어/JavaScript 2021. 9. 3. 18:05

  1. 배열과 반복문의 활용 'javascript get element by css selector multiple' 검색 document.querySelctorAll('a') var alist = document.querySelectorAll('a'); alist에 a 태그들의 목록을 담고 있는 배열을 담음 var alist = document.querySelectorAll('a'); var i = 0; while(i

  Read More
• JavaScript 1일차 (생활코딩 WEB2)

  프로그래밍 언어/JavaScript 2021. 9. 1. 22:14

  HTML은 정적 동적으로 사용자와 상호작용 하기 위해 태어난 것이 자바스크립트 HTML을 통해 웹페이지를 만들고 웹페이지를 JS를 이용해 사용자와 상호작용 할 수 있도록 만듦 1. 수업의 목적 야간모드/주간모드를 버튼을 통해 바꾸는 기능 검사-> Elements(태그)를 보면 버튼을 누를 때마다 가 바뀌는 것을 알 수 있음 버튼은 input 에 속성으로 button을 주고 value는 버튼의 이름 ex) input type="button" value="night" onclick의 속성으로는 JS가 와야 함 onclick=" document.querySelector('body') : document 문서에서 body 태그를 선택하는 코드 .style.backgroundColor='black';" : 스타일..

  Read More