매일의 최선

-쿠키? 쿠키는 서버가 사용자의 웹 브라우저에게 전달하는 작은 데이터 조각. 브라우저는 그 데이터 조각들을 저장해 놓았다가, 동일한 서버에 재 요청 시 저장된 데이터를 함께 전송합니다. https://developer.mozilla.org/ko/docs/Web/HTTP/Cookies HTTP 쿠키 - HTTP | MDN HTTP 쿠키(웹 쿠키, 브라우저 쿠키)는 서버가 사용자의 웹 브라우저에 전송하는 작은 데이터 조각입니다. 브라우저는 그 데이터 조각들을 저장해 놓았다가, 동일한 서버에 재 요청 시 저장된 데 developer.mozilla.org -쿠키의 목적 1. 세션 관리(Session management) : 서버에 저장해야 할 로그인, 장바구니, 게임 스코어 등의 정보 관리 2. 개인화(Pers..

-HTTP (Hyper Text Transfer Protocol) Request (요청) Response (응답) 컨텐츠를 주고받기 위한 메시지이며 메시지는 요청과 응답으로 이루어져 있다. 웹 브라우저는 요청하기 전에 Header와 -HTTP Request Message * Request Line : 첫 번째 줄을 의미하며, 데이터 요청 방식(GET, POST)과 요청 경로, 통신 버전 정보들을 담고있다. * User-Agent : Web browser 정보 * Accept-Encoding : 웹 브라우저와 웹 서버가 통신시 응답하는 데이터 양이 많을 때 압축해서 전송하면 네트워크의 자원을 아낄 수 있다. 어떤 압축 방식을 지원하는지 적혀있는 부분 (gzip, deflate, br 등등..) * Cont..

생활코딩이라는 유용한 사이트를 통해 웹 만들기 스터디를 시작했습니다. 현재 정보처리기사 실기, 파이썬, 웹 이렇게 세 가지의 방향으로 공부를 진행하고 있습니다. 일상에서 언급했던 것과 같이 제 시간표는 그렇게 움직입니다. 앞으로 이 카테고리에서는 공부했던 웹의 내용을 잊지 않고 기억하기 위해 기록할 것입니다. * 박스모델이란? html 하나하나를 박스로 취급해서 부피감을 결정하는 것 * html 태그들은 각 태그의 기본적인 성격에 따라서 화면 전체를 쓰기도 하고 일부를 쓰기도 한다. - block level element : 화면 전체를 쓰는 태그 - inline element : 컨텐츠만큼의 화면을 쓰는 태그 ? 여기서 화면을 쓴다는 의미는 웹 사이트상에서 차지하는 영역이라고 생각하면 된다. * 콘텐츠..

생활코딩이라는 유용한 사이트를 통해 웹 만들기 스터디를 시작했습니다. 현재 정보처리기사 실기, 파이썬, 웹 이렇게 세 가지의 방향으로 공부를 진행하고 있습니다. 일상에서 언급했던 것과 같이 제 시간표는 그렇게 움직입니다. 앞으로 이 카테고리에서는 공부했던 웹의 내용을 잊지 않고 기억하기 위해 기록할 것입니다. Class라고 하는 html의 속성을 이용하여 코딩을 합니다. saw(임의 지정하는 것)라고 하는 class의 값을 갖는 태그 2개를 만들고, 웹 페이지에 있는 모든 태그 중에서 saw라는 class값을 갖는 모든 tag에 대해서 font 컬러를 gray로 하고자 합니다. 위와 같이 하고 태그(CSS)를 포스팅했던 글과 같이 saw라고 써봅니다. 하지만 이 코드는 saw라고 되어있는 모든 태그를 선..

생활코딩이라는 유용한 사이트를 통해 웹 만들기 스터디를 시작했다. 현재 정보처리기사 실기, 파이썬, 웹 이렇게 세 가지의 방향으로 공부를 진행하고 있다. 일상에서 언급했던 것과 같이 내 시간표는 그렇게 움직인다. 앞으로 이 카테고리에서는 공부했던 웹의 내용을 잊지 않고 기억하기 위해 기록할 것이다. CSS를 통해 웹을 디자인하다 보면 더 많은 요구사항이 발생할 수 있다. 예를 들면 제목 글자를 더욱 크게 만든다던가, 혹은 글자의 위치를 왼쪽(default 값)이 아닌 중앙 혹은 오른쪽으로 변경하고 싶을 수 있다. 이런 경우엔 어떻게 코드를 찾아보아야 하는 것일까? 답은 구글링이다. 역시 코딩은 구글링이 최고다. 이 강의에서는 구글링을 통해 웹 디자인에서 원하는 요소를 찾아내는 방법을 설명하고 있다. 예를..

생활코딩이라는 유용한 사이트를 통해 웹 만들기 스터디를 시작했다. 현재 정보처리기사 실기, 파이썬, 웹 이렇게 세 가지의 방향으로 공부를 진행하고 있다. 일상에서 언급했던 것과 같이 내 시간표는 그렇게 움직인다. 앞으로 이 카테고리에서는 공부했던 웹의 내용을 잊지 않고 기억하기 위해 기록할 것이다. CSS의 가장 중요한 기본 개념 html과 CSS는 완전히 다른 언어이기 때문에 어디부터 어디까지가 Html이며, CSS가 사용됐는지 알려주어야 한다. 그런 역할은 태그를 통해 CSS언어임을 구분 짓는다. 또한, 한 가지 추가된 방법! 속성을 이용한 방법이다. style="" 은 HTML 일까 CSS일까 ? --> HTML의 속성이다. style 속성의 약속은 그 값으로 반드시 CSS의 효과가 들어온다. 고 ..

생활코딩이라는 유용한 사이트를 통해 웹 만들기 스터디를 시작했다. 현재 정보처리기사 실기, 파이썬, 웹 이렇게 세 가지의 방향으로 공부를 진행하고 있다. 일상에서 언급했던 것과 같이 내 시간표는 그렇게 움직인다. 앞으로 이 카테고리에서는 공부했던 웹의 내용을 잊지 않고 기억하기 위해 기록할 것이다. html로 웹 사이트를 만들 순 있지만, 그 이후에 여러 가지 needs가 발생했다. detail 한 design이나 visual적인 요소들을 요구하기 시작한 것, 그것이 CSS 언어 개발의 시작이었다. 무분별하게 추가된 디자인 기능은 정보로서의 웹이라는 가치를 오히려 퇴보시켰고, 이를 극복하기 위해서 웹을 만드는 사람들은 디지털 정보의 세계를 완전히 바꿔놓을 기술을 궁리하기 시작했다. 라는 tag를 사용해서..

생활코딩이라는 유용한 사이트를 통해 웹 만들기 스터디를 시작했다. 현재 정보처리기사 실기, 파이썬, 웹 이렇게 세 가지의 방향으로 공부를 진행하고 있다. 일상에서 언급했던 것과 같이 내 시간표는 그렇게 움직인다. 앞으로 이 카테고리에서는 공부했던 웹의 내용을 잊지 않고 기억하기 위해 기록할 것이다. ● 서버와 클라이언트 인터넷이 동작하는데 필요한 최소 2대의 컴퓨터가 필요하다. 하나는 클라이언트, 하나는 서버이다. 클라이언트는 정보를 요청(request)하고 서버는 요청에 의해 응답(response)하게 된다. 특정 정보를 요청하면 전기적 신호와 변환으로 인해 두 컴퓨터 간에 정보 교환이 이루어진다. 즉, 요청하는 컴퓨터는 클라이언트 컴퓨터, 응답하는 컴퓨터는 서버 컴퓨터다. 그래서 웹 브라우저의 다른 ..

생활코딩이라는 유용한 사이트를 통해 웹 만들기 스터디를 시작했다. 현재 정보처리기사 실기, 파이썬, 웹 이렇게 세 가지의 방향으로 공부를 진행하고 있다. 일상에서 언급했던 것과 같이 내 시간표는 그렇게 움직인다. 앞으로 이 카테고리에서는 공부했던 웹의 내용을 잊지 않고 기억하기 위해 기록할 것이다. 현대 HTML은 150여 개의 태그로 이루어져 있다. 하지만 모두 '이 태그' 아래 있다. 이 태그 덕분에 모든 웹을 서핑하면서 웹 페이지를 발견하고 더 좋은 검색 결과를 만들 수 있었다. 이 태그는 도시의 길과 인체의 혈관과 같은 것이다. -----생활코딩 발췌 - HTML : HyperText Markup Language - a : Anchor의 첫글자 뜻은 닻, 배가 정박할 때 사용하는 것, Link를 ..

생활코딩이라는 유용한 사이트를 통해 웹 만들기 스터디를 시작했다. 현재 정보처리기사 실기, 파이썬, 웹 이렇게 세 가지의 방향으로 공부를 진행하고 있다. 일상에서 언급했던 것과 같이 내 시간표는 그렇게 움직인다. 앞으로 이 카테고리에서는 공부했던 웹의 내용을 잊지 않고 기억하기 위해 기록할 것이다. - title : 웹 브라우저의 태그 이름을 바꿔주는 것 예시) WEB1 - html 결괏값) title 명이 WEB1 - html로 변경된다. 간혹 영어가 아닌 문자로 웹 페이지를 작성하면 문자가 깨지는 경우가 발생한다. 이는 웹 페이지를 저장하는 방식과 열 때 방식이 일치하지 않기 때문인데, 이를 해결하는 방법은 아래와 같다. WEB1 - html utf-8 형식으로 작성된 웹이니 utf-8형식으로 파일을..