jopemachine. dev blog

개발 관련 개인적인 일상, 후기, 생각, 스터디, 문서 번역 등 각종 포스팅을 정리하고 공부하고, 공유합니다.

DNS Resolution이란?

웹 프로그래밍

DNS Resolution이란? DNS = Domain Name System. 즉, Domain에 이름을 붙이는 시스템을 말함. 도메인은 각각의 고유한 outer public IP 주소를 갖고 있지만 이걸 사람이 모두 기억하기는 힘듬. 따라서 어떤 서버에 각 도메인들의 url을 string 값으로 만들어서 ip 주소와...

Posted by jopemachine on October 11, 2021

Ajax

웹 프로그래밍

Ajax 자바스크립트의 XMLHttpRequest (xhr) 라이브러리를 사용한 비동기 통신. XML, JSON 통신 가능. 비동기 통신이란 웹 페이지를 리로드 하지 않고 데이터를 fetch 하는 기술을 말함. 서비스들을 Ajax로만 구성해 리로드 없이 사용 가능한 웹 페이지를 SPA (Single ...

Posted by jopemachine on October 11, 2021

Mircroservice의 특징

Backend

Mircroservice 전통적인 애플리케이션 서버는 모놀리틱 (Monolithic, Single Unit) 으로 동작한다. 매크로 서비스 < 미니 서비스 < 마이크로서비스. 순으로 서비스를 더욱 잘게 분리한다. 매크로 서비스는 엔티티 중심의 Restful API. 미니 ...

Posted by jopemachine on October 11, 2021

Prototype 이란?

자바스크립트 세부사항 스터디

프로토타입(Prototype) 이란? 자바스크립트엔 ES6까지 class가 없었고, 상속 개념을 사용하려면 프로토타입 기반의 상속을 이용한다. ES6의 class 개념도 프로토타입 기반에서 작동한다. 생성자 함수는 자신의 생성자 (constructor 함수)를 멤버로 갖는 프로토 타입을 가짐. 생성자...

Posted by jopemachine on October 11, 2021

Semantic Elements

HTML 세부사항

Semantic Elements HTML4 까진 모두 div로 처리하다 보니 컴퓨터 입장에서 어떤 태그가 어떤 역할을 담당하는지 알기 어려움. 크롤링을 어렵게 하고 웹 접근성, 검색엔진 최적화 등에서 특히 문제가 됨. 주요 Semantic Elements header 보통 웹 페이지의 부가 정보 표기...

Posted by jopemachine on October 11, 2021

MVC, MVP, MVVM, Flux 디자인 패턴

디자인 패턴

MVC, MVP, MVVM, Flux 디자인 패턴 MVC 개발할 때 Model, View, Controller 3가지로 개념을 구분해 개발하는 방법론. 기존 애플리케이션 환경에서 보편적으로 사용되던 형태라고 한다. (Angular 등) Model: 데이터, Controller: Model의 데이터를...

Posted by jopemachine on October 11, 2021

As a service 종류

Cloud

As a service IaaS (Infrastructure as a service) 하드웨어 없이 인프라 요소(서버)를 사용할 수 있도록 해 주는 서비스를 지칭한다 (e.g. AWS EC2, AWS S3). 아래 설명하는 다른 As a service들에 비해 가장 많은 부분을 개발자가 관리해주어야 한다. CaaS (Container as...

Posted by jopemachine on October 11, 2021

CSS Flexbox 모델

CSS 세부사항

CSS Flexbox 모델 동일한 간격 또는 일정 간격으로 아이템들을 정렬하기 위한 레이아웃 모델. 한 번에 한 행, 열만 다룬다는 점에서 CSS grid layout과 다르다. display: flex를 통해 지정 가능함 flex-direction 어떤 차원을 정렬할 것인지 결정 (...

Posted by jopemachine on October 11, 2021

Function Naming Pattern (A/HC/LC Pattern)

프로그래밍

Function Naming Pattern (A/HC/LC Pattern) A/HC/LC Pattern A/HC/LC Pattern이란 아래와 같은 패턴으로 함수 이름을 명명하는 방법론이다. prefix는 optional임에 유의할 것. 1 prefix? + action (A) + high context (HC) + low context (LW...

Posted by jopemachine on October 10, 2021

DOM level이란?

Frontend

DOM level DOM이란 XML, HTML 문서의 각 항목을 계층 (트리 구조)으로 표현해 생성, 변형, 삭제할 수 있도록 돕는 cross-platform, language-independent한 인터페이스. W3C의 표준. 현재 가장 최근의 모델은 DOM Level 4이고, 대부분의 모던 브라우...

Posted by jopemachine on October 10, 2021

FEATURED TAGS
Git Frontend Javascript Translation Typescript Browser Frontend Optimization Linux Programming React Redux HTML CSS Web Programming Backend Flux Http Node OSSCA Review Security
ABOUT ME

다양한 CS 분야에 관심을 갖고 공부하는 주니어 개발자입니다.