오늘은 2일차 입니다...!ㅎㅎ
오늘은 웹서버를 설치하는 것 부터 시작됩니다..!
<윈도우에서 웹 서버 설치>
코딩야학에서는 Bitnami 웹서버를 설치하게 됩니다.
설치하는 것은 동영상을 통해서....ㅎㅎ
설치가 완료되면 잘 설치가 되었는지 확인해봅니다!
웹브라우저에 자신의 컴퓨터 주소인 127.0.0.1을 입력하게되면..
다음과 같은 화면이 나오게 되면 설치가 제대로 된 것입니다!
짜잔~!!ㅎㅎ
<서버제어>
Apache, PHP, MySQL을 제어하는 방법을 알아봅시다!
Bitnami를 설치 했다면 Bitnami제어판을 열어 제어할 수 있답니다!
설치가 되어있는 C:\Bitnami\wampstack-7.0.18-0
여기로 들어가게 되면
이런 화면이 나오게 되고
manager-windows.exe를 선택하게되면
이런 화면이 나오게 됩니다!
그럼 두번째에 있는 Manage Servers를 선택합니다.
다음과 같은 화면이 나오게되고 이는 MySQL을 제어할 수 있는 화면이 나오게 된것입니다!
실행중이 아니라 Stopped 상태라면 실행중으로 만들어 주셔야 합니다!
<프로그래밍 언어>
프로그래밍 언어란 사람과 컴퓨터와 사람과의 소통이라고 할 수 있습니다!
언어란 사람과 사람 사이의 약속입니다.
마찬가지로 프로그래밍 언어란 컴퓨터와 사람 사이의 약속 이라고 할 수 있습니다.
앞으로 저희가 배울 HTML의 형식인데요
이는 사람도 알아볼 수 있고 컴퓨터도 알아볼 수 있다는 점에서 언어라고 합니다.
이는 코드라고 볼 수도 있고 소스라고 볼 수도 있습니다.
이를 작성하는것을 코딩 이라 하고 작성하는 사람을 코더, 개발자 라고 할 수 있습니다.
<HTML의 기본 문법>
우선 서버와 클라이언트 사이의 관계를 다시한번 보겠습니다.
클라이언트가 서버에게 요청을 하면 서버에선 HTML의 문서를 응답하는 방식으로 돌아간다는것...!잊지마세요!
HTML이란...?
HyperText Markup Language의 약자입니다.
Hypertext란...?
문서와 문서가 링크로 연결되어 있다는 의미입니다...!
Markup Language란...?
Markup을 이해하기 위해선 우선 Tag를 알아야 합니다!
그렇다면....Tag란....?
옷에도 태그가 붙어있듯이 해당 상품에 대한 속성 이라고 할 수 있죠...?
HTML에서도 똑같습니다!
보시는 바와 같이 이것이 가장 기본적인 HTML의 문법이라 할 수 있습니다...!
컨텐츠앞에는 시작태그와 끝태그가 필요합니다!
<HTML 문법-속성>
링크를 걸고 다른 페이지로 넘어가게 하기위해선 <a> 태그 라는것을 씁니다.
<a>생활코딩</a>
라는 코드는 생활코딩이 링크에 걸려 있다는 것을 말해줍니다.
그럼 어디에 링크가 걸려있는 것일까요...?
그것을 표현하는 속성이 href라는 것입니다.
href는 hyper reference의 약자입니다!
그래서 쓰는법을 알아보도록 하겠습니다!
<a href="http://opentutorials.org">생활코딩</a>
라고 코딩하게 되면 이제 '생활코딩'이라는 단어는 생활코딩 홈페이지주소(http://opentutorials.org)에 링크가 걸려있는 것입니다!
<a href="http://opentutorials.org" target="_blank">생활코딩</a>
이것은 새로운 탭에 열리게 되는 것을 의미합니다!
이렇게 사용하면 됩니다~ㅎㅎ
<HTML문법-태그의 중첩>
이번시간엔 리스트를 나타내는 방법을 알아볼게요.
이런 리스트를 나타낼려면 어떻게 해야할까요..?
이럴땐 <li>태그를 사용하면 됩니다!
그렇다면 이렇게 결과화면을 나타내려면 어떻게 코딩을 하면 될까요...?
방법은 여러가지가 있을 수 있습니다!
<br>태그를 이용해서 한줄을 내릴수도 있구요...!
아니면 다음 그림과 같이 <ul>태그로 한 단락을 감싸주어도 됩니다!
그렇다면 ul은 무슨 단어일까요...?
Unordered List입니다!
순서가 없는 리스트를 의미합니다....!
그렇다면 순서가 있는 리스트는 없을까요..? 있습니다!
<ol>태그 입니다! Ordered List 의 약자로써 다음과 같이 숫자로 리스트를 나타냅니다!
<HTML 정리>
HTML의 기본적인 틀이 있습니다!
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
</head>
<body>
</body>
</html>
입니다...!
<body>태그 안에 전달하고자 하는 정보를 쓰면 됩니다!ㅎㅎ
그럼다음시간에 봐요~
댓글