자바스크립트 썸네일형 리스트형 전역 변수의 문제점 자바스크립트는 전역 변수를 반드시 사용해야할 이유가 없다면 지역 변수를 사용해야한다. 전역 변수의 무분별한 사용은 매우 위험하다. 지역 변수의 생명 주기(life cycle) 변수는 선언에 의해 생성되고 할당을 통해 값을 갖는다. 그리고 가비지 컬렉션에 의해 언젠가 소멸된다. 즉 변수는 생명주기(life cycle)를 지니고 있다. 전역 변수의 생명 주기는 애플리케이션의 생명 주기와 같다. 하지만 함수 내부에서 선언된 지역 변수는 함수가 호출되면 생성 되고 함수가 종료하면 소멸한다. 변수 생명 주기 메모리 공간이 확보(allocate) 메모리 공간이 해제(release) 가용 메모리 풀 반환(memory pool) //지역 변수 function foo() { var x = 'local'; // x는 지역.. 더보기 Javascript Data Type Javascript Data Type 데이터 타입은 값의 종류를 말하며, 자바스크립트의 모든 값은 데이터 타입을 가지고 있습니다. 자바스크립트는 ES6 이후 7개의 데이터 타입을 제공하고 원시(primitive)타입 과 객체(object / reference) 타입으로 구분됩니다. 원시(Primitive)타입 블리언(boolean) 타입 - 논리점 참(true) 과 거짓(false) null 타입 - 값이 없다는 것을 의도적으로 명시할 때 사용하는 값 undefined 타입 - var 키워드로 선언된 변수에 암묵적으로 할당되는 값 숫자(number) 타입 - 숫자, 정수와 실수 구분 없이 하나의 숫자 타입만 존재 문자열(string) 타입 - 문자열 심볼(Symbol) 타입 (New in ECMAScri.. 더보기 자바스크립트 객체지향 자바스크립트 - 객체지향 https://youtu.be/9BVi9ygdWs0 https://youtu.be/5NmyjJdoLZM https://youtu.be/y7Z_Wpgmz-Q 아래 내용은 이고잉님의 생활코딩 객체지향 프로그래밍을 본 정리 글입니다. OOP OOP(Object-Oriented-Programming) - 객체지향 프로그래밍 PP(Proceduaral Programming) - 절차지향 프로그래밍 위 OOP와 PP는 서로 대립되는 관계가 아니라 대비되는 관계 Object-Oriented-Programming ---------------------------- Proceduaral Programming PP를 기반으로 OOP가 탄생했고 PP의 부족한 부분을 보완해주는 역활을 한다. PP와 .. 더보기 자바스크립트 함수 자바스크립트의 가장 좋은 점은 함수의 구현 부분이다. 함수는 실행문장들의 집합을 감싸고 있다. 함수는 자바스크립트에서 모듈화의 근간이다. 함수는 코드의 재사용, 정보의 구성 및 은닉 등에 사용하고 객체의 행위를 지정하는데도 사용한다. 프로그래밍 기술은 요구사항의 집합을 함수와 자료구조의 집합으로 변환한 것이다 01)함수 객체 함수는 객체이다. 객체는 프로토타입 객체로 숨겨진 연결을 갖는 이름/값 쌍들의 집합체이다. 객체 중에서도 객체 리터럴로 생성되는 객체는 Object.prototype 에 연결된다. 반면 함수 객체는 Function.prototype 에 연결이 된다. (Function은 Object.prototype에 연결된다.) 또한 모든 함수는 숨겨져 있는 두 개의 추가 속성이 있다. 문맥(con.. 더보기 [ES2020]Optional Chaining - ?. ES2020에 추가된 문법 Optional Chaining을 공부해보자 optional chaining이 필요해! let user = { name: { first: "jo", last: "seungjin" } } user.name.first // "jo" user.address.street //Uncaught TypeError: Cannot read property 'street' of undefined //&& 연산자로 해결 user.address && user.address.street; //lodash 유틸리티 라이브러리 사용 import { get } from "lodash"; get(user, "address.street"); 위와 같이 자바스크립트에서 . 는 참조가 nullish (null 또.. 더보기 자바스크립트 객체 객체 자바스크립트에서 단순한 데이터 타입은 (숫자, 문자열, 블리언(true/false), null, undefined)가 있다. 이들을 제외한 다른값은 모두 객체이다. 하지만 이들은 값이 정해지면 변경할 수 없다. 자바스크립트의 객체는 변형 가능한 속성들의 집합이다. 자바스크립트에서는 배열, 함수, 정규 표현식, 객체 등 모두 객체이다. 객체는 이름과 값이 있는 속성들을 포함하는 컨테이너 라고 할 수 있다. 속성의 이름은 문자열이면 모두 가능하다. (빈 문자열도 포함) 속성의 값은 undefined를 제외한 자바스크립트의 모든 값이 사용 될 수 있다. 자바스크립트의 객체는 클래스가 필요 없고, 새로운 속성의 이름이나 값이 어떠한 제약 사항이 없다. 객체는 데이터를 한 곳에 모으고 구조화 하는데 유용하다.. 더보기 닌자 비급 - 1장 1.2 자바스크립트 이해하기 객체, 함수, 클로저는 서로 긴밀한 관계를 맺고있다. 1.3 크로스 브라우저 고려하기 각 브라우저에 국한된 특이점들(quirks)이 있고 이를 처리해야 한다. 이 이슈들을 해결하기 위한 종합적인 전략을 개발하는 것과 개별 브라우저 간의 차이점과 특이점들을 깊이 이해해야 한다. 어떤 브라우저를 어느 수준까지 지원할것 인가? - "*등급별 브라우저 지원" *브라우저와 플랫폼의 조합을 나타내는 표 - A ~ F 또는 정리한 등급표시 고려사항 대상 이용자가 기대하는 바와 필요로 하는 것들 브라우저 시장 점유율 브라우저를 지원하는데 드는 노력 3.함수가 핵심이다. 함수 >>> *1종 객체(first-class object) 함수가 객체와 같은 지위를 가지며, 일반적인 다른 객체 처럼 .. 더보기 자바스크립트가 세상을 먹어치우고 있다. - ZDnet 기사를 읽어보면 워드프레스닷컴과 페이스북이 기존PHP 코드를 버리고 HTML, CSS, 자바스크립트 그리고 레스트풀API로 관리자 인터페이스를 바꿨다는 내용과 더불어 왜 자바스크립트를 선택했는지에 대해서 이유가 나와있다.오토매틱 CEO 매트 뮬런웨그 (Matt Mullenweg)는 자신의 블로그를 통해 "우리가 지난 10년간 사용해 왔던 기술적 기반이 미래에 직면할 요구에 대응하기 충분치 않다고 생각했다"고 그 이유를 설명했다.그러면서 자바스크립트를 택하면서 크로스 디바이스 대응이 쉬워졋다는 점을 큰 장점으로 꼽았다.다른 장점은 PHP 기반 기존 WP어드민과 비교해 자바스크립트 기반 칼립소는 페이지 로딩 속도, 업데로딩 속도도 크게 향상되었고 자바스크립트로 전환하고 레이스풀API로 워드프레스코어와 커뮤니.. 더보기 이전 1 다음
