Study25 [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. [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. [STUDY] HTTPS (Hyper Text Transfer Protocol Secure) 1. HTTPS 란 · HTTP의 암호화되지 않은 평문으로 해킹 또는 변조 등 보안적 단점을 보완하기 위한 프로토콜 · HTTP + SSL 로, HTTPS 새로운 프로토콜이 아니라 HTTP 통신 소켓(socket) 부분을 SSL(Secure Soket Layer) 또는 TLS(Transport Layer Security) 프로토콜로 대체 (SSL 통신) 2. SSL (Secure Socket Layer) · 넷스케이프(Netscape) 사에 의해 클라이언트(clinet)-서버(server) 보안을 위해 탄생하였으며, 'CA'(Certificate Authority) 서드 파티로부터 클라이언트, 서버 인증에 사용 · SSL은 보안과 성능상의 이유로 '공개키'와 '대칭키' 2가지 암호화 기법을 혼용하며 클라.. 2021. 12. 10. [STUDY] HTTP (Hyper Text Transfer Protocol) 1.HTTP (Hyper Text Transfer Protocol) · TCP/IP 최상위 계층 (비연결성/비상태성) · HTTP 메시지(ASCII 인코딩)는 클라이언트(client)-서버(server) 간 데이터를 교환하는 방식 ( 요청(request)-응답(response) ) 1) HTTP 메시지 구조 [START LINE] POST / HTTP 1.1 | [STATUS LINE] HTTP / 1.1 200 ok [HTTP HEADER] [HOST]:[PORT] User-Agent : Mozila ··· \r\n [BODY] ··· 2) HTTP 요청(Request) · 클라이언트(client) → 서버(server) HTTP 메시지 전달 ① 시작줄 (Start Line) [HTTP METHOD] .. 2021. 12. 10. [STUDY] 브라우저 렌더링 (Browser Rendering) 1. 브라우저 렌더링 (Browser Rendering) · HTML, CSS, 스크립트 코드를 읽고 출력(Rendering)하는 과정 1) 브라우저 주소창에 URL 입력 · 프로토콜(http or https), URL, 포트(80 or 443) 분석 · URL → IP 변경 ① 로컬 DNS(host 파일) 에서 도메인 네임(domain name) (URL) 검색 ② 해당 도메인 네임 정보가 없는 경우, 외부 DNS에 URL 검색 및 요청 ③ 외부 DNS 로부터 해당 도메인 네임의 IP 응답을 로컬 DNS(host 파일)에 캐싱되고, 다음 검색 때 우선 적용 · IP → MAC(Media Access Control) 주소 변경 ① 로컬 네트워크 망에서 IP를 사용하는 장치를 검색 ② 로컬 네트워크 망에서.. 2021. 11. 5. [STUDY] 메모리 (RAM, Random Access Memory) 1. RAM(Random Access Memory) 이란 · 응용 프로그램 실행 중(runtime) 필요한 데이터를 저장하기 위한 단기 데이터 저장소. · 순차적으로 데이터에 접근하지 않고, 주소(address)를 통해 임의의 순서(random)로 빠르게 데이터에 접근. 2. RAM 구조 코드 영역 → 데이터 영역 → 힙 영역 →→ ( Free Storage ) ←← 스택 영역 · 낮은 메모리 주소 값(low memory) 에서 높은 메모리 주소 값(high memory)로 주소 값을 할당 1) 코드 영역 (code) · CPU에 의해 코드를 한 줄씩 처리되고, 응용 프로그램 종료 시 메모리에서 해제 · 응용 프로그램의 코드가 저장되는 영역 ※ 함수, 제어문, 상수 등 변경되지 않는 데이터 2) 데이터 .. 2021. 11. 3. [STUDY] 자료구조(Data Structure) - 비선형 자료구조(Non-Linear Data Structure) 1. 자료구조 https://woder.tistory.com/24 [STUDY] 자료구조(Data Structure) - 선형 자료구조(Linear Data Structure) 1. 자료구조 1) 자료구조란 ? · 데이터(data)에 접근하고 제어하기 위해 데이터를 구성 및 저장하는 방법 · 데이터와 데이터 간의 관계 2) 구성 선형 자료구조 (Linear Data Structure) 비.. woder.tistory.com 2. 비선형 자료구조(Non-Linear Data Structure) 1) 트리(Tree) · 데이터(Data, 노드(node)) 간 부모-자식 관계의 계층적 자료구조 (디렉토리, 가계도 등) · A 와 B 는 부모-자식 관계 (parent-child) · B 와 C 는 형제-자매 관.. 2021. 11. 2. [STUDY] 자료구조(Data Structure) - 선형 자료구조(Linear Data Structure) 1. 자료구조 1) 자료구조란 ? · 데이터(data)에 접근하고 제어하기 위해 데이터를 구성 및 저장하는 방법 · 데이터와 데이터 간의 관계 2) 구성 선형 자료구조 (Linear Data Structure) 비선형 자료구조(Non-Linear Data Structure) · 데이터들이 순차적으로 나열되는 자료구조 · 데이터와 데이터 간의 관계가 1:1인 구조 · 데이터와 데이터 간의 관계가 1:n 인 자료구조 · 리스트 (List), 스택(Stack), 큐(Queue), 데크(Deque) · 트리(Tree), 그래프 (Graph) 2. 선형 자료구조 (Linear Data Structure) 1) 리스트 (List) · 가장 기초적이고 단순한 형태의 자료구조 ( Python - list, Javasc.. 2021. 10. 27. [STUDY] 기본기 (Study) - OSI 7 계층, TCP/IP 4 계층 1. OST 7 계층(Open System Interconnection 7 Layer) · (표준을 따르는) 서로 다른 시스템 간의 통신을 위해 필요한 절차를 7 계층으로 구분한 모델 · 장비 개발 또는 통신 표준 설계에서 주로 사용 물리 (Bit) ↔ 데이터링크 (Frame) ↔ 네트워크 (Packet) ↔ 전송 (Segment) ↔ 세션 (data) ↔ 표현 (data) ↔ 응용 1) 물리 (L1, Phsical layer) · 네트워크 하드웨어 전송 기술 (PDU:Bit) · 데이터 전송 및 디지털 ↔ 전기 신호를 변환 · 프로토콜 : RS-232, 10 BASE-T 등 · 장치 : 허브, 리피터 2) 데이터링크 (L2, Data link layer) · MAC 주소를 사용하여 데이터의 .. 2021. 10. 2. [STUDY] 기본기 (Study) - 관점지향 프로그래밍(AOP, Aspect Oriented Programming) 1. AOP 란 · 기능(메소드)을 핵심 관심사(core concerns)와 횡단 관심사(Cross-cutting Concerns)에 대한 '관점'으로 분리하여 모듈화를 극대화하여 기존의 기능을 분리없이 하나의 객체에 모아놓는 OOP의 변경과 재사용 한계를 극복하기 위한 프로그래밍 기법 2. AOP 구현 1) 관심사 (concerns) : 기능 · 핵심 관심사(core concerns) : 단일 주요 핵심 기능 · 횡단 관심사(cross-cutting concerns) : 여러 모듈에서 공통적으로 사용되는 부가 기능 2) 어드바이스(Advice) · 횡단 관심사를 모아 놓은 모듈(aspect)에서, 기능을 사용할 수 있도록 설정한 인터페이스 · 프로그램 코드의 "Joint point" 에 삽입 3) .. 2021. 10. 2. 이전 1 2 3 다음 반응형
