1. 블로그 (BLog)와 브이로그 (VLog)의 차이. 블로그(Blog) = Web + Log 브이로그 (VLog) = Video + Log, (혹은 Video + Blog). Log = 기록하다, 일기. 블로그(Blog) = = Web + Log = (일상, 혹은 관심사를) 웹에 기록하다. 브이로그 (VLog) = Video + Log (혹은 Video + Blog) = (일상, 혹은 관심사를) 비디오로 (웹에) 기록하다. 블로그(Blog) = 다음 티스토리, 네이버 블로그 등. 브이로그 (VLog) = 유튜브, 아프리카 TV 등. 2. 인간은 왜 블로그나 브이로그를 할까? 1) 블로그나 브이로그의 태동 배경. Log의 뜻을 보면, 명사 = ① 통나무, ② 일기 타동사 = ① (나무를) 벌목하다, ②..

1. 필요성 언제부턴가 win 10 부팅 시 암구호를 요구한다. 이것이, 평온 공연한 가정집, 독방에 사는 젊은이 혹은 노인들(홀로 원룸, 오피스텔, 아무 암호를 안 써도 아무도 볼 사람 없는 곳)에게는 막대한 인생의 낭비다. 노트북, 데스크 탑 PC 켤 때 매번 암호 안 넣고도, 전원만 딱 누르면 부팅되는 시스템. 2. 족집게 방법 인터넷을 뒤져 보면 적어 놓긴 했지만 따라 해 봐도 대부분 실패한다. 인터넷 상에는 베낀 글들이 많다. 여기 확실한 방법을 적어 본다. 경우의 수는 2가지다. ① 로컬로 부팅하는 경우(즉, Ms 계정으로 부팅하지 않아도 무방한 사용자). ② 마이크로소프트 계정을 사용해야 하는 경우. - 즉, 원드라이브를 쓴다거나, 오피스 365를 구독한다거나, MS 계정 연동으로 각종 ID..

1. Copyright란? right: 권리 Copyright: (전통적 의미의) 저작권 직역하면 복제권(Copy-right)이지만 아래 모든 권리는 복제로부터 유발된다 우리나라 저작권법에서는 (1) 저작재산권 7가지(저작자의 권리) : 제16조(복제권), 제17조(공연권), 제18조(공중송신권), 제19조(전시권), 제20조(배포권), 제21조(대여권), 제22조(2차적 저작물 작성권) (2) 저작인격권 3가지(저작자의 권리) : 제11조(공표권), 제12조(성명 표시권), 제13조(동일성 유지권) (3) 저작인접권 9가지 이상(실연, 음반, 방송사의 권리 ) : 제64조 - 제90조 을 정하고 있다. ※ 저작재산권=물권 형태= 소유권 형태, 배타성 有, 양도성 有 All right reserved a..

1. 웹페이지를 만드는데 꼭 필요한 3요소 HTM CSS JavaScript 2. 이 셋의 공통점과 차이점 (1) 위 3가지의 공통점 : 언어(Language) 대화의 당사자 = 인간 : 컴퓨터 (그래서, Code이기도 하다 - 정치인이든, 스파이든 지들끼리 숙덕거리는 부호= code) (이 code를 끄적거리는 일이 =cording) (2) 위 3가지의 차이점: 서로 문법이 다르다. 역할이 다르다 3. 각각의 역할 1) HTML 웹사이트의 뼈대이다. 즉, 웹 페이지의 구조를 담당한다. HTML은 제목과 문단을 만들고 이미지와 링크와 목록과 테이블을 만든다. 인라인 태그로 콘텐츠에 장식을 줄 수 있지만 가급적 스타일은 CSS에 외주를 주는 것이 현명하다. 왜냐하면 인라인으로 장식을 하다 보면 뼈대보다도 ..

CSS에서 오버플로우 속성은 콘텐츠가 요소 크기를 초과할 때 어떻게 처리할지를 결정하는 중요한 역할을 합니다.오버플로우(Overflow)란 무엇인가요?웹 디자인에서 콘텐츠가 부모 요소의 크기를 초과하는 경우, 이를 어떻게 처리할지를 지정하는 속성이 바로 CSS overflow입니다. 적절히 사용하면 스크롤바를 추가하거나, 초과된 부분을 숨기고, 콘텐츠의 표시 방식을 조정할 수 있습니다.오버플로우와 관련된 4가지 CSS 속성1. overflow: visible기본값으로, 콘텐츠가 요소의 크기를 초과해도 그대로 표시됩니다.특징:초과된 콘텐츠가 잘리지 않고 부모 요소 밖으로 드러남.레이아웃을 정확히 제어하기 어려울 수 있음.예제 코드:.box { width: 200px; height: 100px; ove..

Whitespace와 공백은 디자인과 글쓰기에서 중요한 역할을 하지만, 그 가치와 활용법을 제대로 아는 사람은 많지 않습니다.Whitespace와 공백이란?공간은 디자인과 글쓰기에서 단순히 "비어 있는 부분"으로 간주되곤 하지만, 사실 공간은 중요한 의미와 역할을 지니고 있습니다. 여기서 말하는 Whitespace는 디자인 용어로, 공백(빈 공간)을 효과적으로 활용하는 기술을 말합니다.Whitespace의 정의와 역할Whitespace는 텍스트와 텍스트, 이미지와 이미지 사이의 빈 공간을 의미합니다.디자인에서의 역할가독성을 높여줍니다.콘텐츠에 집중하도록 돕습니다.깔끔하고 세련된 느낌을 줍니다.Whitespace의 오해많은 사람들이 공간을 비효율적이라고 생각하지만, 공백은 시각적 균형과 정보를 전달하는 데..

1. 태그란? preformatted text(pre=앞, 미리, formattded=구조화된 텍스트) (앞글 참조) 시(詩, poet) 또는 형식화된 문단, 행간 혹은 연간 형식을 원래대로 유지해야 할 필요가 있을 때: → 일일이 태그를 사용할 순 없다. 그러나 알고 보면 , 등을 사용하지 않고도 행과 연의 형식을 원래 모양 그대로 브라우저 창으로 표현할 수 있는 기능이 HTML에 있다. =그것이 태그이다. 그러나 태그를 사용한 문단에는 다음 두 가지의 경우가 발생한다. 1) 짧은 행들로 이루어진 경우 심중(心中)에 남아있는 말 한마디는 끝끝내 마저하지 못하였구나. 사랑하던 그 사람이여! 사랑하던 그 사람이여! 위 문단은 아래 그림처럼 브라우저창에 원래 형식으로 줄 바꿈 된다. 2) 긴 문단이 있는 경..

1. 문단 관련 태그들 1) = paragraph(단락)의 약자. 나는 문단입니다. 열린 태그에서 닫힌 태그까지가 한 문단입니다. = 항상 새 줄에서 시작된다 = 블록(block) 요소(element) (블록과 인라인에 대해서는 이후 글에서 따로 정리) 2) 태그 = break(휴식)의 약자. 나는 줄바꿈 태그입니다. 빈 태그로 닫힌 태그가 없습니다. 태그 = 태그 입력 다음부터 줄 바꿈이 된다= 인라인(inline) 요소 (인라인, 블록 요소에 대해서는 이후 글에서 따로 정리) 은 빈 태그이며 닫는 태그가 없다= 닫는 태그 없이 로 끝나면 된다 (※그러나 XHTML에서는 로 닫는 기호를 쓴다) (2-1) 의 줄 간격과 의 줄 간격 차이 의 1줄 간격= 의 2줄 간격( = ) 3) 태그=horizonta..

HTML 들여 쓰기 원칙 1) 포함관계 코드 블록은 2칸 들여 쓴다. (예시 1) 공백 두개 위와 동일 이하 동문 (예시 2) 이름 설명 A 이름 A 설명 2) 논리관계 코드 블록은 들여 쓰지 않는다. 그 대신 가로 빈 줄 하나 추가한다. 코드 블록은 들여쓰기 하지 않는다 heading2 heading1이하만 1칸 띄우고 heading2이하 문단 부터는 띄우지 않는다. 3) 등호 주위에는 빈칸을 넣지 않는다. 4) CSS의 긴 속성과 속성 값은 한 쌍씩 줄 바꿈을 한다. body { background-color: DodgerBlue; font-family: "Arial Black", Helvetica, sans-serif; font-size: 16em; color: black; } 선택자 뒤에 한 칸 ..

1. 웹 페이지, 웹사이트, 홈페이지의 차이 1) 웹 페이지(web page) 인터넷을 검색할 때 각 브라우저(browser) 창에 나타나는 문서. 링크를 통하여 다른 웹 페이지나 다른 웹 사이트나 다른 홈페이지로 이동할 수 있다. 2) 웹 사이트(web site) 도메인 1개에 속해 있는 위 1) web page의 집합체. (도메인 1개의 예: 구글, 네이버, 다음.) 3) 홈페이지(homepage) 우리나라에서는 흔히 웹 사이트와 홈페이지를 같은 의미로 혼용하여 쓰는 경우가 많지만, 둘은 정확히 다르다. 위 웹사이트를 방문했을 때 맨 처음 연결되는 페이지가 홈페이지이다. (google의 첫 화면, NANER의 첫 화면, DAUM의 첫 화면, 각자 사이트의 첫 화면.) (과거에는 default.html..