Front/Html

[HTML ]3-5. 제목, 문단, 연락처, 인용문 목록 작성하기

제목(heading 요소) - http://html5.clearboth.org/sections.html#the-h1-h2-h3-h4-h5-and-h6-elements h1, h2, h3, h4, h5, h6 의 여섯단계가 있고 h1요소가 가장 상위제목을 나타낸다. 일반브라우저에서는 중요도가 높은 제목일수록 크게 표시되는데 스타일시트를 활용해 임의의 크기를 지정할 수 있다. 블록 레벨 요소이며 인라인요소를 포함할 수 있지만 블록 레벨 요소를 포함할 수 없다. 예제) 문서의 가장 상위의 제목 표시 -------------------------------------------------------------------------------------------- 문단(p 요소) - http://html5.cl..

2020. 11. 5. 09:46

Front/Html

[HTML] 3-4. 루비 주석과 시간의 표현

1. 루비 주석 루비는 이전부터 있었음. 익스플로러에서 쓰던 표현요소. html5에서 정식. 모든 브라우저에서 쓸 수 있다. 파이어폭스에서는 잘 표현이 안되다가 요즘은 잘 됨. 1) 루비 : 글자 위에 장식, 설명을 쓸 때. 일본어 영어의 경우는 보이는 글자 위에 설명을 붙여서 표현 가능. 한자 표시시에 좋음. - rt로만 표현이 안될 경우에는 rp를 써서 괄호 표시를 해준다. 가화만사성 (家和萬事成) - 한글자씩 맞춰주는 것도 좋다. : 일본어의 경우는 한자 하나에 글자 2개씩 설명이 올라가는 경우도 있기 때문에 글자 하나씩 표현하는 바업도 알아준다. - 점을 찍어서 글자 한글자씩 강조를 한다. 2. 시간 표현 마우스를 올려도 나오지는않으나, 컴퓨터가 명확하게 확인할 수 있다. 2019년 4월 9일이라..

2020. 11. 5. 09:46

Front/Html

[HTML] 3-3. 단의어 정의와 약어, 작품의 제목 표현.

3. 단의어 정의와 약어, 작품의 제목 표현. - 인라인 태그 : 줄이 바뀜, p태그, div - 블록태그 : 줄이 안 바뀜 span 태그 (내부 내용을 디자인 하기 위한 거) dfn : 정의 definition abbr : 축약 abbreviation cite : 작품 제목 (html5에서 추가) -------------------------------------------------------- http://html5.clearboth.org/text-level-semantics.html#the-dfn-element http://html5.clearboth.org/text-level-semantics.html#the-abbr-element http://html5.clearboth.org/text-le..

2020. 11. 5. 09:45

Front/Html

[HTML] 3-2. 구문강조, 하이라이팅

2. 구문 강조, 하이라이팅 strong, em, mark 대부분의 코드 목록. https://www.w3.org/TR/2011/WD-html5-20110405/ 원어 : https://www.w3.org/TR/html5/ 번역된 사이트 (안뜸) http://html5.clearboth.org/text-level-semantics.html#the-em-element http://html5.clearboth.org/text-level-semantics.html#the-strong-element http://html5.clearboth.org/text-level-semantics.html#the-mark-element --------------------------------------------------..

2020. 11. 5. 09:45

Front/Html

[HTML] 3-1. 문자 실체잠조와 수치 문자 참조 적용

1. html 태그와는 구분하도록 html5에서는 완벽히 지키진 않는다. 문자참조 문자 참조가 만들어진 이유이자 문자 참조를 사용하는 목적은, 입력이 어려운 문자를 표현하거나 마크업 언어를 제어하는 문자를 일반 문자로 표현하기 위함이다. HTML에서의 예를 들면 '오른쪽 화살표'(→) 기호는 컴퓨터 자판에 없어서 입력이 힘들지만 → 처럼 풀어서 쓸 수 있으며, '여는 꺾쇠표'(

2020. 11. 5. 09:44

Front/Html

[HTML] 2-4. html템플릿 작성하기

* 모바일 관련 : opera mobile classic emulator 이제 사용 불가 구버젼은 다운 받을 수 있긴 함. http://www.download82.com/download/windows/opera-mobile/ opera browser 사용 https://dev.opera.com/articles/opera-mobile-emulator/ 모바일에서 보이는 화면을 보여줌. 최신 버젼이 업데이트 되지는 않음. custom으로 launch하면 나옴. => 그냥 크롬 쓰면 됨. - viewport 해상도를 확대해서 볼 수 있도록 함. - description은 꼭 써주기 - html5는 최대한 div를 사용할 것. 영역을 묶어줌. (가장 기본적) https://nuli.navercorp.com/sh..

2020. 11. 5. 09:42

Front/Html

[HTML] 2-3. 메타요소 알아보기

보통은 웹페이지를 다 만들고 정리한다. (다 쓸 필요는 없으나 description을 쓰면 좋다.) 타이틀 위에 쓴다. 필수는 문자 코드셋을 지정 - keyword : 이 웹페이지에서 배포되는 내용들을 쉼표를 통해서 나여ㅛㄹ - description : 문서에 대한 설명글. 더 중요. 구글은 keyword는 검색에 잘 쓰지 않고 description은 아직은 사용 중. 구글에서 이해할 수 있는 메타태그) https://support.google.com/webmasters/answer/79812?hl=ko description에는 문장 뿐만 아니라 구체적인 단어를 많이 쓰기도 함. 검색에 쓰기 좋은 것을 조함. - author : 저자 (사람 이름, 팀 이름) - generator : 프레임워크를 쓰는 것..

2020. 11. 5. 09:41

Node.js

1. node.js 설치

This time, I have to build a small and light web site for checking employee's daily work. Before building a java project, I thought the java project is quite big and need much effort than what I need. So I considered node.js and angular system but I forgot a lot of ways in details. Also my knowledge on Angular is lagged behind. I studied 3years ago and the version i..

2020. 11. 5. 09:39

Network

01. What is the Network?

From The Beginning In the past, we don't need to know about 'Network'. Just having a basic knowledge in computer makes you a genius at home or in school. But the world changed, We are being swept away by the storm named 'Network'. So this is the story of how easily I learned about 'Network'. This is the beginning. What is the 'Network'? 'Network' means connecting things together. But it does not..

2020. 11. 5. 09:30

Mobile

[ Flutter, Firebase ] 0. 플러터 소개

사용자용 정산앱을 제공하기 위해 최근 자료들을 보다가, 네이티브앱으로 안드로이드와 ios를 모두 제공하기엔 시간이 부족하겠다는 판단에 이르렀습니다. 런칭 날짜를 확인해보다가 제작년에 소개받은 React native 리액트 네이티브와 Flutter 플러터를 한번 사용해보기로 결정했습니다. 1. 플러터를 선택한 이유 1) 어느 네이티브 앱 요소의 필요성. 처음에는 사용 중인 React로 웹을 구성후 웹뷰를 사용하려 했으나, 구글과 애플 스토어 상에서 반려당할 가능성이 높다는 이야기를 들었습니다. 그렇다면 어느정도 네이티브 앱의 요소가 있어야하는데 네이티브 앱 언어를 공부하기엔 시작이 부족해보였습니다. 2) 리액트 네이티브는? 운영자 사이트는 React로 구성되어있기 때문에 처음에는 리액트 네이티브를 사용하는..

2020. 6. 24. 21:57