'웹(web)' 카테고리의 글 목록 (2 Page)

[스타벅스 웹 따라하기] ver 1.0

arrow_back Hello coffee! @charset "EUC-KR"; /* main.css */ body{ color: yellow; font-size: 16px; font-weight: 400; line-height:1.4; font-family: 'Pangolin', cursive; }

웹(web) 2021. 5. 3. 16:16

[jQuery] 제이쿼리 _연결 방법

class < libray < framework 1, CND 인터넷이 원할 할 때 2. file dowload 네트워크 환경이 안 좋을때

웹(web) 2021. 5. 3. 13:39

AJAX 정의 Ajax(Asynchronous JavaScript and XML, 에이잭스)는 비동기적인 웹 애플리케이션의 제작을 위해 아래와 같은 조합을 이용하는 웹 개발 기법이다. XMLHttpRequest(); ActiveXObject //인터넷 익스플로워 var httpRequest = null; function requestMsg() { //1단계 : XMLHttpRequest 객체 생성 if( window.XMLHttpRequest ) { //chrome, firefox, safri,.... httpRequest = new XMLHttpRequest(); }else if( window.ActiveXObject ) { //IE :인터넷익스플로워 httpRequest = new ActiveXObj..

웹(web)/AJAX 2021. 5. 3. 10:43

[자바스크립트] 구조분해할당

구조분해할당 const user ={ name: 'Yuna', age: 26, email:'marine@gmail.com' } const {name,age,email,address} = user console.log(`사용자 이름은 ${name} 입니다`) console.log(`사용자 나이는 ${age} 입니다`) console.log(`사용자 이메일은 ${email} 입니다`) console.log(`사용자 이메일은 ${address} 입니다`) 출력 objectJS.js:54 사용자 이름은 Yuna 입니다 objectJS.js:55 사용자 나이는 26 입니다 objectJS.js:56 사용자 이메일은 marine@gmail.com 입니다 objectJS.js:57 사용자 이메일은 undefined ..

웹(web)/JAVAScript 2021. 4. 29. 15:15

[자바스크립트] Object /assign()/오브젝트 사용하기 /중복제거

developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Object/assign Object.assign() - JavaScript | MDN Object.assign() Object.assign() 메소드는 열거할 수 있는 하나 이상의 출처 객체로부터 대상 객체로 속성을 복사할 때 사용합니다. 대상 객체를 반환합니다. Object.assign(target, ...sources) target 대상 객체. developer.mozilla.org Object Object 생성자는 주어진 값의 객체 래퍼를 생성합니다. 주어진 값이 null이거나 undefined면 빈 객체를 생성해 반환하고, 그렇지 않으면 값에 맞는 자료형의 객체를 반환합니..

웹(web)/JAVAScript 2021. 4. 29. 14:50

[자바스크립트] 타이머 함수/setTimeout/setInterval/clearTimeout/clearInterval

타이머 함수 setTimeout(함수,시간) : 일정 시간 후 함수 실행 setInterval(함수,시간) : 시간 간격 마다 함수 실행 clearTimeout() : 설정된 timeout 함수 종료 clearInterval() : 서정된 interval 함수를 종료 setTimeout(함수,시간) : 일정 시간 후 함수 실행 // 3초가 지난후에 실행 setTimeout(function () { console.log("해병코딩"); },3000) // 화살표 함수 적용 setTimeout(() => { console.log("해병코딩"); },3000) 둘다 똑같다 함수 적용 방법이 다를뿐

웹(web)/JAVAScript 2021. 4. 28. 11:37

[자바스크립트] 호이스팅 hoisting

호이스팅(hoisting) : 함수 선언부가 유효범위 최상단으로 끌어올려지는 현상 위에서 아래로 내려 가는 프로그램 특성상 에러가 뜬다 const a= 7; double() const double = function(){ console.log(a*2); } 호출을 함수정의부 위에서 했는데도 출력 된다 const a = 7; double() function double(){ console.log(a*2); }

웹(web)/JAVAScript 2021. 4. 28. 11:08

[자바스크립트] 즉시 실행 함수

//일반 함수 꼴 const a = 7 // 함수 정의 function double() { console.log(a*2); } //함수 호출 double() 출력값 : 14 즉시 함수 () 괄호 싸면 그 자체가 함수가 된다. 함수 호출을 하지 않아도 된다 1.방법 // 괄호 안에 있으면 함수다 즉시 실행함 (function () { console.log(a*2); })() 2. 방법 (function () { console.log(a*2); }()); 출력값: 14 tip 아래 코드는 에러가 출력 된다 이유는 함수 두개가 충돌 나기 때문이다 double(); ; 세미 콜론을 찍어야한다. //즉시 실행 함수 const a = 7 function double() { console.log(a*2); } dou..

웹(web)/JAVAScript 2021. 4. 28. 10:59

[자바스크립트] 화살표 함수 표현 (arrow function expression =>

화살표 함수 자주 쓰는 함수 표현 방법이다 하지만 모르면 그저 화살표 일 뿐 이번에 확실히 화살표를 뿌리를 뽑자 화살표 함수 표현은 function 표현에 비해 구문이 짧고 자신의 this,argument,super 또는 new ,trarget을 바인딩 하지 않습니다 . 화살표 함수는 항상 익명 입니다. 이 함수 표현은 메소드 함수가 아닌 곳에 가장 적합합니다. 그래서 생성자로서 사용할 수 없습니다. (param1, param2, …, paramN) => { statements } (param1, param2, …, paramN) => expression // 다음과 동일함: => { return expression; } // 매개변수가 하나뿐인 경우 괄호는 선택사항: (singleParam) => { ..

웹(web)/JAVAScript 2021. 4. 28. 10:50

[자바스크립트] 기초 함수 / arguments

함수 사용 이유 여러번 반복적으로 사용하기 위해서 사용한다 (재사용성용의) function sum(x,y)//파리미타 { console.log(x+y); } sum(1,3) // 매개변수 function sum(x,y) { console.log(x+y); } // 담았다가 호출 하는걸 권장 const a = sum(1,3) const b = sum(12,30) console.log(a); console.log(b); console.log(sum(1,3) + sum(12,30)); sum(1,3) 매개 변수가 몇개가 들어오던지 처리 하고 싶을때 arguments 를 이용하여 매개변수 지정 function sum() { console.log(arguments); return arguments[0] } con..

웹(web)/JAVAScript 2021. 4. 28. 10:35

해병 코딩

웹(web) → (34)건