본문 바로가기
반응형

강좌45

[HTML 강좌] 12. HTML 주석(comment) : <!-- --> [HTML 강좌] 12. HTML 주석(comment) : 이번 포스팅에서는 HTML의 코드에 대한 설명을 표현하는 HTML 주석(Comment)에 대하여 알아본다. HTML 주석(comment)의 표현 : HTML 주석(comment)는 브라우져의 화면에는 표현이 되지 않는 요소이며, 블럭으로 구성된 태그이다. 주석 기술 주석(comment)는 HTML 코드뿐만 아니라 모든 언어에서 제공하고 있으며, 프로그램 코드에 대한 설명을 제공하는 아주 중요한 요소이다. 그러나, 주석(comment)는 적정하게 표준화하여 기술하여야 하며, 너무 남용할때는 프로그램의 가독성이 현저하게 저하하게되는 이유가 되기도 한다. 일반적으로 페이지에 대한 설명, 수정한 일자, 수정한 사유등을 페이지의 첫 머리부분에 기술하기도 .. 2020. 12. 9.
[프로젝트이야기] 움직임 프로젝트 이야기 - 움직임 2018년 12월 중순경 1년간의 공공기관 프로젝트를 나름 성공적으로 마치고, 본사로 복귀를 했다. 2019년 조직 변경까지 약 2주정도의 여유가 있었으며, 그때 당시 나는 공공 프로젝트 수행팀에서 대형 프로젝트(10억 이상)를 수행하는 PM 직무를 담당하고 있었으며, 아무런 직책이 없어서 매우 홀가분한 상태였다. 여유있는 회사 생활을 하던중 나와 함께 회사에 입사를 했던 솔루션 사업 부장이 담배하나 피자고 꼬셔서 같이 차를 한잔하게 되었다. 안색이 안좋아서 이유를 물으니, 회사에서 내년도 사업계획에 솔루션을 신규개발하라고 했단다. 회사에서 판매하고 있던 솔루션은 병원의 모든 업무를 총괄하는 시스템으로 일반적으로 HIS라는 칭하는 솔루션으로 회사는 약 15년간 200여개의 중형.. 2020. 12. 4.
[HTML 강좌] 11. HTML 인용구,출처의 표현 : <blockquote>, <q>,<abbr>,<address>, <cite> [HTML 강좌] 11. HTML 인용구, 출처의 표현 : 타이틀 입력부분, ,,, 이번 포스팅에서는 HTML 문서에서 인용구와 인용구에 대한 출처를 표현하는 방식, 그리고 많이 사용하는 일정 형식을 가지는 address 태그와 글자의 출력 방향을 표현하는 bdo 태그에 대해서 알아봅니다. 인용구의 표현 : , , cite 속성, 태그 "quote" 는 "인용구"라는 영단어입니다. 는 긴 문장으로 구성된 인용구를 표현할때 사용하고, 는 인라인, 즉 한 줄로 표현되는 짧은 인용구를 표현할때 사용하는 태그입니다. 프로젝트 이야기: 요즘 들어, 스타트업이나, 제조업 기반에서 새로운 비지니스 모델을 위한 솔루션을 만들고자 하는 기업들에서 조언을 구하는 요청들이 지인들을 통하여 제법 들어온다. 예전에는 ERP나 .. 2020. 12. 2.
[프로젝트 이야기] - 시작하며 [프로젝트 이야기] - 시작하며 이글을 작성하는 현재 나는 중견 IT 회사에서 부장급으로 근무하고 있다. 나느 SI회사에서 시작해서 중소 기업의 전산실장, 중견 그룹의 IT 총괄(CIO)의 역할과, 외국계 기업의 IT 매니져를 거쳐, 작은 컨설팅 펌에서 PI 를 수행하는 컨설턴트도 하고, 현재의 회사에서 공공기관의 SI 사업관리와 PM, 전사 품질업무를 수행 하였다. 그리고, 현재는 회사의 차세대 제품을 개발하는 TFT팀의 팀장을 맡아 차세대 솔루션 개발을 2년째 진행하고 있다. 지금부터 내가 하나씩 포스팅할 내용은 프로그램 개발에 관련된 내용이 아니다. 약 25년간 여러 회사에서 다양한 직군과 프로젝트를 수행하며 겪었던 경험담을 풀어 놓을 것이다. 왜 경험담을 쓸려고 하는가? 요즘 들어, 스타트업이나,.. 2020. 12. 1.
[HTML 강좌] 10. HTML formatting(서식): <b>, <em>,<i>,<mark><del><ins><small><sub><sup><strong> [HTML 강좌]10. HTML 서식지정: , ,, 이번 포스팅에서는 HTML text 에 대한 서식(formatting)를 지정하는 요소(element)인 , , ,,, ,,, ,의 활용법을 알아봅니다. HTML text 강조 : , 와 태그는 text를 강조할때 사용합니다. 두 태그는 웹브라우져에 표현될때 둘 태그 모두 굵은 글씨체로 표현됩니다. 오늘은 문자에 대한 서식(Formatting)에 대해서 알아봅니다. italic 으로 표시합니다. italic 으로 표시합니다. 태그와 태그의 차이점 태그와 태그와 동일하게 는 표현상으로, 은 웹접근성(음성지원)을 지원합니다. 따라서 화면상으로 강조할때는 를 사용해도 되나, 웹접근성(음성)등에서 강조가 될 경우는 태그를 사용해야 합니다. 가능하면 태그를 사용.. 2020. 11. 25.
[HTML 강좌] 9. HTML Styles : Background Color, Fonts, Text Color/Size/Alignment [HTML 강좌] HTML Styles : Background Color, Fonts, TextColor/Size/Alignment HTML Element(요소)의 모양을 꾸미는 Styles Attribute(속성)과 Attribute의 값을 의미하는 properity를 지정하고 활용하는 방법을 습득합니다. HTML Styles의 정의 HTML의 Styles Attribute는 element(요소)의 글자의 색, 배경색, 글자 크기와 폰트등 HTML Element(요소)의 서식을 지정하는데 사용됩니다. HTML Element(요소)에 Style 속성 문법 Style의 문법은 properity와 value로 이루어진다. prperity는 Style 안에서 사용되는 값을 가리키는 명칭입니다. 전문적인 용어로.. 2020. 11. 23.
[HTML 강좌] 8. HTML 기본 태그 : 단락, 구분선, 줄바꿈, 공백 8. HTML 기본 태그 [HTML 강좌] 8. HTML 기본 태그 단락, 줄바꿈 , 구분선, 공백 이번 포스팅에서는 , , , 의 정의와 활용법의 습득하여 기본적인 HTML 컨텐츠를 작성합니다. 태그 태그는 단락 또는 문단을 의미하며 영문으로 Paragraphs 로 표기합니다. 태그는 사용되는 첫번째 라인을 띠우고 표기됩니다. 태그가 사용되면 태그의 시작과 끝에 공백(space)를 자동으로 추가되며, 이는 수정할 수 없습니다. 여기는 첫번째 단락을 표시하고 있습니다. 여기는 두번째 단락을 표시하고 있습니다. HTML와 워드 또는 에디터를 통한 문서의 표현의 차이 HTML 문서는 워드나 텍스트 에디터에서 작성된 것처럼 웹브라우져에서 표현되지 않습니다. 이유는 HTML 문서를 표현하는 웹브라우저와 사용하는.. 2020. 11. 16.
[HTML 강좌] 7. HTML 문서 제목(Headings) - <h1></h1> [HTML 강좌] 7. HTML 문서 제목(Headings) - 이번 포스팅부터는 HTML을 구성하고 있는 Tag의 종류와 사용방법을 알아보도록 하겠습니다. 이전 포스팅까지는 아주 기초적이고, 예제등도 별 내용이 없어서 재미가 많이 떨어질것으로 생각됩니다. 지금부터 시작하는 포스팅은 이전 포스팅보다는 조금 예제가 들어가 있어서 하는 맛이 조금 날것입니다. 첫번쩨로 사용할 Tag는 로 표시되는 HTML 문서의 제목을 표시하는 Tag에 대해서 알아보겠습니다. 학습 목표 Headings 의 사용법을 숙지하고, 왜 Headings Tag가 중요한지를 파악한다. SEO 의 기본 개념을 이해한다. HTML 을 설명하는 일부의 강좌에서 Headings Tag에 대해서 HTML 문서의 제목이라고만 간단히 언급하고, 단.. 2020. 11. 11.
[HTML 강좌] 6. HTML 문서의 구조 [HTML 강좌] 6. HTML 문서의 구조 이전 포스팅에서는 HTML을 구성하고 있는 Element(요소)에 대해서 알아보았습니다. 이제 Element(요소)를 결합해서 HTML 문서를 만드는 구성을 실전 예제와 같이 알아보도록 하겠습니다. 학습 목표 ​ HTML의 간단하지만 완전한 문서형식을 갖춘 구조를 파악하고 HTML 문서를 구성할 수 있도록 한다. ​ 여기는 막새바람의 연습 페이지입니다. 내가 만든 첫번째 페이지입니다. 실행 결과 ​ 1. 문서 형식을 나타냅니다. HTML 초창기에 (1991~2년) doctype은 HTML 페이지가 자동 오류 검사나 다른 문법적인 설명을 기술하는 용도로 사용되었으며, doctype의 구성은 아래와 같이 기술되어졌습니다. 그러나, 현재는 해당 기능은 사장되었으며,.. 2020. 11. 10.
[HTML 강좌] 4. HTML의 기본 구조 - Element(요소)의 표현 Tag [HTML 강좌] 4. HTML은 웹사이트를 구성하는 웹 페이지를 만들때 가장 기본적으로 사용되는 기술입니다. HTML은 "웹 페이지의 구조를 정의하는 기술" 건물을 지을때 건축물의 기둥과 벽을 웹 페이지의 기둥과 벽을 정의하는 기술이 HTML 이다. HTML은 작성하고자하는 웹 페이지가 문단으로 구성되는지, 리스트로 구성되는지, 링크가 있는지를 기술하고, 이를 웹 브라우져나 검색엔진에서 명확히 인지할 수 있도록 하는데 사용이 됩니다. 학습 목표 ​ HTML을 이루고 있는 Tag의 종류와 사용하는 방법을 인지함으로써 HTML의 기본 구성을 이해합니다. 또한 간단한 예제를 Visual Studio Code를 사용하여 작성하며, HTML을 Visual Studio Code에서 어떻게 작성하고 작성된 HTML.. 2020. 11. 10.
반응형