본문 바로가기

분류 전체보기

 (223)
(생활코딩) CSS 속성을 알아내기 /선택자의 기본 여기서 h1태그의 WEB의 텍스트 크기를 조정해보자. 검색어 추천 : CSS text size property 검색되는 페이지에서 font-size속성을 이용하여 텍스트의 크기를 조정하는 것을 알 수 있다. 추가로 h1태그의 WEB을 가운데 정렬 해보자. 검색어 추천 : CSS text center property 검색되는 페이지에서 text-align속성을 이용하여 텍스트의 크기를 조정하는 것을 알 수 있다. 이렇게 검색을 통해서 내가 원하는 속성들을 찾아 쓸 수 있다. 여기서 선택자의 기본에 대해서 알아보자. 일단, 만든 웹페이지에 있는 모든 태그를 검은색으로, 사용자가 방문한 적이 있었던 페이지는 회색으로, 현재 사용자가 머물고 있는 페이지는 빨간색으로 표시해보자. 1.모든 태그를 검은색 선택자를 ..
(생활코딩) CSS의 기본 문법 웹페이지에 CSS를 포함시키기 위해서는 html과 css과 완전히 다른 언어이기 때문에 웹브라우저로 하여금 어디서부터가 어디까지가 css인지 알게해줘야 한다. 바로 style이라는 태그가 해당 역할을 하게된다. 이외에 한가지 방법이 있는데, 태그가 아닌 속성을 이용하는 방법이 있다. 1. 태그 사용 a{} =>선택자(selector) / color:red => 선택자에게 지정되는 효과 및 선언(declaration) / color => 속성(property) / red : property value 2. style 속성 사용 style태그를 직접 사용한 경우에는 태그가 위치하고 있는 태그에게 효과를 줄 것이기 때문에 선택자가 필요없다. style이라는 속성을 쓰면 그 속성의 값을 웹브라우저는 css의 문..
CSS (Cascading Style Sheets)란? CSS (Cascading Style Sheets) 웹 문서의 전반적인 스타일을 미리 저장해 둔 스타일시트. 문서 전체의 일관성을 유지할 수 있고, 세세한 스타일 지정의 필요를 줄어들게 하였다. 기존의 HTML은 웹 문서를 다양하게 설계하고 수시로 변경하는데 많은 제약이 따르는데, 이를 보완하기 위해 만들어진 것이 스타일 시트이고 스타일 시트의 표준안이 바로 CSS이다. HTML을 이용해서 웹 페이지를 제작할 경우 전반적인 틀에서 세세한 글꼴 하나 하나를 일일이 지정해주어야 하지만, 웹 페이지의 스타일(작성형식)을 미리 저장해 두면 웹 페이지의 한 가지 요소만 변경해도 관련되는 전체 페이지의 내용이 한꺼번에 변경되므로, 문서 전체의 일관성을 유지할 수 있고 작업 시간도 단축된다. CSS가 생겨 HTML에..
클라우드 / 클라우드 컴퓨팅 / SaaS / PaaS / IaaS 클라우드(Cloud) 데이터를 인터넷과 연결된 중앙컴퓨터에 저장해서 인터넷에 접속하기만 하면 언제 어디서든 데이터를 이용할 수 있는 것. 컴퓨터 파일을 저장할 때 작업한 컴퓨터 내부에 있는 공간이 아니라 인터넷을 통하여 중앙 컴퓨터에 저장할 수 있는데 이 공간을 클라우드라고 부른다. 클라우드를 이용하면 작업한 컴퓨터에서만 자료를 불러올 수 있는 것이 아니라 마치 여러 장소에서 동일한 구름을 관찰할 수 있듯이, 언제 어디서나 필요한 자료를 불러올 수 있다. 다른 장치나 기기 없이 웹에 저장했기 때문에 언제 어디서든, 인터넷이 가능한 곳이라면 저장한 파일을 불러올 수 있다는 것은 클라우드만의 최대 강점이다. 기업 내에 서버와 저장장치를 두지 않고 외부에 아웃소싱해 쓰는 서비스를 의미한다. 빅데이터를 클라우드..
빅데이터 / 플랫폼 / 인프라 / 프레임워크 빅데이터 (Bigdata) 정형·반정형·비정형 데이터세트의 집적물, 그리고 이로부터 경제적 가치를 추출 및 분석할 수 있는 기술. 빅데이터란 디지털 환경에서 생성되는 데이터로 그 규모가 방대하고, 생성 주기도 짧고, 형태도 수치 데이터뿐 아니라 문자와 영상 데이터를 포함하는 대규모 데이터를 말한다. 빅데이터의 특징은 3V로 요약하는 것이 일반적이다. 즉 데이터의 양(Volume), 데이터 생성 속도(Velocity), 형태의 다양성(Variety)을 의미한다. 추가로 가치(Value)나 복잡성(Complexity)을 덧붙이기도 한다. 빅데이터 플랫폼은 빅데이터 기술의 집합체이자 기술을 잘 사용할 수 있도록 준비된 환경이다. 기업들은 빅데이터 플랫폼을 사용하여 빅데이터를 수집, 저장, 처리 및 관리 할 수..
(생활코딩) 웹서버와 웹브라우저의 통신 지금부터 우리가 두 대의 컴퓨터가 있는 상황에서 이 두 대의 컴퓨터가 서로 웹페이지를 주고받는 방법을 살펴보자. 한 대의 컴퓨터에는 웹 서버가 설치되어 있고, 그 컴퓨터의 특정 디스크에 index.html파일이 있는 상황이다. 그리고 다른 한대의 컴퓨터 웹 브라우저를 통해서 저 웹 서버에 접속해서 index.html파일을 전송 받아서 그것을 화면에 표시하고 싶은 상태이다. 이러기 위해서는 어떤 방법이 필요할까? 웹 브라우저가 웹 서버에 요청을 할 때는 웹 서버의 주소, 여기선 IP Address가 필요하다. 어떤 방법을 통해서 IP주소를 얻어 냈다면, 웹 브라우저 주소창에 http://192.168.0.13/index.html을 적어 주는 걸 통해서 저 IP에 해당되는 웹 서버에게 index.html을 ..
(생활코딩) 웹서버와 http Bitnami manager tool에서 go to application을 눌러 Bitnami 창이 새로 열리면 localhost라고 되어있는 주소창에 http://127.0.0.1/index.html 를 입력해보자. 차이는 없다. 지금 입력한 주소로 index.html이라는 어떤 파일을 화면에 출력하고 있다. 이 index.html 파일은 Bitnami폴더의 apache폴더의 htdocs(hypertext documents)폴더 안에 들어있다. 해당 파일을 오른쪽클릭해서 에디터로 열어 탭 아래에 web1을 입력하고 저장해보면, bitnami창을 새로고침 했을 때 에디터에 입력한 web1이 나오는 것을 확인할 수 있다. 지금 상황은, 한 대의 텀퓨터에 Bitnami가 만든 htdocs라는 폴더 안에 in..
(생활코딩) 웹서버 운영하기_아파치(Apache) 설치 이번에는 내 컴퓨터에 웹서버를 설치해서 누구나 내 컴퓨터에 있는 웹페이지를 볼 수 있게 해보자. 우선 컴퓨터에 웹서버라는 프로그램을 설치해보자. 웹서버에는 Apache, IIS, Nginx 등등 이 있는데 여기서는 Apache를 사용해본다. 무료이고 오픈소스이며 점유율이 높다. 운영체제 별로 설치가 필요한데(Window, MAC OS, LINUX), 여기서 WINDOW 로 진행한다. 검색어 추천 - How to install apache http server (os이름) + 년도 아파치 웹서버를 윈도우에 설치해보자. 직접 설치하기에는 까다로우니 How to easy install apache on window로 검색을 하면, 아파치 공식 홈페이지에 방법이 적혀 있는데, bitnami wamp stack을..

티스토리툴바