JSInfo

웹페이지에 생동감을 불어넣기 위해 만들어진 프로그램 (Java 와는 전혀 다른 언어)자바스크립트로 작성한 프로그램HTML, CSS 와 잘 어울림간단함다양한 브라우저 지원, 기본 언어로 사용CoffeeScriptTypeScript기타 등등..자바스크립트는 현재 다양한 환

Mozilla 재단이 운영하는 사이트. 다양한 예제와 정보가 있습니다. https://developer.mozilla.org/ko/docs/Web/JavaScript아직 사용기간이 짧지만, MDN보다 좋다고 생각함 (초보자)가 볼 때 적합하다고 생각필자가 초보

마이크로소프트가 개발한 소스 코드 편집기 입니다.다양한 기능들을 지원하기 때문에 유료와 비교했을 때 부족함이 없습니다. 웹, 자바스크립트, 타입스크립트 개발을 위한 플랫폼 IDE.Atom, Notepad++, Vim, ... \*IDE란? 코딩, 디버그, 컴파일, 배포

최대한 간결하고 읽기 쉽게 코드를 작성해야 합니다.복잡한 문제도 간결하고 읽기 쉽게 만드는 게 기술입니다. 우선 코딩에 무조건 따라야 할 규칙은 없다고 합니다. (이 글 또한 정답이 아닙니다.)자바스크립트 프로젝트에서 여는 중괄호 앞에는 공백이 있어야 합니다.코드가 간

// : 한 줄 짜리 주석은 사용합니다./\* \*/ : 여러 줄의 주석은 이렇게 시작합니다.설명이 담긴 주석을 많이 사용하면 안됩니다. 주석 없이 코드를 읽을 수 있는 레벨까지 가야합니다. 코드가 불분명해 주석 작성이 불가피하다면 코드를 다시 작성하는 것이 좋습니다.

다양한 편법을 사용해서 코드를 작성합니다.코드의 양이 길면 안좋습니다.. 하지만 너무 짧아도 문제가 됩니다.획기적으로 줄인 코드는 초고수 처럼 보일 수 있지만, 다른 개발자들이 이해를 못할수도 있습니다.혼자서도 코딩을 잘 할 수 있습니다. 하지만 다른 팀원과 협력하는게

함수를 만들고 테스트를 해야합니다. 어떻게 코드를 만들지 구상 후 만들어야합니다.실행 결과가 기대값과 다를 수 있기 때문에 계속 비교하면서 코드를 작성해야합니다.실제 실행 결과가 기대했던 것과 다를 땐 코드를 수정하고 다시 실행하기를 반복해야합니다.원하는 결과, 기능이

비교적 최근 추가 된 기능으로 코드가 특정 엔진에서 지원하지 않는 경우 모든 기능을 구 표준으로 바꿔줍니다.바벨은 코드를 재작성해주는 트랜스파일러 프로그램입니다. 기존 코드를 구 표준으로 변경해줍니다. 변경된 코드는 웹 사이트 사용자들에게 전달해줍니다. 코드가 수정될

자바스크립트에는 8개의 자료형이 있습니다.7개의 자료형은 오직 하나의 데이터(문자열, 숫자열)등 만 담을 수 있기 때문에 원시형(Primitive Type)이라고 부릅니다.하지만 객체형 은 원시형과 달리 다양한 데이터를 담을 수 있습니다. 키로 구분된 데이터 집합이나

원시적인 방법이 참조를 활용해 객체를 저장하고 복사하는 방법이다. 원시값(문자열, 숫자, 불린)을 그대로 저장 후 할당하여 복사하는 방법이다.ex)객체를 조작할 때는 여러 변수를 사용할 수 있습니다.참조에 의한 비교 (==), (===)은 동일하게 동작합니다. 비교 시

자바스크립트의 메모리 관리, 쓸모없는 엔진을 찾아내 삭제하는 것을 얘기합니다.자바스크립트는 도달 가능성(reachability) 를 바탕으로 메모리를 정리합니다. 도달 가능한 메모리는 삭제되지 않습니다. 도달 가능한 경우 명백한 이유 없이 삭제되지 않습니다. 가비지 컬

개인 의견 => 객체에 함수를 적용시켜주는 것객체에 할당된 함수를 호출해줍니다. (함수 호출 전 this에는 값이 할당되지 않습니다.)객체를 사용하여 표현하는 방식을 객체 지향 프로그램이라 합니다. 바른 개체를 선택하고 개체 사이의 상호작용을 나타내고 설계합니다.객체에

유사한 객체를 여러 개 만들어야 할 때 사용됩니다. new 연산자와 생성자 함수를 사용하면 유사한 객체 여러개를 쉽게 만들 수 있습니다.생성자 함수도 결국에는 일반 함수입니다. (일반 함수와 구분하기 위해 첫 글자를 대문자로 적을 뿐..)일반 함수와의 기술적인 차이는

객체와 달리 배열은 새로운 Property(값)를 기존 Property(값) 사이에 끼워넣기가 가능합니다.배열은 순서가 있는 자료를 저장하고 관리하는 용도에 최적화된 자료구조입니다.대부분 대괄호 배열을 사용합니다.ex)위와 같은 방법을 응용해 배열의 요소를 수정할 수

배열과 메소드 배열에는 요소를 추가하고 제거하는 다양한 메소드가 있습니다. arr.push(...items) : 맨 끝에 요소 추가 arr.pop() : 맨 끝 요소 제거 arr.shift() : 맨 앞 요소 제거 arr.unshift(...items) : 맨 앞에 요

사용 빈도가 높은 메소드 중 하나입니다.배열 요소 전체를 대상으로 함수를 호출하고, 호출 결과를 배열로 반환해줍니다.ex) map 기본 문법ex) 실제 예시배열의 요소를 정렬해줍니다. 배열 자체가 변경됩니다.sort를 사용하면 재정렬 된 배열이 반환됩니다.모든 요소를

반복 가능한 객체(iterable)은 배열을 일반화한 객체입니다. iterable 객체는 for...of를 사용할 수 있습니다.ex) for...of가 사용가능한 객체를 살펴보자.range를 iterable로 만들려면 for...of가 사용가능해야 합니다. 이때 Sym

Map 과 Set을 이해하기전 객체와 배열에 대한 이해가 필요합니다.객체 : 키가 있는 컬렉션을 저장합니다.배열 : 순서가 있는 컬렉션을 저장합니다.하지만 기능이 부족하여 Map 과 Set을 사용하게됐습니다.키가 있는 데이터를 저장한다는 점에서 객체와 유사합니다. 하지

객체와 배열은 JavaScript에서 가장 많이 쓰이는 자료 구조입니다. 키를 가진 데이터 여러 개를 저장할 때는 객체를, 데이터를 순서대로 저장할 때는 배열을 사용합니다. 상황에 따라 객체나 배열의 저장된 데이터 전체가 아닌 일부만 필요한 경우가 생깁니다. 이때

객체: 키가 있는 컬렉션을 저장함 배열: 순서가 있는 컬렉션을 저장함 하지만 두 자료구조만으로 부족해서 Map과 Set이 등장하게 됐습니다. 맵 Map은 키가 있는 데이터를 저장한다는 점에서 객체와 유사합니다. 하지만 Map은 키에 다양한 자료형을 허용한다는 점에서

네트워크를 통해 객체를 어딘가에 보낼 때 객체를 출력해야 한다면 객체를 문자열로 전환해야 합니다.이때 전환된 문자열에는 원하는 정보가 있는 객체 프로퍼티 모두가 포함되어야 합니다.개발 과정에서 프로퍼티가 추가되거나 삭제, 수정 된다고 계속해서 toString을 통해 내

문서 객체 모델(Document Object Model)은 웹 페이지 내의 모든 콘텐츠를 객체로 나타내줍니다. 이 객체는 수정 가능합니다.document 객체는 페이지의 기본 '진입점' 역할을 합니다. document 객체를 이용해 페이지 내 무엇이든 변경할 수 있고,

HTML을 지탱하는 것은 태그 (tag) 입니다.DOM에 따르면, 모든 HTML 태그는 객체입니다. 태그 하나가 감싸고 있는 '자식' 태그는 중첩 태그(nested tag)라고 부릅니다. 태그 내의 문자(text) 역시 객체 입니다.모든 객체는 자바스크립트를 통해 접근

DOM을 이용하면 요소와 요소의 콘텐츠에 무엇이든 할 수 있습니다.조작하고자 하는 DOM 객체에 접근하는 선행 과정이 필요합니다.모든 연산은 document에서 시작됩니다.document가 관문이라고 생각하면 되비니다. 관문을 통과하면 어떤 노드에도 접근할 수 있습니다

순회에 필요한 메소드 map.keys(), map.values(), map.entries()에 대해 알아봐야합니다.메소드를 적용할 자료구조는 일련의 합의를 준수해야 합니다. (커스텀 메소드를 사용하고 싶다면 직접 구현해야 합니다.)MapSetArray일반 객체에도 순회

키를 가진 데이터 여러 개를 하나의 Entity에 저장할 땐 객체를, 컬렉션에 데이터를 순서대로 저장할 땐 배열을 사용합니다.가끔은 배열이나 객체의 데이터 일부가 필요한 경우도 있습니다.이럴 때 구조 분해 할당을 사용하면 됩니다.분해는 파괴를 뜻하는 것이 아닙니다.우선