티스토리 한자 쓰는 방법 티스토리에 편집기에 한자어 입력 도구가 없다. 1. 한자 입력 사례 예를 들어 이 글에서는 아래 그림에 대한 설명(alt 속성, figcaption 태그)을 넣는 과정에서 "독고다이= (일본말로) 특공대, 혹은 혼자 막 나가는 자"라는 해석보다는 '독고다이'를 한자어로 표기하여 figcaption에 대체코자 함.(그러나 그냥 연습으로 그냥 해 보는 것임) 2. 한자 넣는 방법 1) 티스토리에 등록된 특수문자를 활용 (1) 특수문자 ⓐ, 혹은 ①을 친다. (ⓐ~ⓩ, ①~⑩ 중 아무 거나 하나만 치면 된다) (2) 한글을 친다: (예) 독 (3) 한자 키를 누르고 + 원하는 한자어 클릭 : (예) 獨 (다음 글자 칠 때는 다시 특수문자 누를 필요 없다) (원하는 글자 모두 변환 후,..

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에 외주를 주는 것이 현명하다. 왜냐하면 인라인으로 장식을 하다 보면 뼈대보다도 ..

1. 오버플로와 관련된 4가지 CSS 속성. 1) overflow : 상자, 혹은 웹페이지를 기준으로 흘러넘치는 콘텐츠 처리 방식. 2) overflow-x : 상자를 가로로 흘러넘치는 콘텐츠 처리 방식. 3) overflow-y : 상자를 세로로 흘러넘치는 콘텐츠 처리 방식. 4) text-overflow : 텍스트 컨테이너를 기준으로 흘러넘치는 텍스트에 대한 처리 방식. 2. 위 1), 2), 3)에 대해 알아본다. 그리고, 4)에 대해서는 다음 글에서 알아본다. 1) overflow (1) 오버플로(overflow)는 언제 발생하는가? 영어 단어 overflow=흘러넘치다, 라는 뜻. 그러므로, 콘텐츠 내용이 콘텐츠 그릇보다 클 때 → 콘텐츠는 흘러넘친다. (2) 오프 롤로(overflow) 처리 ..

1. white-space란? white=흰 白, space=빌 空 → 위 순서를 바꾸면 空白(공백) → 즉, 문자가 없는 흰 공간(빈 공간)을 말한다. 2. 컴퓨터에 white-space를 입력하는 방법 3가지 탭 키(혹은 스페이스 바) = 들여 쓰기. 스페이스 바 = 공백 입력. 엔터 키 = 줄 바꿈 입력. 3. 컴퓨터가 white space를 바라보는 시각 = 연속된 공백은 인정하지 않는다 = 즉, 공백 1개로 본다. 그러므로, 들여 쓰기(←탭키 또는 스페이스 바에 의한 연속 공백)는 인정하지 않고, 글자 사이 연속 공백(←스페이스 바에 의한)은 공백 1개로 처리하고, 라인 연속 공백(←엔터키, 줄 바꿈 여러 개), 이 세 가지 모두 인정하지 않는다. →이것이 기본 값 = white-space: n..

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; } 선택자 뒤에 한 칸 ..