본문 바로가기

전체 글346

[2021.07.29] Nginx 개념 및 사용 용도 (+ apache 와 Nginx의 차이점) [2021.07.29] Nginx 개념 및 사용 용도 (+ apache 와 Nginx의 차이점) 해당 게시글은 nginx의 개념 , apache와 nginx의 차이점에 대해 알아보기 위해 작성된 게시글이다. 해당 게시글을 보고 개념 및 사용용도에 정확하게 알아보자. nginx란 ? - 동시접속 처리에 특화된 웹 서버 프로그램 - 트래픽이 많은 웹사이트를 위해 확장성을 위해 설계한 비동기 이벤트 기반 구조(Event Driven) 의 웹서버 소프트웨어 - 클라이언트의 요청을 받았을 때 요청에 맞는 정적 파일을 응답해주는 HTTP Web Server로 사용 ★★★ nginx 사용 용도? ★★★ - Linux server 에서 virtual host를 사용하기 위해서 - port forwarding을 하기 위.. 2021. 7. 29.
[2021.07.28] 인턴 +149 도메인 서버에 사용할 HTML 레이아웃을 만들어 보자 [2021.07.28] 인턴 +149 도메인 서버에 사용할 HTML 레이아웃을 만들어 보자 해당 이미지의 레이아웃을 만들기 위해, 게시글에 게시된 HTML 1~ 16까지 공부 하였다. 이제, 이것들을 사용 및 응용하여, 도메인 서버에 사용할 HTML 레이아웃을 만들어 보자 ----------------------------------------------------------------------------------------------------------------------------------- Air Quality 주소 : 서울특별시 동대문구 회기동 109 140번지 303호 연락처 : 010-2685-4082 , +82-10-2685-4082 Made by injekim97 Inquiry :.. 2021. 7. 28.
[2021.07.28] 인턴 +149 HTML Layout - 16 (레이아웃) [2021.07.28] 인턴 +149 HTML Layout - 16 (레이아웃) HTML 레이아웃 요소 * CSS Layout Float In this example, we have created a header, two columns/boxes and a footer. On smaller screens, the columns will stack on top of each other. Resize the browser window to see the responsive effect (you will learn more about this in our next chapter - HTML Responsive.) CSS Layout Flexbox In this example, we have created a .. 2021. 7. 28.
[2021.07.28] 인턴 +149 HTML Head Element - 15 (HTML 헤드 요소) [2021.07.28] 인턴 +149 HTML Head Element - 15 (HTML 헤드 요소) * HTML Head Element ★★★ Head의 요소이므로, 모두 head 안에다가 코드를 작성해줘야 한다 ★★★ e.g , , , , , HTML Element - 문서의 제목을 정의 - 텍스트로 적어야 함 - 브라우저의 제목 표시줄, 페이지의 탭에 표시 -> The content of the body element is displayed in the browser window. The content of the title element is displayed in the browser tab, in favorites and in search-engine results. pass ---------.. 2021. 7. 28.
[2021.07.28] 인턴 +149 HTML JavaScript - 14 (HTML 자바스크립트) [2021.07.28] 인턴 +149 HTML JavaScript - 14 (HTML 자바스크립트) HTML JavaScript - HTML 페이지 보다 동적(즉각적으로 요청하는 작업에 대해 보여주는 것)이고 대화식으로 보여줌 Click me to display Date and Time. -> 해당 코드를 이해하자면, Click me to ~~ text를 가지는 버튼을 만들어 버튼을 클릭했을 때, document.getElementById('demo').innerHTML = Date() 기능을 보여줌 * document.getElementById('demo').innerHTML = Date() -> 현재 시간을 가져옴 My First JavaScript Click me to display Date and.. 2021. 7. 28.
[2021.07.28] 인턴 +149 HTML id & iframes - 13 [2021.07.28] 인턴 +149 HTML id & iframes - 13 HTML id - HTML 요소의 고유 ID를 지정하는 데 사용 - 동일한 ID를 가진 요소가 두 개 이상 존재 X (유니크한 값을 가짐) My Header -> ★★★★★ 코드를 보면 알다시피, id에 적용 시키려면, 에서 #헤더명 으로 선언해줘야 한다. ★★★★★ The id Attribute My Header +@ 클래스 & ID 차이점 * 클래스 -> 여러 HTML 요소에서 사용 가능 * ID (동일한 ID를 가진 요소가 두 개 이상 존재 X (유니크한 값을 가짐)) -> 페이지 내에서 하나의 HTML 요소에서만 사용 가능 ------------------------------------------------------.. 2021. 7. 28.