daniel7481의 개발일지

HTML HTML은 그 용도에 맞게 사용해야 하며, 비록 표시하는 바는 같을 수 있어도 브라우저에서 인식할 때 다르게 인식하기 때문에(h1과 글자수를 키운 본문은 보기엔 같아 보이지만 어마어마한 차이가 있다) semantic하게 사용해야 한다. HTML 구조 맨 윗줄을 차지하는 header태그, 본문에는 대개 메뉴를 장식하는 navigation태그, 하단의 footer태그가 있다. 그러나 호환이 되지 않는 경우도 있기 때문에 이런 식으로 설정하여 사용한다. 클래스와 id id는 한 페이지에서 고유한 속성이다(하나 이상에 사용할 수 있지만 권장하지 않는다). 클래스는 비슷한 속성을 가진 여러 element를 묶기 위해 사용하는 것으로, 여러 번 중복되어 선언될 수 있다. CSS 선언 방법 크게 3가지로 나..

5) Element가 배치되는 방법(CSS layout) - 2 기본 배치에서 벗어나서 떠있기(flaot: left) 2차원에서 element들이 배치되어 있는데 float인 element는 그 위에 둥둥 떠다닌다고 생각하면 된다. float position을 주지 않으면 위 아래로 쌓이지만, float:left를 선언함으로써 좌 우로 나란히 쌓이게 표현할 수 있다. 하나의 블록엘리먼트는 box형태임 [출처: https://www.geeksforgeeks.org/css-box-model/] 엘리먼트 간에는 margin으로 간격을 줄 수 있고, border는 테두리 정보로 두께를 조절할 수 있고, 엘리먼트 안에 컨텐츠와 엘리먼트가 가지고 있는 원래 크기 사이는 padding을 줄 수 있다. Demonstr..

4) CSS 기본 Style 변경하기 font, background 관련된 속성을 배워보자. font-size로 글크기를 정할 수도 있다. px단위로도 설정할 수 있지만 1em으로 설정 할 수도 있다(1이 아니라 다른 양수도 가능하다). em은 기본값의 몇 배라는 뜻인데, 여기서 기본값은 항상 16이 아닐 수도 있다. 다음 예를 보자 myspan class는 위의 body > div 부모 노드로부터 font-size 32px을 상속받았기 때문에 나오는 값은 32*2인 64px이다. 백그라운드 색은 background-color : 색;으로 설정할 수 있다. font-family 이미 정해진 글꼴(맑음, 굴림 등)으로 설정할 수도 있다. font-family : Gulim;이런식으로 설정하면 된다. 5) ..

1) CSS 선언 방법 선택자, property, value로 구성되어 있다. span(selector(선택자)) { color(property):red(value); } 대개 이런식으로 표현한다. style을 HTML 페이지에 적용하는 세 가지 방법 -inline -internal -external 같은 property에 다른 value를 넣었을 때 위 순서대로 적용이 된다(inline이 제일 우선이다) inline html 태그 안에다가 넣는 방법 구조를 설명하는 코드에 CSS가 들어있으니 구조와 스타일이 섞여 있어서 유지 보수가 어렵고 관리하기가 어렵다 internal head 안에 style을 바로 넣는 방법 장점: 별도의 CSS 파일을 관리하지 않아도 된다. 서버에 CSS 파일을 부르기 위해 별..

마치며 웹 개발의 이해를 마치며 실제 영상 길이는 길지 않았지만 정말 많은 양의 정보를 담고 있었다. 정리가 안된 상태에서 다시 돌아가서 보기도 하고 그랬던 것 같다. 복습하는 겸 중요한 점 몇 가지를 적어보기로 했다. 만약 틀린 개념이 있다면 언제든 지적해주길 바란다. 인터넷 - 네트워크의 네트워크로 각 네트워크는 서로 다른 포트를 차지하는데, 웹은 80번이다. 웹은 인터넷에 속해있다. HTTP: 웹에서 사용하는 프로토콜(규약)으로 클라이언트 서버 모델을 따른다. 대표적인 특징으로 무상태(stateless)가 있으며 서버가 요청에 응답하면 바로 연결을 끊는 특징을 의미한다. 장점으로는 불특정 다수에게 서비스를 제공하는데 유리하지만 단점으로는 클라의 이전상황을 알 수 없기 때문에 Cookie 등의 기능으..

6) 웹서버 웹 서버란? -통산 소프트웨어를 말하지만 소프트웨어가 동작하는 컴퓨터를 말한다. -가장 중요한 기능은 클라(웹 브라우저, 웹 크롤러)가 요청하는 HTML 문서나 각종 리소스를 전달하는 것 -웹 브라우저나 웹 크롤러가 요청하는 리소스는 컴퓨터에 저장되어 있는 정적(static) 데이터(이미지, HTML 파일, CSS 파일, JavaScript파일 같이 컴퓨터에 저장되어 있는 파일)나 동적인 결과(웹 서버에 의해 실행되는 프로그램을 통해서 만들어진 결과물)가 될 수 있음 웹 크롤러: 검색 사이트에서 다른 웹사이트 정보를 읽어갈 때 사용하는 소프트웨어 웹 브라우저와 웹 서버는 보통 HTTP를 통해 통신한다. URL 주소가 HTTP(인터넷 상 데이터를 주고 받기 위한 프로토콜(규약))로 시작되는 이..