< 1 / 4 > // index.js$(function () { //-- at1 btn img slide let cnt = 0; $(".at1-btn li").on("click", function () { let at1No = $(this).index(); if (at1No == 2 && cnt 0) { cnt--; $(".at1-img").animate({ left: "+=100%" }, 500); } $(".disp").text(cnt + 1 + " / 4"); });});/* index.css *//* article 1 */.at1-box { border: 1px solid black; width: 500px..
javascript
hoisting이란? 자바스크립트에서 호이스팅(Hoisting)이란 변수와 함수의 선언문을 해당 스코프의 꼭대기로 끌어올리는 동작을 의미한다. 이 과정에서 선언문 자체는 옮겨지지만, 함수 표현식의 대입문을 포함한 모든 대입문은 끌어올려지지 않는다. var 변수의 호이스팅 console.log(a); // 'undefined' 출력 var a = 3; 자바스크립트는 초기값 할당에 대한 부분은 제외하고 오직 선언부만 호이스팅한다. 즉, 컴파일 시간 동안 자바스크립트는 함수와 변수의 값을 제외한 선언부를 메모리에 저장한다. undefined를 출력하는 이유는? 자바스크립트 엔진이 var변수 선언부를 컴파일 단계에서 찾았을 때, 그 변수는 Lexical Environment에 추가될 것이고 undefined로 ..
1. 마침표 프로퍼티 접근 연산자(.)를 사용하는 마침표 표기법 2. 대괄호 프로퍼티 접근 연산자([...])를 사용하는 대괄호 표기법 대괄호 표기법을 사용하는 경우 대괄호 프로퍼티 접근 연산자 내부에 지정하는 프로퍼티 키는 반드시 따옴표로 감싼 문자열이어야 한다. 대괄호 프로퍼티 접근 연산자 내에 따옴표로 감싸지 않은 이름을 프로퍼티 키로 사용하면 자바스크립트 엔진은 식별자로 해석한다. ⇒ 프로퍼티 키가 식벽자 네이밍 규칙을 준수하는 이름, 즉 자바스크립트에서 사용 가능한 유효한 이름이면 마침표 표기법과 대괄호 표기법 모두 사용 가능하다. 그러나 자바스크립트에서 사용 가능한 유효한 이름이 아니면 반드시 대괄호 표기법을 사용해야한다. var person = { name: 'Lee'; }; // 마침표 표..
Date Date 객체는 생성자 함수이다. Date 생성자 함수는 날짜와 시간을 가지는 인스턴스를 생성한다. 생성된 인스턴스는 기본적으로 현재 날짜와 시간을 나타내는 값을 가진다. 현재 날짜와 시간이 아닌 다른 날짜와 시간을 다루고 싶은 경우에는 Date 생성자 함수에 명시적으로 해당 날짜와 시간 정보를 인수로 지정한다. 1. new Date() 인수를 전달하지 않으면 현재 날짜와 시간을 가지는 인스턴스를 반환한다. const date = new Date(); console.log(date); // Thu May 16 2019 17:16:13 GMT+0900 (한국 표준시) 2. new Date(milliseconds) 인수로 숫자 타입의 밀리초를 전달하면 1970년 1월 1일 00:00(UTC)을 기점..
Java Java에서의 this는 인스턴스 자신(self)을 가리키는 참조변수로, this가 객체 자신에 대한 참조 값을 가지고 있다는 뜻이다. 주로 매개변수와 객체 자신이 가지고 있는 멤버변수명이 같을 경우 이를 구분하기 위해서 사용된다. ⇒ 메서드의 현재 인스턴스 오브젝트를 나타낸다. public Class Person { private String name; public Person(String name) { // this.name: 멤버변수 의미, name: 생성자 함수가 전달받은 매개변수 의미 this.name = name; } } Javascript 자바스크립트의 함수는 호출될 때, 매개변수로 전달되는 인자값 이외에, arguments 객체와 this를 암묵적으로 전달받으며, 함수 호출 방식에..
WIL - Weekly, I Learned 11/15 11/16 11/17 11/18 11/19 11/20 팀 배정 Node.js 기초 4주차 팀 과제 분배 schema 설계 오류 수정 개인 과제 제출 완료 Node.js 기초 1주차 Node.js 기초 5주차 와이어 프레임 설계 index.js 연결 자기 합리화 시작 팀 과제 회의 Node.js 기초 2주차 메인 HTML 구현 router 연결 선택과 집중의 시간 팀 과제 제출 완료 Node.js 기초 3주차 글쓰기 HTML 구현 17:00 항해톡 AWS 서버 세팅 팀 과제 회의 도메인 연결 직방 백엔드 파트 리드 세미나 11/15 월요일 팀 배정 그리고 Node.js 기본 강의 수강 매주 팀이 변경되는 시스템으로 매주 월요일 00시면 참 설렌다. 이번..