[웹 애플리케이션 만드는 순서]
구상 > 기획 > 디자인 > 테스트
앞선 순서는 절대적이지 않다.
기능 하나를 추가하는데 신중을 다해야 한다.
지수폭팔이니까
즉 start small..
작게시작하자
결론: 작게 시작해서 신중하게 옵션 추가하기
[기획]
UI( USER INTERFACE)
사용자가 시스템을 제어하는 조작장치
modeling
사용자 입장에서 동작하는 기능을 가상으로 만들어보기
(커뮤니케이션에 있어서 유용한 단계)
모델링도구
1. 손그림
(Pencil open 소스사이트)
balsamiq (사람이 손으로 그린것처럼 표현해주는 유료사이트)
파워포인트를 이용하는 경우도 많다.
[인터넷과 웹의 역사]
인터넷이 도시라면 웹은 그 안에 집
텀버너스리 - 웹 창시자
---------------------------------------------------------------
[서버 클라이언트]
---------------------------------------------------------------
웹서버가 문서를 찾는 최상위 폴더
Document Root(htdocs)
---------------------------------------------------------------
[서버제어]
컴퓨터 킬때마다 비트나미 서버 상태 러닝으로 변경
[html 이론]
파일저장시 이름 마지막에 .html
<strong>생활코딩</strong> 양변시작태그끝태그 합침
> 생활코딩 단어 강조
즉 브라우저에게 알려주는 것
[속성]
<a href="링크사이트">생활코딩</a>
>링크걸기
<a href="링크사이트" target='black'>생활코딩</a>
>새로운창에서 링크를 연다
target='_self'
>현재의창에서 링크를 연다
[문법 - 태그의 중첩]
<리스트> - <ls>html</ls>
<순서가 필요없는 리스트 unordered list> - <ul>html</ul>
<순서가 필요한 리스트 ordered list> - <ol>html</ol> (리스트가 1,2,3, 순으로 표현된다.)
<html>
html에 해당하는 문서들을 나타냄
</html>
<head>
문서를 설명하는 내용들
<meta charset='utf-8' /> # 한글꺠짐방지
<title>생활코딩</title> # 연 파일의 이름 설정
</head>
<body>
본문에 해당되는 내용들
</body>
------------------------------------------------------------------
html에 대한 생각
누가 만들까?
w3c라는 기관에서 html의 표준을 정한다.
여러가지 태그들의 생성및 소멸을 관장하는 역할을하는 국제기구
의장이 html 창시자 팀 버너스리
member(html을 더 편리하고 발전시킬수 있게 조율하는 구성원들)
google apple ms samsung ..
------------------------------------
<!DOCTYPE html> 외에 다앙햔 표준안들이 있다.
표준안에 따라 html의 태그들이 달라진다.
그러기에 상단에 표준안을 표시
즉 시대의 요구에 따라 개선 및 발전되어지고 있다.
------------------------------------
태그공부를 뺵뺵이 할 필요가 없다.
어떤 태그가 있는지만 알고 필요할때만 찾아서 쓰면 된다.
Tag Reference (태그사전)
결국 html의 본질은 무엇일까? 정보이다.
어떠한 정보를 태그를 이용해서 컴퓨터와 사람이 이해할수있게 해주는 것
추가로
시각적이고 디자인을 사용하는 css로써 분가시키는 조치도 취한다.
'web배경지식' 카테고리의 다른 글
| [web 애플리케이션 만들기] JavaScript vs PHP. by생활코딩 (0) | 2021.07.06 |
|---|---|
| [web 애플리케이션 만들기] CSS 실습. by생활코딩 (0) | 2021.07.01 |
| [web 애플리케이션 만들기] CSS 이론. by생활코딩 (0) | 2021.06.28 |
| [web 애플리케이션 만들기] 개발도구[ATOM IN GITHUB]. by생활코딩 (0) | 2021.06.27 |
| [web 애플리케이션 만들기] html 실습. by생활코딩 (0) | 2021.06.27 |