Dev Thread

centos 6.7 버전을 설치해야되는데 국내 미러링 사이트에는 iso파일이 없었다...

그래서 미국 사이트에서 CentOS-6.7-x86_64-bin-DVD1.iso 이녀석을 받아 부팅디스크를 만들고 설치 하려했으나

이런화면이 나왔다...

사진출처(http://www.tectute.com/2012/11/how-to-install-redhat-enterprise-linux.html)

이거슨 live파일로 설치할때 나오는 거라는데 나는 CentOS-6.7-x86_64-bin-DVD1.iso 이파일을 받았는데?...

그래서 미쿸말고 유럽쪽 미러링 사이트에서 CentOS-6.7-x86_64-bin-DVD1.iso 이녀석을 다시받아서 부팅디스크를 만들고

다시 설치했으나 똑같았다...

그래서 그냥 라이브로 설치해보자...

사진출처(https://www.jbldata.com/installing-centos-6-4-in-a-virtual-machine/)

url을 들어가서 네트워크 설정을 무사히 마치면 밑에있는 화면이 나온다

netinstall url이 이거랜다.

32 bit : http://mirror.centos.org/centos/6/os/i386/
64 bit : http://mirror.centos.org/centos/6/os/x86_64/

url을 입력해준다.

출처(https://scottlinux.com/2011/07/17/centos-6-netinstall-url/)

설치한다.

끝?

6.7이 잘 설치될지는 설치해보고 결과를 적어야겠다.

그냥 6.8쓰지 뭔 꼭 6.7이어야되는지 나를 힘들게 하는지 열받는다.(보고있나 차장)

'연결 선택자'는 선택자와 선택자를 연결해 적용 대상을 한정시키는 선택자입니다. '컴비네이션 선택자' 또는 '컴비네이션 셀렉터(combination selector)', '조합 선택자'라고도 불립니다.

1. 하위 선택자 - 지정한 모든 하위 요소에 스타일 적용

2. 자식 선택자 - 자식 요소에만 스타일 적용

3. 인접 형제 선택자 - 가장 가까운 형제 요소에 스타일 적용

4. 형제 선택자 - 형제 요소에 스타일 적용

1. [속성] 선택자 - 지정한 속성에 스타일 적용

2. [속성=값] 선택자 - 특정 값을 갖는 속성에 스타일 적용

3. [속성 ~=값] 선택자 - 여러 값 중 특정 값이 포함된 속성에 스타일 적용

4. [속성 |=값] 선택자 - 특정 값이 포함된 속성에 스타일 적용

5. [속성 ^=값] 선택자 - 특정 값으로 시작하는 속성에 스타일 적용

6. [속성 $=값] 선택자 - 특정 값으로 끝나는 속성에 스타일 적용

7. [속성 *=값] 선택자 - 값의 일부가 일치하는 속성에 스타일 적용

<출처> Do it! HTML5+CSS3 웹 표준의 정석

1.  <object> 태그 - 외부 파일 삽입하기

웹 브라우저에서 직접 재생할 수 없는 자바 애플릿이나 PDF 파일, 플래시 무비 같은 콘텐츠를 웹 문서 안에 포함시기키 위해 사용합니다.

<img> 태그에서 src 속성을 반드시 사용해야 하듯이 특정 외부 파일을 가져와 표시할 것인지 여부를 알려주기 위해 최소한 data나 type 속성 둘 중 하나를 반드시 사용해야 합니다.

2. <embed> 태그 - 외부 파일 삽입하기

<embed> 태그는 닫는 태그가 없고 주로 <object> 태그를 지원하지 않는 이전 브라우저에서 사용됩니다.

3. <audio> 태그 - 오디오 파일 삽입하기

HTML5에서 배경 음악이나 효과음 등 오디오를 삽입할 때는 <audio> 태그를 사용합니다. 일반적으로 대부분의 브라우저에서는 mp3 파일을 삽입합니다.

<audio> 태그에서 사용할 수 있는 속성은 다음과 같습니다.

4. <video> 태그 - 비디오 파일 삽입하기

<video> 태극에서 사용할 수 있는 속성은 <audio> 태그와 거의 일치한다.

5. <source> 태그 - 여러 미디어 파일 한꺼번에 지정하기

<source> 태그에는 미디어 파일의 경로를 지정하는 src 속성과 미디어 파일의 형식을 알려주는 type 속성을 사용합니다. 간단히 type 속성만 사용할 수도 있고 codecs 속성을 이용해 코덱까지 함께 표시할 수도 있습니다.

6. <track> 태그  - 자막 삽입하기

<출처> HTML5+CSS3 웹 표준의 정석

1. <header>태그 - 머리말 지정

사이트 전체의 헤더는 주로 페이지 맨 위쪽이나 왼쪽에 삽입하며 헤더의 내용으로는 주로 <form> 태그를 사용해 검색창을 넣거나 <nav> 태그를 사용해 사이트 메뉴를 넣습니다.

2. <nav> 태그 - 문서를 연결하는 내비게이션 링크

동일한 사이트 안의 문서나 다른 사이트의 문서로 연결하는 링크 모음을 나타냅니다. 푸터에 있는 사이트 링크 모음 부분에도 많이 사용됩니다.

3. <section> 태그 - 주제별 콘텐츠 영역

문맥 흐름 중에서 콘텐츠를 주제별로 묶을 때 사용하며 그 안에서 섹션 제목을 나타내는 <h1>~<h6> 제목 태그가 함께 사용됩니다.

4. <article> 태그 - 콘텐츠 내용

<section> 태그와 비슷해 혼동하기 쉬운 <article> 태그는 웹 상의 실제 내용을 넣습니다. 태그를 적용한 부분을 떼어 내 독립적으로 배포하거나 재사용하더라도 완전히 하나의 콘텐츠가 된다면 <article> 태그를 쓰면 됩니다.

5. <aside> 태그 - 본문 이외의 내용 표시

본문 내용 외에 주변에 표시되는 기타 내용들을 나타냅니다.

6. <iframe> 태그 - 외부 문서 삽입

일반적으로 웹 문서 안에 내용을 직접 입력하지만 다른 외부 문서를 삽입할 수도 있습니다. 이러한 인라인 프레임을 삽입하는 태그는 <iframe> 태그입니다.

<iframe> 태그에서는 여러 속성을 이용해 원하는 형태로 표시할 수 있습니다.

7. <footer> 태그 - 제작 정보와 저작권 정보 표시

사이트 제작자의 연락처 정보와 저작권 정보를 표시합니다.

8. <address> 태그 - 사이트 제작자 정보, 연락처 정보 표시

<address> 태그는 주로 <footer> 태그 안에 사용되는데 웹 페이지 제작자의 이름이나 제작자의 웹 페이지 또는 피드백을 위한 연락처 정보를 넣는 데 사용됩니다. 그리고 웹 사이트와 관련된 우편 주소도 <address> 태그 안에 포합시킵니다. 하지만 단순히 우편 주소를 표기할 용도라면 <p> 태그를 사용해 표시합니다.

<출처> HTML5+CSS3 웹 표준의 정석

1. caption-side 속성 - 표 제목 위치 정하기

2. border 속성 - 표 테두리 스타일 정하기

CSS를 이용해 테두리를 표시할 때는 표의 바깥 테두리와 셀의 테두리를 따로 지정해야 합니다.

3. border-collapse 속성 - 테두리 통합, 분리하기

<table> 태그와 <td> 태그에서 border 속성을 사용하면 두 줄로 표시되는데 이때 border-collapse 속성을 사용하면 표의 바깥 테두리와 셀의 각 테두리가 떨어져 있는 것을 그대로 둘 것인지, 두 테두리를 하나로 합칠 것인지를 결정할 수 있습니다.

4. border-spacing 속성 - 인접한 셀 테두리 사이 거리 지정하기

border-collapse: separate를 사용해 셀들을 분리했을 경우, 인접한 셀 테두리 사이의 거리를 지정합니다.

5. empty-cells 속성 - 빈 셀의 표시 여부 지정하기

6. width, height 속성 - 표 너비와 높이 지정하기

7. table-layout 속성 - 콘텐츠에 맞게 셀 너비 지정하기

8. text-align 속성 - 셀 안에서 수평 정령하기

9. vertical-align 속성 - 셀 안에서 수직 정렬하기

<출처> Do it! HTML5+CSS3 웹 표준의 정석

1. column-width 속성 - 단의 너비를 고정하고 다단 구성하기

화면이 커지면 단의 개수가 많아지고 화면이 좁아지면 단의 개수가 줄어듭니다.

2. column-count 속성 - 단의 개수를 고정하고 다단 구성하기

브라우저 창의 너비와 상관없이 단의 개수가 일정하며 창의 너비에 따라 단의 너비가 바뀝니다.

3. column-gap 속성 - 단과 단 사이 여백 지정하기

4. column-rule 속성 - 구분선의 색상, 스타일, 너비 지정하기

5. break-after 속성 - 다단 위치 지정하기

6. column-span 속성 - 여러 단을 하나로 합치기

<출처> Do it! HTML5+CSS3 웹 표준의 정석

1. box-sizing - 박스 너비 기준

box-sizing 속성을 사용하면 width 속성 값을 콘텐츠 영역 너비 값으로 사용할 지, 패딩이나 테두리까지 포함시켜 사용할 지 결정할 수 있습니다.

2. float 속성 - 왼쪽이나 오른쪽으로 배치

3. clear 속성 - float 속성 해제

4. position 속성 - 배치 방법 지정

5. visibility 속성 - 요소를 보이게 하거나 보이지 않게 하기

6. z-index 속성 - 요소 쌓는 순서

z-index 값이 작을 수록 아래에 쌓이고 z-index 값이 클 수록 z-index 값이 작은 요소보다 위에 쌓입니다. z-index 값을 명시 하지 않을 경우, 웹 문서에 맨 먼저 삽입하는 요소가 z-index:1 값을 가지며 그 후 삽입하는 요소들은 z-index 값이 점점 커집니다.

<출처 - Do it! HTML5+CSS3 웹 표준의 정석>

1. margin 속성 - 요소 주변 여백 설정

2. padding 속성 - 콘텐츠 영역과 테두리 사이 여백 설정

<출처 - Do it! HTML5+CSS3 웹 표준의 정석>

1. border-style 속성 - 테두리 스타일 지정

2. border-width 속성 - 테두리 두께 지정

3. border-color 속성 - 테두리 색상 지정

4. border 속성 - 테두리 스타일 묶어 지정

두께와 색상, 스타일 순서는 상관없습니다.

5. border-radius 속성 - 박스 모서리 둥글게 만들기

타원 형태로 둥글게 만들고 싶으면 가로 반지름 크기와 세로 반지름 크기를 함께 지정하면 됩니다.

6. box-shadow 속성 - 선택한 요소에 그림자 효과 내기

<출처> Do it! HTML5+CSS3 웹 표준의 정석

1. 블록 레벨 요소와 인라인 레벨 요소

블록 레벨(block-level) 요소 - 태그를 사용해 요소를 삽입했을 때 혼자 한줄을 차지하는 요소

인라인 레벨(inline-level) 요소 - 화면에 표시되는 콘텐츠만큼 영역을 차지하는 요소

2. 박스 모델(box model)

박스모델은 실제 콘텐츠 영역, 박스와 콘텐츠 영역 사이의 여백인 패딩(padding), 박스의 테두리(boder), 그리고 여러 박스 모델 사이의 여백인 마진(margin)등의 요소로 구성됩니다.

3. width, height 속성 - 콘텐츠 영역의 크기

4. display 속성 - 화면 배치 방법 결정

display 속성을 사용하면 블록 레벨 요소를 인라인 요소로 바꾸거나 인라인 레벨 요소를 블록 레벨 요소로 바꿀 수 있습니다.

<출처> Do it! HTML5+CSS3 웹 표준의 정석