Reload0213 devNote

Enum - 사용자가 임의로 선언한 상수들의 집합 - 기존의 상수를 정의하는 방법이었던 static final과 같이 문자열이나 숫자들을 나타내는 기본자료형의 값을 enum을 이용해서 같은 효과를 낼 수 있다. - Enum을 사용하게 되면 코드가 단순해지며 가독성이 좋아지고, 상수 타입에 대한 안정성이 생기면서, 복잡한 로직을 단순하게 처리할 수 있도록 만들어준다. -데이터를 가독성 있게 만들어 줌으로써 로직을 상당히 개선시킨다는 점에서 많은 사람들이 이용하는 기능.

클래스 public class Car { String color = "빨간색"; int fuel = 85; public void putAccel(){ System.out.println("차가 나아갑니다."); } public void putBreak(){ System.out.println("차가 멈춥니다."); } } - 객체를 생성하기 위한 틀이라고 볼 수 있다. - 클래스를 활용하여 인스턴스(객체)를 생성할 수 있다. - 클래스는 객체 그 자체가 아니며 단순히 객체를 생성하기 위한 틀에 불과하다. - 클래스에서는 실제 속성을 나타내는 멤버변수(필드)와 동작을 나타내는 메서드로 구성을 나눌 수 있다. - 클래스는 해당 클래스를 감싸고 있는 파일과 이름이 동일해야 하며 1파일 = 1클래스로 구성되는 것을..

배열 - 하나의 변수 안에 연속된 여러개의 공간을 갖고 있는 변수 - 같은 타입의 값 여러개를 하나의 변수에 가질 수 있다. - 같은 타입의 여러 변수를 하나의 묶음으로 다루는 것 - 많은 양의 같은 타입의 데이터를 다룰 때 유리하다. - 배열의 각 요소는 연속적이다. - 배열의 각각의 요소를 인덱스라는 숫자를 이용해 구분하여 배열에 저장한다. - 인덱스라는 숫자를 활용해서 배열에 접근하거나 아니면 배열안에 있는 데이터를 호출할 수 있다. 배열의 선언 방식 - 배열은 일반 변수에 []을 붙여 선언할 수 있다. - []의 위치는 타입뒤에 붙여도 상관이 없고, 변수 뒤에 붙여도 상관이 없다. 공간 선언 방식 - 배열에 값을 직접적으로 넣지 않고 공간만 선언하는 방식을 공간 선언 방식이라고 한다. - 배열에 ..

animate 애니매이션을 적용시키고 싶을 때 사용 (선택객체).animate( {변경할 디자인} , 애니매이션 작동시간(ms) , 타이밍(진행 속도), 애니매이션이 완료 되었을때 동작하는 콜백 함수 ) queue - 특정 요소에서 애니매이션이 실행되는 순서로 저장되어 있는 공간 - queue에 저장된 목록에서 순번대로 애니매이션을 하니씩 꺼내어 실행하게되고, 실행된 애니매이션은 제거된다. queue() - 큐에 대기중인 함수를 반환하거나 새로운 함수를 추가한다. - 하지만 queue() 메서드를 animate() 중간에 추가하게되면 queue()메서드가 추가된 곳까지만 실행이되고 그 뒤에 대기중인 대기열은 자동 취소가 된다. - 위와 같은 상황을 방지하게 위해 dequeue() 메서드를 추가해 주면 애..

foreach foreach 반복문은 오직 " Array " 객체에서만 사용가능한 메서드입니다.(ES6부터는 Map, Set 등에서도 지원됩니다) 배열의 요소들을 반복하여 작업을 수행할 수 있습니다. foreach 구문의 인자로 callback 함수를 등록할 수 있고, 배열의 각 요소들이 반복될 때 이 callback 함수가 호출됩니다. callback 함수에서 배열 요소의 인덱스와 값에 접근할 수 있습니다. let arr1 = ['item1', 'item2', 'item3']; items.forEach(function(item) { console.log(item); }); //: item, item2, item3 for …in 반복문 for in 반복문은 객체의 속성들을 반복하여 작업을 수행할 수 있습..

Arrow 함수 - 화살표 함수는 기존에 있던 function의 익명 선언 방식을 축약한 것이다. - 화살표 함수는 익명 함수이며 사용할 경우는 두 가지 경우가 있는데 하나는 단 한번만 사용하는 콜백함수에서 사용되거나 변수에 할당하여 사용할 경우 두가지 케이스가 존재한다. - 화살표 함수를 축약하는 방식은 상황에 따라 여러가지 방법으로 축약이 가능하며 각 상황에 맞추어 축약하지 않을 경우 에러가 발생한다. 1) 화살표 함수(Arrow function)으로 변환방법 및 법칙 1-0. 기본형 const funcA = function(one, two){ return one + two; } console.log(funcA(2,3)); 1-1. " function " 을 생략하고 " => " 로 간단하게 대체가능..

This 태그 - this 키워드는 자기 자신을 가리키고자 할 때 쓰이는 키워드 - 자기 자신이라 함은 현재 위치에서 바인딩 즉 연결되는 바로 위 상위 객체를 의미한다. - 하지만 this의 위치가 어디냐에 따라 바인딩 되는 곳이 달라지므로 this의 원리를 이해하고 쓰기보단 그냥 어디에 this가 쓰였을 때 여기를 가리킨다 라는 공식처럼 외우는 것이 편하다. (고 하여 다른 게시글이나 자료를 통해 이해해보려고도 하였으나 역시 쉽지 않아 수학에서도 종종 이런 경우가 있었기 에 그 방법으로 한번 해보려합니다.) 대표적인 this 위치에 대한 바인딩되는 객체는 다음 아래와 같다. 1. 아무것도 없는 단순 로직 상에서의 this는 최상위 객체인 window를 가르킨다. 2. 함수(function) 2-1. 일..

position-fixed의 특징 CSS의 position 속성은 엘리먼트가 브라우저 화면에 어떻게 배치되는가를 결정합니다. 어떤 엘리먼트의 position 속성을 fixed로 지정해줄 경우, 해당 엘리먼트는 부모 엘리먼트로 부터 완전히 독립되어 브라우저 화면(viewport) 상에서 어디든지 원하는 위치에 자유롭게 배치시킬 수 있게 됩니다. 뿐만 아니라, 브라우저 화면을 스크롤했을 때도 영향을 받지 않기 때문에, 다른 엘리먼트들이 상하좌우로 움직일 때, position 속성이 fixed로 설정되어 있는 엘리먼트는 그 자리에서 움직이지 않습니다. 상단에 고정되어 있는 메뉴바/네비게이션을 만드는 방법에 대해서 알아보겠습니다. - 우선 상단 메뉴영역과 메인영역을 Html을 통해 간단히 작성해준 후 메뉴바를 ..

1. 비교 연산자 " > ,

자료형(Data Type) 기본형(Primitive Type) 참조형 (Reference Type) Number String Boolean Null, Undifind Object 1. 기본형(Primitive Type) let x = 10; let y = x; console.log(x); // 10이 출력 console.log(y); // 10이 출력 y = 20; console.log(x); // 10이 출력 console.log(y); // 20이 출력 - JavaScript에서 어떤 값을 핸들링 할때 기본형 타입은 변수에 값을 할당해서 사용 한다. 즉 변수 이름을 가진 그릇에 그 값을 넣어준다고 할 수 있다. 위 코드의 첫 번째 줄에서 변수 x에 10이라는 값을 할당하였기 때문에, x라는 그릇에 숫..