Web
-
Apache와 Tomcat의 차이?Web/HTML5 웹 프로그래밍 입문 2020. 4. 3. 00:28
정적 자원은 Apache에서 처리하고 Tomcat 은 AWS로서 동적 자원을 처리한다는 것은 잘 알려져 있다. 하지만 JAVA에서 Tomcat은 정적 자원과 동적 자원을 동시에 처리하는 것으로 알고 있으며 Apache는 쓰지 않는 이유와 Tomcat 앞에 아파치 웹 서버(Httped)를 두어서 처리하는 게 성능이 좋다는 글도 있기에 아리송한 개념을 정리해 보려고 한다. 1. Apache Apache 서버는 오픈소스 라이선스에 따라 배포되어 마음대로 쓸 수 있는 Http 웹 서버이다. 데이터의 정적인 데이터들 (html, css 이미지, 파일 등)에 대한 클라이언트의 요청을 데이터로 만들어서 응답한다. 2. TomCat 웹 서버와 웹 컨테이너의 결합 다양한 기능을 컨테이너에 구현해 다양한 역할을 수행한다...
-
이벤트 루프란?Web/Node.js 2019. 9. 28. 01:10
다음 코드의 답을 예상해보자. 답은 이러하다. 왜 이런 답이 나오는지 코드를 따라가며 하나씩 살펴보자. 처음 호출은 console.log('시작') 이다. 호출 스택 즉 콜 스택 부분에 들어가게 된다. 이렇게 쌓인 console.log는 실행되고 지워지며 다음 setTimeout 줄으로 넘어가게 된다. 역시 setTimeout도 스택에 담기고 실행되고 지워지며 다음 줄로 넘어가게 된다. 이때 run 함수는 어딜로 가는 것일까? run 함수는 이벤트 루프에 의하여 테스크 큐에 저장 된다. 이후 console.log('끝')이 콜 스택에 담기고 실행되고 지워진다. 이제 콜 스택이 비워져있으면 이벤트 루프에 의하여 테스트 큐에 제일 앞에 있는 run 이 3초후에 실행되며 run() 안에 있던 console.l..
-
padding, margin 이란?Web/HTML5 웹 프로그래밍 입문 2019. 9. 14. 22:49
padding은 border의 안쪽 구간 margin은 border의 바깥 구간 padding-top, padding-right, padding-down, padding-left 로 각각의 값을 줄 수 있지만 padding: 10px 10px 10px 10px; 로 사용하면 시계방향으로 ( 상 우 하 좌 ) 로 적용할 수 있다. padding: 10px 10px; 로 사용하면 (상하, 좌우) 가 적용되고 padding: 10px; 로 사용하면 ( 상하좌우 ) 에 모두 적용된다. ( margin 역시 동일하다) border에는 1) border-width 2) border-style 3) border-color 가 있다. 역시 border 10px solid red (size, style, red) 로 적..
-
HTML5 웹 프로그래밍 입문 5장Web/HTML5 웹 프로그래밍 입문 2019. 8. 7. 22:09
1. head-item head > td td.head-item 2. #first { . . . } .active { . . . } li.active { . . . } 3. a 태그가 모두 빨간색으로 변한다. 4. 선택자 1 번: 코드에서 모든 a 태그를 선택한다. 선택자 2 번: 코드에 있는 h1 태그를 하나 선택한다. 선택자 3 번: h1 태그 아래의 a 태그와 nav 태그의 첫 번째 자식인 div 태그 내부의 a 태그를 선택한다. 선택자 4 번: 코드에 있는 모든 a 태그를 선택한다.
-
실행 컨텍스트Web/자바스크립트 2019. 8. 5. 00:26
1. 실행 컨텍스트의 개념 C 에서의 콜 스택의 호출 과정을 기억해보자. 실행 컨텍스트는 콜 스택에 들어가는 실행 정보 하나와 비슷하다. " 실행 가능한 자바스크립트 코드 블록이 실행되는 환경 " 이라고 말할 수 있다. 여기서의 코드 블록은 대부분의 경우 함수다. 함수로 실행 컨텍스트를 만드는데 이 코드 블록안에 변수, 객체, 실행가능한 코드가 들어있다. 코드가 실행되면 실행 컨텍스트가 생성, 실행 컨텍스트는 스택 안에 하나씩 쌓이고, 제일 위 실행 컨텍스트가 현재 실행되는 컨텍스트 이다. console.log("1"); function ex1() {console.log("2");}; function ex2() {ex1();console.log("3");}; ex2(); // 출력 결과123 실행 컨텍스..
-
함수와 프로토타입 체이닝Web/자바스크립트 2019. 7. 23. 20:05
함수 정의 자바스크립트 에서의 함수 정의 방법은 function이라는 키워드를 명시적으로 사용하고 있고 리턴값과 매개변수로 넘기는 값에 변수 타입등을기술하지 않는다는 점에서 차이가 있다. 함수 표현식으로 생성된 함수를 호출하려면 함수 변수를 사용해야 한다. ex ) var ex = function ex(n) {return n;}; 함수 이름이 없는 함수 형태를 익명 함수라고 부른다. 함수 표현식에서 사용된 함수 이름은 외부 코드에서는 접근 불가능하다. 함수 선언문 형식으로 정의된 함수는 자바스크립트 엔진에 의해 함수 이름과 함수 변수의 이름이 같은 표현식 형태로 변경된다. 함수 표현식 방식의 경우는 세미콜론을 붙이는 것을 권장한다. 함수 호이스팅 : 함수 선언문 형태로 정의한 함수의 유효 범위는 코드의 ..