Escape

Font-family font-family로 폰트를 바꿀 수 있다. 여러 어절로 된 폰트의 경우 인용구 " " , ' ' 를 활용하여 표기한다. Web safe font를 활용하여 여러 브라우저에서 활용되는 범용성있는 폰트를 사용할 수 있다. fall back 폰트라고 해서 만약 폰트를 이용자가 사용할 수 없는 종류의 폰트라면 , 첫 번째가 아닌 두번 째 세번째 기입된 폰트를 자동으로 사용하게 한다. 예시) font-family : Caslon, Georgia, 'Times New Roman'; 비슷한 종류의 폰트를 나열해 놓으면 된다. 위와 같은 일련의 폰트 무리를 font stack 이라고 한다. 브라우저에서는 Caslon을 먼저 시도해보고, 안되면 조지아 그것도 안되면 마지막인 Times new r..

방송통신대 지원이 드디어 열렸다. 11월 25일에서 1월 4일까지이고, 아래 링크를 통해 간편하게 서식 작성 및 부수서류 첨부가 가능하다. (방통대 편입 기준) https://haksa.knou.ac.kr/haksa/aee/appc/initAppcLogin.do?displayDv=appcWr&epTicket=LOG 입학지원자 로그인 입학지원서 작성 입학지원서 작성 안내 대입 입학전형을 위해 주민등록번호가 필요하며, 개인정보의 수집·이용 목적 외에는 절대 사용하지 않습니다. '입학지원서 작성 및 수정'을 클릭하면 지 haksa.knou.ac.kr 위 링크로 들어가 진행을 하다보면 "학사학위번호"를 입력하는 란이 나온다(학사학위 소지자 전형 선택시) , 보통 졸업증명서에 기재되어 있는 번호이기 때문에 해당 ..

Text-decoration 밑줄, 취소줄, 윗줄을 표시할 수 있는 Text decoration, 줄의 굵기 , 색깔 등을 바꿀 수 있다. dotted : 점선 , wavy ; 구불거리는 선 text-decoration-line, text-decoration-color, text-decoration-style, text-decoration-thickness text-decoration-thickness - CSS: Cascading Style Sheets | MDN The text-decoration-thickness CSS property sets the stroke thickness of the decoration line that is used on text in an element, such as..

CLI 라고 하는 것은 , 우리가 터미널 상에서 보이는 interface로 커맨드라인을 활용한 인터페이스이다. 리눅스 기반과 맥os에서는 Bash 라고 하는 것이 쓰이고 , 윈도우 상에서는 Command prompt가 사용되는데 Bash가 더 폭넓게 사용되기 때문에 (open source라서) 코드카데미에서는 Git bash를 윈도우에 깔아서 사용할 것을 추천했다. https://gitforwindows.org/ Git for Windows Git for Windows focuses on offering a lightweight, native set of tools that bring the full feature set of the Git SCM to Windows while providing appr..

HTML / CSS 를 간단하게 훑고 이어지는 내용은 깃허브에서 git page로 웹사이트를 deploy 하는 것이었다. 해당부분은 깃을 따로 파면서 공부를 하는게 좋을 것 같아서 따로 정리하지는 않았다. 이번에는 Navigation 섹션의 Command line이다. 우리가 흔히 윈도우에서는 cmd로 하는 것처럼, 텍스트 베이스로 디렉토리에 접근하는 것을 커맨드라인이라고 하는데 , 여기서는 맥북을 기준으로 서술한 것같다. ls ; 디렉토리의 구성 폴더와 파일을 나열한다. pwd; print working directory의 약자로 '지금 내가 속한' 폴더를 표시한다. cd ; change directory의 약자로 '내가 특정한 폴더로 변경' 하게 한다. 뒤에 ..을 붙이면(.. 이라는 argument..

먼저 Block level element 와 Inline element에 대해서 모르고 있었는데, MDN을 통해 알게되었다. 간단하게 요약하면, Block level 요소들은 P와 같이 적용되면, 그 것이 속한 부모요소의 범위에 영향을 미치는 종류이고(배경색을 지정해보면 박스처럼 구분됨) 반대로 inline 요소들은 span처럼 지정된 요소자체에만 영향을 미치는(흔히 사용하는 하이라이트 기능처럼 해당 요소에만 영향을 줌) 요소이다. CSS는 HTML을 디자인적으로 조절해주는 역할도 있지만, 동시에 어떤 순서로 HTML을 배치하게(position) 할 것인지에 대해서도 지정해주는 역할도 한다. position display z-index float clear 다섯가지의 property를 이용해 진행된다. ..

이전에는 HTML, CSS의 기초에 대해 설명 이번에도 기초적인 내용이지만, Visual Rule 파트. 먼저 Font Family부터 Opacity Text align 등의 기본적인 font 관련 내용을 요약하고 그 다음에 Box model에 관한 설명 Font Family Web safe fonts 라는 것을 사용하는것이 권장되고, 그것이 없으면 브라우저나 os에 따라 표시가 되지 않는 폰트가 있을 수 있음. 우리가 흔히 말하는 폰트, ~체가 Font Family임 , 만약 폰트의 이름이 두 어절이라면 ""를 사용해 묶어서 표기해야함. 구문) font-family: Font weight bold 등 글자 굵기 지정 Text align left 좌측 정렬(parent element 기준으로함) cent..

현재 전공과 관련하여 일을 하고는 있지만, 일을 하면 할수록 이 길에 대해 고민만 늘어가고. 하고 싶은 일은 너무나 많은데 , 몸은 한 개일 뿐이고 그래서 사실 다른 전공을 가진다는 것에 대해 막연히 생각만 가지고 있었습니다. 지금 저는 27살이고 남들보다는 일찍 결혼한 편에 속합니다. 제 친구의 영향이 크다고 볼 수 있는데 아무튼 결혼 이야기는 나중에 풀도록 하고, 결론적으로 지금 하고 있는 3년간의 일이 끝나고 나면 제 업장을 차리면서 독일로 넘어갈 준비를 하려고 하고 있습니다. 독일로 넘어가서는 제 전공이 특수하다보니 살리려면 살릴 수 있지만 한국만큼의 대우를 받을 수가 없고 따라서 다른 직종을 염두에 두고 있었는데요, 학창 시절 때 혹은 그 이전 유년기부터도 컴퓨터와 프로그래밍에 관심은 가지고 있..

이전까지 HTML의 기초 그리고 Table에 대해서 다루었다. 이번에는 Semantic HTML이라고 하는 파트이다. Semantic HTML이란? Semantic 이란 "의미와 연관되는"이라는 뜻이라고 Codecademy에서 설명하는데 , 예를 들자면 단순히 div를 써서 코딩을 구분짓는 것보다는 header라고하는 보다 직관적인 요소를 사용해서 구분하면 우리가 볼 때 눈에 확 들어오고 , '아 이게 머릿말 부분이구나' 하는 식으로 이해할 수 있다는 것을 설명하는 것이 Semantic 이라는 용어 같다. + Codecademy 퀴즈를 풀다보니까 이해가 된 부분이 있다. Semantic한 태그를 쓸 경우 우리가 딱 보고서 어? 이거 미디어 삽입을 위한 태그구나, 아니면 어? 이부분은 페이지에서 가장 중요..

TABLE 오늘은 HTML 의 Table 기능에 대해 공부했다. 기본적으로 Table은 우리가 보는 아래와 같은 표를 만드는 element이다. 행(가로) 열(세로) 이런식으로 구성되어 있고, 내부에는 row(세로축, 열) 와 column(가로축, 행)이 들어가게 된다. 로 table row(열)을 표현하고, 행의 경우에는 (table data의 약자) 태그를 활용하여 tr 안에 들어가는 데이터가 차례대로 행이 되게 된다. ex) Myfavorite Genre Bossa nova Hip hop 위와 같은 코드라면 아래와 같이 나올 것 이다. Myfavorite Genre Bossa nova Hip hop 티스토리의 HTML 편집기능을 활용하여 한번 표시해보도록 해보겠다. Myfavorite Genre B..