All
[JavaScript] DOM (Document Object Model)
DOM이란 웹 페이지에 대한 프로그래밍 인터페이스이다. 기본적으로 여러 프로그램들이 페이지의 콘텐츠 및 구조, 그리고 스타일을 읽고 조작할 수 있는 API를 제공한다 Document Object Model을 번역해보면 문서 객체 모델로 번역할 수 있다. 문서 객체란 같은 html 문서의 태그들을 자바스크립트가 이용할 수 있는 객체 즉, object로 만들면 문서 객체라고 한다 넓은 의미로는 웹 브라우저가 HTML 페이지를 인식하는 방식이고 좁은 의로 본다면 document 객체와 관련된 객체의 집합을 의미할 수 있다 이러한 DOM을 이해하기 전에는 웹 페이지가 어떻게 빌드 되는지 봐야한다 웹 페이지가 만들어지는 방법 웹 브라우저가 HTML 문서를 읽어들이면 스타일을 입히고 대화형 페이지로 만들어 뷰포트에..
[JavaScript] 정의 & 특징
정의 자바스크립트는 서버와 클라이언트 응용프로그램을 위해서 만들어진, 플랫폼에 영향을 받지 않는 객체 기반형 스크립트 언어이면서 복잡한 무언가 즉, 주기적으로 내용이 갱신되는 기능이나 능동적인 지도, 변화하는 2D&3D 그래픽, 동영상 등 웹페이지에 적용할 수 있게 하는 스크립트 혹은 프로그래밍 언어 사용자들을 위해 상호작용하는 애플리케이션을 만들 수 있게하며 동적으로 컨텐츠를 바꾸고, 멀티미디어를 다루고, 움직이는 이미지 등 많은 일들을 하면서다양한 컴퓨터가 연결되어 있는 네트워크, 다른 운영체제 속에서도 실행이 가능하다 🔥 JavaScript is cross-platform, object-based scripting language for client and server applications 자바스..
[JavaScript] 불변성을 지키는 것이 왜 중요한가
불변성이란 말 그대로 변하지 않는 것을 의미 불변 데이터는 한 번 생성되고나면 그 뒤에는 변할 수 없다 즉, 프로그래밍에서 Immutability는 데이터의 원본이 훼손되는 것을 막는 것을 의미한다 Primitive Type Boolean String Number Null Undefined Symbol 원시타입은 선언되는 순간 값이 메모리에 저장되고, 변수가 그 값을 가리키게 된다 이 값은 메모리 영역 안에서 변경이 불가능하며 변수에 할당할 때 완전히 새로운 값으로 만들어지므로 원시타입은 불변하다 Mutable Type 객체형 타입은 선언되는 순간 값 자체가 아닌 새로운 메모리 주소를 생성 저장하기 때문에 객체 별로 새로운 주소가 생성된다. 따라서 동등 비교를 했을 경우 그 내용이 같더라도 false 값..
[Network] HTTP Request / Response
HTTP 메시지는 서버와 클라이언트 간에 데이터가 교환되는 방식이다. 이때 메시지 타입은 두 가지 Request와 Response가 있다 Request는 클라이언트가 서버로 전달하는 메시지이고 Response는 이러한 Request에 대한 서버의 답변이다 HTTP 메시지는 ASCII 즉, 숫자 0, 1로 인코딩된 텍스트 정보이며 이러한 메시지는 설정파일 (프록시, 서버), API(브라우저 경우) 혹은 다른 기타의 인터페이스에 의해 가공되어 제공한다 출처 : https://deepwelloper.tistory.com/98 HTTP Request 구조 Start Line Start Line에는 HTTP 메소드, Request target, HTTP version이 있다 HTTP Method - 요청시 보내는..
[update 22.04.03] 2022
노션링크 구매예정 기초부터 완성까지, 프런트엔드 Do it! 인터랙티브 웹 페이지 만들기 오늘부터 개발자 오늘 밤 세계에서 이 사랑이 사라진다 해도 밝은 밤 불편한 편의점 미드나잇 라이브러리 Clean Code 클린 코드 구매 완료 (진행중) 코어 자바스크립트 모던 자바스크립트 완료 1. HTML 웹 프로그래밍 입문 - 윤인성 ☆2.5 - 처음 입문하는 사람한테는 무난한 편이지만 설명을 정확하게 하지 않고 대충대충 넘어가는 편이다 2. 나는 LINE 개발자입니다 ☆4.5 - 12명의 라인 개발자 분들의 생각과 다양한 경험을 들을 수 있었고 라인의 개발자가 되기까지의 여정 그리고 라인에서 동료들과 함께 개발자로서 성장하는 과정을 볼 수 있었다. 또, 글로벌 테크 기업인 라인의 개발문화를 느낄 수 있었다 강..
[ETC] 웹 이미지
웹 이미지 비트맵 vs 벡터 필요에 따라서 어떠한 이미지 포맷을 선택하느냐 이미지는 일반적으로는 벡터보다는 비트맵이 효과적 단순 구조한 아이콘, 로고, Material image등이 벡터로 만들는게 효과적 Material Design은 고품질 디지털 경험을 구축할 수 있도록 Googl에서 만든 디자인 시스템(방식) BeatMap JPG(JPEG) (Joing Photographic coding Experts Group) Full-color 와 Gray-scal의 압축을 위해 만들어졌으며, 압축률이 훌륭해 사진아니 예술 분야에서 많이 사용 손실 압축방식을 사용(이미지가 손실되면서 압축되는 것) - 용량이 획기적으로 준다 반복적으로 저장하는 행위는 X 이미지가 바래진다 PNG (Portable Network..
[Network] 웹 표준과 크로스 브라우징
웹 표준 웹 표준(Web Standard)이란 웹에서 사용되는 표준 기술이나 규칙을 의미 W3C의 표준화 제정 단계의 권고안(REC)에 해당하는 기술 W3C의 표준화 제정 단계 초안(Working Draft, WD) 후보권고안(Candidate Recommendation, CR) 제안권고안(Proposed Recommendation, PR) 권고안(W3C Recommendation, REC) 크로스 브라우징 크로스 브라우징(Cross Browsing)이란 조금은 다르게 구동되는 여러 브라우저에서, 동일한 사용자 경험(같은 화면, 같은 동작 등)을 줄 수 있도록 제작하는 기술 , 방법 대부분의 브라우저는 최대한 웹 표준을 준수하지만 IE 브라우저는 표준화하기 쉽지 않은 브라우저 이런 IE에서도 동작하게 하..
[Network] TCP vs UDP
TCP와 UDP는 OSI 표준모델과 TCP/IP 모델의 전송계층 (데이터의 전달을 담당하며 통신 서비스를 제공하는 계층)에서 사용하는 프로토콜이다. 패킷을 한 컴퓨터에서 다른 컴퓨터로 전달해주는 IP 프로토콜을 기반으로 구현, 포트 번호를 이용하여 주소를 지정하는거과 데이터 오류 검사를 위한 체크섬 존채하는 두 가지 공통점이 있지만 정확성 (TCP)을 추구할지 신속성 (UDP)을 추구할지로 구분하여 나뉜다 TCP (Transmission Control Protocol) 전송을 제어하는 규약이며 인터넷상에서 데이터를 메시지의 형태로 보내기 위해 IP와 함께 사용하는 연결 지향적 프로토콜이다. 연결 지향적이란 클라이언트와 서버가 연결된 상태에서 데이터를 주고받는 의미. TCP는 신뢰성을 보장하는 연결형 서비..
[Network] OSI 7계층
OSI 7계층 참조 모델이란? OSI (Open System Inerconnection) 7계층은 네트워크에서 통신이 일어나는 과정을 7단계로 나눈 것을 말하며, 다른 시스템 간의 원활한 통신을 위해 ISO (International Organization for Standardization)에서 제안한 통신 규약 네트워크 모델입니다 이렇게 계층을 7단계로 나눈 이유는 통신이 일어나는 과정이 단계별로 파악하기 위함이다. 또한, 통신 과정 중에 특별한 곳에 이상이 생길 경우에 다른 단계의 장비 및 소프트웨어 등을 건드리지 않고 통신 장애를 일으킨 단계에서 해결할 수 있다 OSI 참조 모델의 기본원칙 적절한 수의 계층으로 나누어 시스템의 복잡도를 최소화 서비스 접점의 경계를 두어 상호 작용이 적어질 수 있도..
[Network] HTTP vs HTTPS
HTTP (Hyper Text Transfer Protocol)? 서버 및 클라이언트 모델을 따라 서로 다른 시스템들 사이에서 통신과 데이터를 주고 받기 위한 가장 기초적인 프로토콜이다. 통신 규약으로, 80번 포트를 사용하고 있다 하지만 HTTP는 암호화가 되지 않은 평문 데이터를 전송하는 프로토콜이다. HTTP는 정보를 텍스트로 주고받기 때문에 네트워크에서 전송 신호를 인터셉트하면 전송된 데이터 유출이 가능하다 예를들어, HTTP로 비밀번호나 주민등록번호 등을 주고 받으면 제3자가 정보를 조회할 수 있다 이런 보안 문제를 개선하기 위해 HTTPS (HyperText Transfer Protocol Secure)가 등장하게 되었다 HTTPS (HyperText Transfer Protocol Secur..