HTML 의 폰트를 사용하는 방법을 알아보겠습니다.

 

<!DOCTYPE HTML>
<html>
<head>
<meta charset = "utf-8">
</head>
<body>
	<h1> HTML 기초배우기 </h1>
    <strong>줄굵게</storng>
    <i> 기울기</i>
    <u>밑줄</u>
    <br>줄<br>바<br>꿈
    
</body>
</html>

<storng> </strong> 글자 굵기를 나타내는 태그입니다.

<i> </i> 글자 기울기를 나타내는 태그입니다.

<u> </u> 밑줄을 나타내는 태그입니다.

<br> 줄을 바꿀수 있는 태그입니다.

결과는 이렇게 나옵니다.

 

 

'개발 > HTML' 카테고리의 다른 글

HTML (박스 모델) 기초 5-1편  (0) 2021.04.11
HTML (리스트 ) 기초 3편  (0) 2021.04.10
HTML( 제목, 단락) 기초 1편  (0) 2021.04.08
HTML 의 구조  (0) 2021.04.07
HTML소개 및 HTML Editor 설치  (0) 2021.04.07

##3장 조엘 테스트 : 더 다은 코드를 위한 12단계 1편##

이 책에서 조엘은 더나은 코드를 위한 12단계를 설명했다.

  1. 소스코드 관리시스템을 사용하고 있는지.

  2. 한번에 빌드를 만들어낼 수 있는지

  3. 일일 빌드를 하고 있는지

  4. 버그 추적시스템을 운영하고 있는지

  5. 코드를 새로 작성 하기 전에 버그를 수정하는지

  6. 일정을 업데이트 하고 있는지

  7. 명세서를 작성하고있는지

  8. 조용한 작업 환경에서 일하고 있는지

  9. 경제적인 범위 내에서 최고 성능의 도구를 사용하고 있는지

  10. 테스터를 별도로 두고 있는지

  11. 프로그래머 채용 인터뷰 때 코딩 테스트를 하는지

  12. 무작위 사용편의성 테스트를 수행하고 있는지

  1. 소스코드 관리시스템을 사용하고 있는지.
    형상 관리 툴 CSV, SVN, GIT 은 좋은 프로그램이다. 프로그래머들이 많은 함께 일하려면 형상광리 툴 을 이용하는것이
    가장 효과적이라고 한다. 그리고 이러한 형상관리 툴을 이용한곳은 코드를 날렸다는 이야기를 들어본적이 없다고 한다.

  2. 한번에 빌드를 만들어 낼수 있는지
    빌드를 만들기 위해 몇단계 거치는건 비효율적이라고 한다. 빌드 프로세스가 한번에 끝나지 않을경우 실수하기가 쉽다고 한다.

  3. 일일 빌드를 하고있는지
    소스 코드를 관리할때 빌드가 깨진상태로 소스코드를 넣는 것과
    깨진걸 수정하였는데 코드 저장소에 업데이트를 안했을때 다른개발자들은 빌드 깨져 자기의 일을 할수없게 된다 .
    그래서 점심시간이나 퇴근하기전 업데이트는 습관화 가 되어있어야 한다.

  4. 버그 추적시스템을 운영하고 있는지
    버그 관리 시스템을 사용하지않으면 품질이 나쁜 코드가 나올수 있다고 한다.
    버그가 1개정도일때는 기억하기 쉬우나 2개 이상의 버그가 생겼을때 프로그래머는 버그를 지억하기 쉽지않다고 한다.
    그래서 버그 추적 시스템을 잘활용 하고 버그 추적 소프트웨어가 복잡하다면 중요한 항목만 뽑아서 활용하기를 바란다.

  5. 코드를 작성하기 전에 버그를 수정하는지.
    새로운 코드를 작성하기전 버그는 발견 즉시 수정을 해야한다 버그를 방치해두고 새로운 코드를 작성하고 시간이 흐른뒤
    우리는 그버그가 어떤 코드에서 일어났는지 까먹을 수가 있다. 출시한후에 버그가 발결됬다고 해보자 버그를
    찾으려고 많은 자본과 시간을 쏟아야한다.

웹페이지를 처음들어가보면 본문 제목과 본문의 글은 우리가 보는 정보문서의 필요한 요소들입니다.

오늘은 제목 태그와 단락 태그의 대해서 알아보겠습니다.

생성해둔 폴더의 우클릭후 newfile을 눌른후 파일이름.html 을작성후 생성합니다

 

<!DOCTYPE HTML>
<html>

<head>
</head>

<body>
	<h1> HTML 기초배우기 </h1>
    <p>
    하이퍼텍스트 마크업 언어(HyperText Markup Language, HTML, 문화어: 초본문표식달기언어, 
    하이퍼본문표식달기언어)는 웹 페이지를 위한 지배적인 마크업 언어다. 또한, HTML은 제목, 단락,
    목록 등과 같은 본문을 위한 구조적 의미를 나타내는 것뿐만 아니라 링크, 
    인용과 그 밖의 항목으로 구조적 문서를 만들 수 있는 방법을 제공한다. 
  	</p>
  </body>

</html>

<h1> </h1> 제목을 나타내는 태그입니다. 이태그들은 h1~ h8 까지 존재합니다.

 

<p> </p> 단락을 나타내는 태그입니다 이태그들은 글자를 줄바꿈하지 않아도 본문의 글을 알맞게 나눠주는 역할을 합니다.

이파일을 저장하고 파일을 실행 시키면 웹브라우저로 열리는걸 알수있습니다.

 

 

'개발 > HTML' 카테고리의 다른 글

HTML (박스 모델) 기초 5-1편  (0) 2021.04.11
HTML (리스트 ) 기초 3편  (0) 2021.04.10
HTML (밑줄, 기울기, 줄바꿈, 굵기)기초 2편  (0) 2021.04.09
HTML 의 구조  (0) 2021.04.07
HTML소개 및 HTML Editor 설치  (0) 2021.04.07

1장. 언어선택 

각기 다른 사람들이 업무를 수행할때 개발언어를 선택하는 이유는 언어의 특성 마다 다르다.

속도를 중요시 할때는 C를 선택하고 

배포판의 크기를 윈도우용 최소화할려면 MFC와 C++ 을선택하고 

모든 운영체제에서  자바를 사용한다. 각기 다르지만 많은 언어를 선택할때는

그언어의 특성을 고려하고 업무의 있어서 필요로하는 언어를 선택한다.

 

2.장 기본으로 돌아가기

사람들이 실수하는 이유중 하나는 최저층에 동작원리를 알지 못해 생긴다고 한다.

그래서 우리는 기본으로 돌아가 바이트만을 생각하고 코드의 구조도 어떻게 돌아가는 지 확인할 필요가있다.

기초를 탄탄히 쌓으라는 이야기이다. 단순히 프레임워크에서 제공하는 하는 함수만사용해서 끝나는것이아닌

이 코드가 어떻게 돌아가고있는지 그 내부를 알고있어야한다.

C에서의 문자열 동작하는 방법이다. C의 문자열은 끝에 null이 붙어 문자열의 끝을 알린다.

A문자열과 B문자열을 합치는 걸 예로 들어보겠다.

C언어 에서 strcat 이란 함수는 A문자열을 첫번째부터 하나씩 검사하면서 null값을 찾는다 그리고 null을 찾은 값에

B문자열의 한글자 한글자씩 A문자열뒤에 붙여넣는다. 이렇게 되면 속도가 느려질수밖에없다.

이것을 페인트공 알고리즘이라고 한다 

우리는 이것을 조금 영리하게 A열의 문자열 끝을 포인터로 저장하고 B문자열을 하나씩 넣어서 개선시킬수있다.

 

 

 

HTML을 배우려면 HTML의 문서 구조를 먼저 알고 시작해야 합니다.

<> </> 여기있는 특수기호들은 마크업 언어 태그를 나타내는 기호에 해당됩니다.

<!DOCTYPE HTML>
<html>
  <head>

  </head>
  <body>
  
  </body>
</html>

 

1. <!DOCYPE HTML>

첫번째로 <!DOCTYPE HTML> 이라는 것을 알아보도록 하겠습니다

!DOCTYPE HTML 에서 DOCTYPE 이란 Document Type Definition 의 줄인말로 문서타입 정의 라는 말입니다.

그렇다면 이문서는 HTML의 문서타입으로 정의 되있다고 처음에 알려줄수 있게 되는것입니다.

처음에 브라우저는 이 !DOCTYPE HTML을 보고 어떤언어로 이문서가 작성되어있는지 확인 하게 됩니다.

 

2. <html> </html>

현재 문서웹페이지의 시작과 끝을 알리는 태그입니다.

 

3. <head> </head> 

현재 웹페이지의 메타 데이터를 입력하는 태그입니다.

문자열 배우려면 HTML의 문서 구조를 먼저 알고 시작해야 합니다.

 

<> </> 여기있는 특수기호들은 마크업 언어 태그를 나타내는 기호에 해당됩니다.

 

<!DOCTYPE HTML>

<html>

  <head>

 

  </head>

  <body>

  

  </body>

</html>

1. <!DOCYPE HTML>

 

첫번째로 <!DOCTYPE HTML> 이라는 것을 알아보도록 하겠습니다

!DOCTYPE HTML 에서 DOCTYPE 이란 Document Type Definition 의 줄인말로 문서타입 정의 라는 말입니다.

그렇다면 이문서는 HTML의 문서타입으로 정의 되있다고 처음에 알려줄수 있게 되는것입니다.

처음에 브라우저는 이 !DOCTYPE HTML을 보고 어떤언어로 이문서가 작성되어있는지 확인 하게 됩니다.

 

2. <html> </html>

현재 문서웹페이지의 시작과 끝을 알리는 태그입니다.

 

3. <head> </head> 

현재 웹페이지의 메타 데이터를 입력하는 태그입니다.

문자열집합, 웹페이지의 제목 등을 표시하는 태그를 작성하는 곳입니다 . 

 

4. <body> </body>

 

우리가 실직적으로 웹페이지를 구현하는 공간입니다 . 

여러개의 태그들을 사용하여 우리가 지금까지 보았던 사이트들을 만들수있습니다.

 

 

'개발 > HTML' 카테고리의 다른 글

HTML (박스 모델) 기초 5-1편  (0) 2021.04.11
HTML (리스트 ) 기초 3편  (0) 2021.04.10
HTML (밑줄, 기울기, 줄바꿈, 굵기)기초 2편  (0) 2021.04.09
HTML( 제목, 단락) 기초 1편  (0) 2021.04.08
HTML소개 및 HTML Editor 설치  (0) 2021.04.07

HTML이란

HyperText MarkUp Language

HyperText ( 참조를통해 다른 문서로 접근할수있는 텍스트)

MarkUp Language ( 태그를 이용하여 문서를 표현하는 방식의 언어)

 

 

1990년대 스위스 CERT 연구소에서 팀버너스리에 발표의 의해 생겨났습니다.

 

 

HTML Editor 설치

저희가 HTML을 공부하면서 사용할 Eitor는 Atom이라는 에디터를 사용하겠습니다.

ATOM을검색후 사이트에 접속하여 다운로드를 진행하면 됩니다.

설치가 끝났다면 아톰을 실행 시켜주시고 상단에 있는 창을 닫습니다.

그리고 html을 생성할수 있는 폴더를 원하는위치에 생성 합니다.

 

Add folders 를 눌러 새로만든폴더에 경로를 지정해주면 html 을 사용할 준비가 끝났습니다.

'개발 > HTML' 카테고리의 다른 글

HTML (박스 모델) 기초 5-1편  (0) 2021.04.11
HTML (리스트 ) 기초 3편  (0) 2021.04.10
HTML (밑줄, 기울기, 줄바꿈, 굵기)기초 2편  (0) 2021.04.09
HTML( 제목, 단락) 기초 1편  (0) 2021.04.08
HTML 의 구조  (0) 2021.04.07

컴퓨터 과학 수학에서 정렬 알고리즘(sorting algorithm)이란 원소들을 번호순이나 사전 순서와 같이 일정한 순서대로 열거하는 알고리즘입니다.

-위키백과, 우리 모두의 백과사전.-

버블 소트란  두 인접한 원소를 검사하여 정렬하는 방법입니다.

 

시간 복잡도 소트 알고리즘 중에서 상당히 느린편에 속합니다.

시간복잡도는 나중에 다른 게시글에서 다뤄 보겠습니다.

using System;
namespace ConsolApp
{
    class Program
    {
        static void Main(string[] argv)
        {
            int[] array = new int[10] { 9, 7, 0, 8, 6, 2, 5, 3, 4, 1 };

            for (int i = 0; i < 9; i++)
            {
                for (int j = 0; j < 9; j++)
                {
                    if (array[j] > array[j + 1])
                    {
                        int temp = array[j];
                        array[j] = array[j + 1];
                        array[j + 1] = temp;
                    }
                }
            }
            for (int i = 0; i < 10; i++)
            {
                Console.WriteLine(array[i]);
            }
            Console.Read();

        }
    }
}

 

'개발 > c#' 카테고리의 다른 글

C# WebBrowser 자동 로그인  (4) 2021.04.15
Boxing UnBoxing  (0) 2021.04.14
c# WebBrowser 만들기  (0) 2021.04.12
c# 으로 메모장 만들기  (0) 2021.04.11
10 까지의 합구하기  (0) 2021.03.31

1부터 10까지의 합을 구하는 방법을 for문으로 알아 보겠습니다.

이문제를 보고 while 문으로도 풀어보는것을 추천드립니다.

using System;
namespace Consolapp
{
	class Program
    {
    	static void main(string[] argv)
        {
          int num = 0;
            for (int index = 1; index <= 10; index++)
            {
                num += index;
            }
            Console.WriteLine(num);
            Console.Read();
        }
    }
}

 

'개발 > c#' 카테고리의 다른 글

C# WebBrowser 자동 로그인  (4) 2021.04.15
Boxing UnBoxing  (0) 2021.04.14
c# WebBrowser 만들기  (0) 2021.04.12
c# 으로 메모장 만들기  (0) 2021.04.11
Buble Sort (버블소트) 정렬알고리즘  (0) 2021.04.01

+ Recent posts