웹개발/부스트코스(웹프로그래밍) 검색 결과
40 개의 검색 결과가 있습니다.
웹개발/부스트코스(웹프로그래밍)

Class와 id 속성

ID고유한 속성으로 한 HTML 문서에 하나만 사용 가능합니다.고유한 ID 값이 있으면 하나하나에 특별한 제어를 할 수 있으며 검색에도 용이합니다. Class하나의 HTML문서 안에 중복해서 사용 가능합니다.하나의 태그에 여러 개의 다른 class 이름을 공백을 기준으로 나열할 수가 있습니다.홈페이지 전체적인 스타일을 일관성 있게 지정하기 위해서는 class의 사용이 필수적입니다.이렇게 구분할 수 있지만, 많은 회사마다 개발단계에서 어떠한 약속(convention)을 만들어서 자신들만의 규칙을 사용하기도 합니다.예를 들어 ID사용을 금하는 곳도 있습니다.class로만 사용하는 곳도 있습니다.그건 팀이 결정하기 나름입니다.하지만 반대의 경우 즉 모든 것을 id만으로 사용하는 것은 없겠죠? 실습코드12345..

2018. 12. 14. 20:46
웹개발/부스트코스(웹프로그래밍)

HTML 구조설계

HTML 구조설계 구조화 설계는 마치 문서를 쓴다고 생각하면 쉽습니다.현업에서는 Presentation 문서형태의 기획서나 디자인 파일을 받아서 그것을 기반으로 HTML개발을 시작합니다.즉 어떠한 화면을 보면서 그대로 구현하는 것이죠. 그 화면을 보면서 구조를 분석해야 합니다. 먼저 영역을 나눠서 상단/본문/네비게이션 이런 식으로 큰 부분부터 분리합니다.그 뒤에 각 영역 안에 내용의 구조를 잡는 것이 일반적입니다.각 영역 안의 내용 역시 여러 가지 형태일 겁니다.목록을 나타내거나, 이미지를 나타내거나, 문단을 나타낼 수 있습니다.이때마다 적절한 태그를 쓰면 됩니다.그러면서 영역 안에 또 다른 영역이 있다면 점점 안으로 좁혀가면서 HTML tag를 사용하면서 완성해나가는 겁니다.이때 CSS코드를 같이 구현..

2018. 12. 14. 20:14
웹개발/부스트코스(웹프로그래밍)

HTML 레이아웃 태그(Layout tag)

레이아웃을 위한 태그 레이아웃을 구성하는 태그도 역시 그 의미에 맞춰서 사용됩니다. header - 문서 또는 섹션의 머리글 정의section - 문서에서 각부분 정의nav - 탐색 링크용 컨테이너 정의footer - 문서 또는 섹션의 바닥글을 정의aside -내용에서 별도로 내용 정의(예: 사이드바) html태그는 레이아웃을 할 때도 그 의미에 맞는 것을 찾아 사용해야 검색도 더 잘되고, 가독성 있는 코드를 만들 수 있게 됩니다. 지금 언급된 태그들은 예를 들어 아래와 같은 화면으로 구성됩니다. 참조사이트https://www.w3schools.com/html/html_layout.asp

2018. 12. 14. 11:38
웹개발/부스트코스(웹프로그래밍)

HTML tag

HTML tag의 종류 태그는 그 의미에 맞춰서 사용해야 합니다.링크이미지목록제목anchor 태그, img 태그, ul/li 태그, heading 태그, p 태그 등이 자주 사용됩니다.그 밖에 가장 많이 사용하는 div태그가 있습니다.div 태그는 block 엘리먼트라고 하는데 일반적인 영역을 표현할 때 가장 많이 사용합니다. 많은 태그를 모두 외울 필요는 없으며, 필요한 태그를 찾아서 적절한 의미에 맞는 태그를 사용하는 것이 중요합니다. HTML tag 확인 HTML tag 참고 사이트www.w3schools.com/TAgs/

2018. 12. 14. 11:24
웹개발/부스트코스(웹프로그래밍)

WAS(Web Application Server)

WAS (Web Application Server)WAS는 일종의 미들웨어로 웹 클라이언트(보통 웹 브라우저)의 요청 중 웹 애플리케이션이 동작하도록 지원하는 목적을 가집니다. 미들웨어란?클라이언트 쪽에 비즈니스 로직이 많을 경우, 클라이언트 관리(배포 등)로 인해 비용이 많이 발생하는 문제가 있습니다.비즈니스 로직을 클라이언트와 DBMS사이의 미들웨어 서버에서 동작하도록 함으로써 클라이언트는 입력과 출력만 담당하도록 합니다. DBMS란?다수의 사용자가 데이터베이스 내의 데이터에 접근할 수 있도록 해주는 소프트웨어입니다. 웹 서버 vs WASWAS도 보통 자체적으로 웹 서버 기능을 내장하고 있습니다.현재는 WAS가 가지고 있는 웹 서버도 정적인 콘텐츠를 처리하는 데 있어서 성능상 큰 차이가 없습니다.규모..

2018. 12. 13. 20:01
웹개발/부스트코스(웹프로그래밍)

웹서버

웹 서버란?웹 서버는 소프트웨어(Software)를 보통 말하지만, 웹 서버 소프트웨어가 동작하는 컴퓨터를 말합니다.웹 서버의 가장 중요한 기능은 클라이언트(Client)가 요청하는 HTML 문서나 각종 리소스(Resource)를 전달하는 것입니다.웹 브라우저나 웹 크롤러가 요청하는 리소스는 컴퓨터에 저장된 정적(static)인 데이터이거나 동적인 결과가 될 수 있습니다. 웹크롤러란? 웹 크롤러(web crawler)는 조직적, 자동화된 방법으로 월드 와이드 웹(WWW)을 탐색하는 컴퓨터 프로그램 웹 서버 소프트웨어의 종류가장 많이 사용하는 웹 서버는 Apache, Nginx, Microsoft IISApache웹 서버는 Apache Software Foundation에서 개발한 웹서버로 오픈소스 소프트..

2018. 12. 13. 14:51