MVC 란 MVC는 Model, View, Controller의 약자이다. MVC는 사용자 인터페이스, 데이터 및 논리 제어를 구현하는데 널리 사용되는 소프트웨어 디자인 패턴이다. 소프트웨어의 비즈니스 로직과 화면을 구분하는데 중점을 두고 있다. User는 Controller에게 요청하고, Controller는 Model에게 명령을 보내고, M...
Require.js 을 사용했던 프로젝트에 대한 회고
기존의 프로젝트를 진행할 때에는 필요한 기능을 전역 함수 파일에 추가하여 사용했다. 전역 파일에 기능을 추가하여 사용하다보니 기능이 늘어날 수록 코드는 복잡해져갔으며 모든 페이지에서 불필요한 기능까지 전부 호출하는게 비효율적으로 느껴졌다. 그렇기에 최근 알게 되었던 AMD/Require.js에 관심을 더욱 가지게 되었으며, 신규 프로젝트에 ...
HTTP 와 HTTPS, Status Code
HTTP 와 HTTPS 란 인터넷을 사용하다보면 HTTP와 HTTPS로 시작되는 주소를 볼 수 있다. 어떤 차이가 있어서 HTTP와 HTTPS를 나눠서 쓰는지 알아보려고 한다. HTTP HTTP는 Hyper Text Transfer Protocol의 약자로 World Wide Web에서 사용되는 기본 프로토콜이며 이 프로토콜은 메시지가 형식화되...
AMP Conference
AMP(Accelerated Mobile Pages) AMP는 Accelerated Mobile Pages의 약자로 Google에서 만든 오픈소스이며, 웹 페이지를 빠르고 번개와 같이 즉시 로딩 될 수 있게 모바일 웹의 성능을 높이기 위한 목적을 가지고 있는 오픈소스 라이브러리다. AMP의 특징 AMP의 특징으로는 즉시 페이지를 로드한다는 큰 틀...
Node.js 란?
Node.js 란? JavaScript는 Browser에서 작동하는 JavaScript와 V8 JavaScript 엔진으로 빌드된 JavaScript 런타임 환경에서 돌아가는 JavaScript가 있다. Node.js는 V8 JavaScript 엔진으로 빌드된 JavaScript 런타임 환경에서 돌아가는 JavaScript 이다. 런타임 환경에서 ...
AMD & require.js
AMD AMD(Asynchronous Module Definition)란 모듈을 정의하는 방법과 모듈이 필요할 때 비동기로 로딩하는 방법을 정의한 API 이다. AMD는 세 가지의 핵심 개념을 가지고 동작한다. 1. 동적 로딩 동적 로딩(Dynamic Loading, Lazy Loading)은 페이지 렌더링을 방해하지 않으면서 필요한 파일만 로딩...
Javascript Call Stack and Event Loop
Call Stack and Event Loop 호출 스택 및 이벤트 루프 자바 스크립트 엔진 javascript 를 해석하고 실행하는 인터프리터. 인터프리터 : 프로그래밍 언어의 소스 코드를 바로 실행하는 컴퓨터 프로그램 또는 환경을 말한다. 엔진에는 4가지로 구성되어있다. Heap CallStack EventQueu...
Javascript 실행 컨텍스트
Javascript 실행 컨텍스트 실행 컨테스트란 자바스크립트가 실행될 때 생성되는 실행 단위를 실행 컨텍스트라고 부른다. 자바스크립트가 실행되면 함수들이 차곡차곡 콜 스택(Call Stack)이라 곳에 쌓이는데, 실행 컨텍스트는 Call Stack에 쌓이는 하나하나의 실행 정보이다. console.log('전역 스코프'); function...
How do you stop event propagation?
How do you stop event propagation? 이벤트 전파를 어떻게 중지합니까? 이벤트 전파란? html <div class="boxDiv click01"> <p>3</p> <div class="boxDiv click02"> <p>2<...
Where do you place the JavaScript?
Where do you place the JavaScript? JavaScript는 어디에 두어야합니까? 1. Head, Body <head> 섹션에 삽입하거나 <body> 섹션의 시작 부분에 놓는 방법은 안좋다. 해당 부분에 위치시킬 경우 문서는 페이지 로드시 페이지를 읽다가 <script> 를 만날 경우...
