본문 바로가기

분류 전체보기119

[STUDY] ECMAScript5 / ES5 (2009) :: Object 01. ES5 / ECMAScript 5 (2009) :: Object Object · Javascript 데이터 유형 중 하나로 다양한 키 모음 및 복잡한 속성들을 저장하는데 사용한다. ※ https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Object Object.create() · 지정된 프로토타입 객체 및 속성(property)을 갖는 새 객체를 생성하여 반환한다. Object.create(proto [, propertiesObject]) proto 새로 만든 객체의 프로토타입이어야 할 객체 propertiesObject 자신의 속성이 열거가능한 객체는 해당 속성명으로 새로 만든 객체에 추가될 속성 설명자(de.. 2022. 5. 28.
[STUDY] ECMAScript5 / ES5 (2009) :: Date 01. ES5 / ECMAScript 5 (2009) :: Date Date · 1970년 1월 1일 UTC(협정 세계시) 자정과의 시간 차이를 밀리초로 나타내는 정수 값을 담는다. ※ 참조 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Date Date.now() · UTC 기준으로 1970년 1월 1일 0시 0분 0초부터 현재까지 경과된 밀리 초를 반환한다. var timeInMs = Date.now(); 브라우저 호환성 ※ 참조 (+Poliyfill) : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Date/n.. 2022. 5. 28.
[STUDY] ECMAScript5 / ES5 (2009) :: JSON 01. ES5 / ECMAScript 5 (2009) :: JSON 주요 기능(Features) : JSON · JSON.parse() · JSON.stringify() JSON.parse() · JSON 문자열의 구문을 분석 후 Javascript 값 또는 객체를 생성하여 반환한다. reviver 함수를 인수로 전달할 경우 반환 전 결과를 변경할 수 있다. JSON.parse(text [, reviver]) text Javascript 값 또는 객체로 변환할 JSON 문자열(String) reviver 함수를 인수로 전달할 경우 반환 결과를 변환한다. Example. 기본 예제 const json = '{"result":true, "count":42}'; const obj = JSON.parse(jso.. 2022. 5. 27.
[STUDY] ECMAScript5 / ES5 (2009) :: String 01. ES5 / ECMAScript 5 (2009) :: String 주요 기능(Features) : JSON · JSON.parse() · JSON.stringify() JSON.parse() · JSON 문자열의 구문을 분석 후 Javascript 값 또는 객체를 생성하여 반환한다. reviver 함수를 인수로 전달할 경우 반환 전 결과를 변경할 수 있다. JSON.parse(text [, reviver]) text Javascript 값 또는 객체로 변환할 JSON 문자열(String) reviver 함수를 인수로 전달할 경우 반환 결과를 변환한다. Example. 기본 예제 const json = '{"result":true, "count":42}'; const obj = JSON.parse(j.. 2022. 5. 27.
[STUDY] ECMAScript5 / ES5 (2009) :: Basic 01. ES5 / ECMAScript 5 (2009) :: Basic 주요 기능(Features) : Basic · "use strict" · Reserved words as property names · Multiline strings · Trailing commas · Property getters and setters · Function.prototype.bind() "use strict" · 암묵적인 느슨한 모드(sloppy mode)* 해제하고 엄격한 모드(Strict Mode)를 적용한다. · 엄격한 모드에서 나타나는 Javascript 시멘틱스(sementics)*의 변경이 일어나는데, 대표적인 예로 기존에 허용(무시)되던 코드에서 오류를 발생시킴으로 Javascript 엔진의 최적화 작업에.. 2022. 5. 27.
[STUDY] ECMAScript5 / ES5 (2009) 01. ES5 / ECMAScript 5 (2009) Javascript 첫 번째 주요 개정판 ※ es5-shim.js : ~ IE8 등 구형 브라우저에서 ES5 사용가능하도록 하는 라이브러리 브라우저 별 지원 현황 (Support by Browsers) 주요 기능 (Features) Basic · "use strict" · Reserved words as property names · Multiline strings · Trailing commas · Property getters and setters · Function.prototype.bind() [STUDY] ECMAScript5 / ES5 (2009) :: Basic 01. ES5 / ECMAScript 5 (2009) 주요 기능(Feature.. 2022. 5. 27.
[영화 리뷰] 맨 프롬 헬 : 불 (Bull).2022 맨 프롬 헬 : 불 (Bull) 2021 | 영국 스릴러 / 액션 / 드라마 배우 빨이 거의 없는 영화 출연진 네일 마스켈 (Neil Maskell), 로이스 브라빈(Lois Brabin-Platt), 데이비드 헤이먼(David Hayman), 탐진 오스웨이트(Tamzin Outhwaite), 엘리자베스 카운셀(Elizabeth Counsell), 헨리 찰스(Henri Charles), Yassine Mkhichen, 켈리 셜리(Kellie Shirley), 제이 심슨(Jay Simpson), 케빈 하비 (Kevin Harvey), 제이슨 밀리건 (Jason Milligan), 로라 맥알파인(Laura McAlpine), 루퍼스 게르하르트-윌리암스(Rufus Gerhardt-Williams), 데이비드 .. 2022. 5. 23.
[STUDY] ECMAScript - 연혁(버전) 및 정리 ECMAScript 연혁(버전) 및 정리 + 웹 경력이 4~5년이지만, 종종 크로스브라우징(IE)을 할때마다 자바스크립트 함수 또는 키워드가 헷갈리는데, jQuery로 쓰면 말끔히 해결되지만. 작년부터 바닐라 스크립트(Vanilla JS) 코드를 되도록 쓰려고 하는 버릇이 생긴 저나 또는 저와 같은 사람들이 확인이 편리하게 편집을 해보았습니다. ​ ECMAScript ECMA-242 ECMA 인터내셔널(ECMA International)에 의해 정의된 ECMA 스크립트 언어 규격의 이름으로, 스크립트 언어에 대한 규격을 명세. ECMAScript ECMA-242 기술 규격에 의해 정의 된 범용 스크립트 언어 (ECMAScript specification). ECMAScript 는 스크립트 언어가 준수해야.. 2022. 5. 22.
[영화리뷰] 악의교전 (Lesson of the Evil, 悪の教典) 악의교전 (Lesson of the Evil, 悪の教典) 2012 | 일본 스릴러 / 공포 엉까면 디진다 출연진 이토 히데아키(Ito Hideaki, 伊藤英明), 아사카 코다이(Asaka Kodai, 浅香航大), 니카이도 후미(Nikaido Fumi, 二階堂ふみ), 야마다 타카유키(Yamada Takayuki, 山田孝之), 후키코시 미츠루(Fukikoshi Mitsuru, 吹越満), 소메타니 쇼타(Sometani Shota, 染谷将太), 후지이 타케미(Fujii Takemi, 藤井武美), 타키토 켄이치(Takito Kenichi, 滝藤賢) 줄거리 시험을 앞두고 최근까지 일부 학생들 사이에서 이루어지는 집단 부정행위를 대비하는 회의가 한창인 교무실. 하지만 심증만으로는 처벌은 고사하고 '철저한' 대비라는 .. 2022. 5. 19.
[UX/UI] 웹 UX / UI 디자인 가이드 라인(Guide Line) - 반응형 웹 그리드 (Responsive Web Grid) 3 [UX/UI] 웹 UX / UI 디자인 가이드 라인(Guide Line) 반응형 웹 그리드 (Responsive Web Grid) 3 웹 사이트 레이아웃 그리드 가이드 (Website Layout Grid Guide, Material Design Guide) - 3 머터리얼 디자인 가이드(Material Design Guide) / 8 픽셀 그리드(8 Pixel Grid) 등 레이아웃 그리드(Layout Grid) 레이아웃 구조 (Layout Structure) 머터리얼 디자인 가이드(Material Design Guide) Screen Size Screen Type Columns Body Margin / Gutter 0-599dp Extra-Small (Mobile) 4 Fluid(Scaling) 16.. 2022. 5. 18.
[UX/UI] 웹 UX / UI 디자인 가이드 라인(Guide Line) - 반응형 웹 그리드 (Responsive Web Grid) 2 [UX/UI] 웹 UX / UI 디자인 가이드 라인(Guide Line) 반응형 웹 그리드 (Responsive Web Grid) 2 [UX/UI] 웹 UX / UI 디자인 가이드 라인(Guide Line) - 반응형 웹 그리드 (Responsive Web Grid) 2 8 픽셀 그리드 (8 pixel grid) ※ 출처 : https://uxdesign.cc/responsive-layout-grid-guide-for-designers-c3ba7d161bdf 레이아웃 정의 (Layout Definition) 이미지 / 텍스트 / 컴포넌트 등을 화면에 배치하는 것을 의미한다. 레이아웃(Layout) 의 원칙(principles) · 균형(Balanced) : 그리드(Grid) 사용하여 시각적 요소를 정렬 .. 2022. 5. 16.
[UX/UI] 웹 UX / UI 디자인 가이드 라인(Guide Line) - 반응형 웹 그리드 (Responsive Web Grid) 1 웹 UX / UI 디자인 가이드 라인(Guide Line) 반응형 웹 그리드 (Responsive Web Grid) 머터리얼 디자인 가이드(Material Design Guide) 머터리얼 디자인(Material Design) 이란 ? · 플랫 디자인(Flat Desing)을 기반으로 한 구글의 디자인 지침서. ※ 플랫 디자인(Flat Desing)은 색상과 레이아웃을 통한 2차원 디자인 방식을 의미 반응형 레이아웃 그리드(Responsive layout grid) · 화면 크기와 방향에 맞게 조정되어 레이아웃(Layout)의 일관성을 보장 ※ 열(Column), 여백(Margin), 거터(Gutter)로 구성 ※ 참조 : https://material.io/design/layout/responsive-.. 2022. 5. 11.
반응형