JAVASCRIPT

본래 이태릭스타일 효과를 주기 위한 태그.하지만 icon의 i를 표현하는 느낌으로, 가독성을 위해 아이콘 태그로 사용하기도 함.icon framework링크 선언ionicons사용할 아이콘 이름 복사 후, 클래스로 넣어 줌." $(".wrapgnb .gnb")의 내용을

append("마크업태그") 대상의 안쪽 맨뒤에 html코드 추가.prepend("마크업태그") 대상의 안쪽 앞에 html코드 추가.before("마크업태그") 대상요소의 바깥 앞에 html코드 추가. 속성 src의 값을 가져옴첫번쨰 이미지의 속성을 두번째 이미지의 속

jQuery는 HTML의 클라이언트 사이드 조작을 단순화 하도록 설계된 크로스 플랫폼의 자바스크립트 라이브러리.따라서 jQuery는 한 개의 JavaScript 파일로 존재하며, 공통의 DOM, 이벤트, 특수 효과, Ajax 함수를 포함.jQuery를 사용하기 위해,

jQuery cdn 같이, reset cdn 활용 가능.cnd library 모음 사이트아래 두 코드는 동일 기능.

사용자가 텍스트를 입력할 수 있도록 띄우는 메시지.document에 작성ture or false를 반환하는 메시지 창확인 눌렀을 때취소 눌렀을 때slider library 중 하나. 슬릭라이브러리링크에서 cdn js, css 찾아 작성. 슬릭라이브러리 사이트에서 dem

전역변수 a의 범위 : 전범위 지역변수 b의 범위 : 선언된 함수 내. btn2클릭시 b는 선언되지 않는 변수 취급.btn1함수에서 선언된 데이터타입이 없는 변수는 전역변수브라우저 창의 크기가 변경될때마다 호출되는 콜백함수브라우저 창의 크기가 변경 될 때마다 호출되어

함수 안에 있는 선언들을 끌어올려 Parser가 함수 실행 전 해당 변수 or 함수들을 한번 훑음.var변수 선언과 var함수 선언문에 호이스팅 일어남.선언만 끌어올려짐.error가 아닌 undefined 출력.(초기값이 없다면 선언과 동시에 undefined로 초기화

출처 : https://m.blog.naver.com/naan_ace/220847459928아래로 스크롤 : +3위로 스크롤 : -3아래로 스크롤 : -120위로 스크롤 : +120아래 두 코드는 같은 식break : switch문 종료.befault : sw

두번째 상자의 위치에 걸치게 됨.animate({속성 : 값}, 초) : 속성값이 수치인 경우에만 애니메이션 작동순서대로 작동. stop()의 경우 animate 효과가 사라지니, 첫번째 줄에만 입력.요소의 정지 버튼을 누르는 효과. 객체의 로딩을 취소출처 : bind

요소의 순서 반환(0부터 반환)

0.5초마다 출력. 같은 결과 도출.이 이미 함수 호출 표현식.The setInterval() method, offered on the Window and Worker interfaces, repeatedly calls a function or executes a co

'return'없이 바로 return 해 줌.참고 : \[JS] 자바스크립트 템플릿 리터럴: 백틱(\`\`), 달러(${ }) 사용법\[react,javascript] 화살표 함수를 알아보자 (arrow function) 화살표 함수 기본

node.js 다운로드(런타임 진행 중을 확인하기 위한..)version 정보가 뜬다면 설치 된 것.\-g : 이 파일 내가 아닌 global 설치npm : 외부 Jquery파일에서 자동완성 제공 등 편리 기능 제공node.js가 제공하는 live console창 제공

참고 : 객체 비구조화 할당(https://learnjs.vlpt.us/basics/06-object.html

참고 : 객체에 함수 넣기

※ map 이란?(참고 : \[JavaScript]객체를 배열로 변환하는 방법

화면에 출력해줌.창을 열자마자 경고창과 확인버튼이 나옴.창을 열자마자 확인창과 취소버튼이 나옴.

배열의 요소를 반환.배열 그대로 반환참고 :Array.prototype.concat()Array.prototype.filter()spread 와 rest

함수를 다른 인수에 제공할 수 있음함수가 함수를 반환할 수 있음함수를 변수에 할당할 수 있음화살표함수참고 : 일급 함수

참고 : arguments객체

key : 문자, 숫자, symbole 등 단순 값value : 문자, 숫자, (원시값), 객체 함수 등key값에 '-'를 쓸 수 없음 -> 문자열로 변환하여 써야 함.지정된 프로토타입 객체와 프로퍼티를 갖고 새로운 객체를 만들어 줌.사용자가 프로토타입 객체를 직접 명

정해진 템플릿을 이용하여 원하는 데이터를 전달

cherry, grape, melone : fruit클래스의 인스턴스. (클래스를 통해 만들어진 객체)정적 프로퍼티, 메서드재사용셩을 높임.클래스에 한번만 만들어 지고, 각 인스턴스에는 들어있지 않음.참고 : 클래스 (컴퓨터 프로그래밍)

참고 : 접근자설정자

중복되는 코드가 너무 많고, 지저분함class Tiger는 클래스 Animal을 상속받음.class Doggy 또한,클래스 Animal을 상속받음. 접근자 프로퍼티를 사용했기 때문에 () 없이 호출참고 : extends

stringnumberbigintbooleanundefinedsymbolnullconsole.log(nn) : 할당한 값 1234가 출력(원시타입).toString() : 숫자를 문자열로 바꿈(터미널에서 숫자는 노란색, 문자는 흰 색으로 출력)console.log(tt

History.back() : 브라우저가 세션 기록의 바로 뒤 페이지로 이동 하도록 지시함 이전 페이지가 없는 경우 아무것도 하지 않음Location.reload() : 새로고침 버튼처럼 현재 리소스를 다시 불러옴.Window.open() : 지정된 리소스를 새

지정된 셀렉터 그룹에 일치하는 document element list를 나타내는 정적 NodeList를 반환제공한 선택자 또는 선택자 뭉치와 일치하는 문서 내 첫 번째 element를 반환일치하는 요소가 없으면 null반환주어진 문자열과 일치하는 id 속성을 가진 요소

addEventListener(type, listener);addEventListener(type, listener, options);addEventListener(type, listener, useCapture);addEventListener('이벤트', 함수, 이벤

출처 : 개발자를 위한 웹 기술

출처 : 개발자를 위한 웹 기술

set set : 자료형에 관계 없이 원시 값과 객체 참조 모두 유일한 값을 저장할 수 있음 forEach사용 for of for of : 반복가능한 객체 (Array, Map (en-US), Set, String, TypedArray, arguments 객체

map() 메서드는 배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환.key, value로 구성. key는 중복 불가배열과 달리 index없음.set과 달리 value 중복 가능배열이나 문자열과 같이 반복 가능한 문자를 0개 이상

settimeout : 만료된 후 함수나 지정한 코드 조각을 실행하는 타이머를 설정js 엔진에 있는 call Stack은 한번의 하나의 일만 할 수 있음단, js 호스트 환경에서 제공하는 Web API들은 비동기적으로 처리해줌(node)\--> DOM API, setT

HTML 또는 XHTML, CSS, JavaScript, DOM, XML, XSLT, 그리고 제일 중요한 XMLHttpRequest 객체를 비롯해 기존의 여러 기술을 사용하는 "새로운" 접근법을 설명하는 용어. 다양한 기술을 AJAX 모델로서 결합했을 때, 웹 어플리케

GITGit Bash가 설치 되어야 함.Git Hub 가입 & repository 만들기public으로 설정Add a README file 체크 X제어판 -> 자격증명관리자 -> window자격증명$ git config --list:qnetlify회원가입하여 진행.