[작성일: 2023. 02. 18] 자바스크립트(Javascript)퍼즐 조각처럼 코드 형태로 HTML 페이지에 내장됨.컴파일 과정 없이 브라우저 내부의 자바스크립트 처리(interpreter)개발의 발전을 통해 컴파일이 가능해졌으며 Node.js로 서버 환경을 구축함.웹 페이지는 3개의 큰 요소로 구성(html, css, javascript)자바스크립트는 사용자의 입력을 처리하거나 웹 애플리케이션을 작성하는 등 웹 페이지의 동적 제어에 사용됨.[index.html] [웹브라우저]     자바스크립트의 기능사용자의 입력 및 계산HTML의 폼은 입력 창만 제공함.Key, Mouse의 입력 및 계산은 자바스크립트만 가능함.웹 페이지 내용 및 모양의 동적 제어HTML 태그의 속성이나 컨텐..

[작성일: 2023. 02. 16] 반응형 레이아웃(Responsible Layout)웹의 레이아웃을 만들 때 사용자의 해상도를 고려스마트폰이나 태블릿 등은 화면이 작기 때문에 가독성이 중요함.이러한 문제를 해결하고자 하는 방법 중 하나로 해상도에 따라 가로폭이나 배치를 변경함.@media 키워드로 반영형 레이아웃이 가능함.@media ( max-width: 768px) { body { color : red; }     부트스트랩(Bootstrap)세계에서 인기있는 모바일 우선형/반응형 Front-End Framework프레임워크(Framework)패키지: 소스 + 디렉토리라이브러리: 여러 개의 패키지프레임워크가 제공하는 공간에 라이브러리들을 넣을 수 있음.가장 빈번하게 사용되는 CSS, js를 미리 만..

[작성일: 2023. 02. 13] Layout요소(Element, 버튼 등 웹을 구성하는 모든 것) 들을 화면에 배치하는 것기본적으로는 위에서부터 아래로 배치함.웹은 다양한 표현이 가능해야 하므로 속성을 통해 다양한 배치 구현     주요 속성display   block, inlineposition   static, relative, absolute, fixedfloat   left, right     display 속성block벽돌을 쌓듯이 쌓음.div, header, h1~h6, canvas, section, article, ol, ulwidth와 height 값을 지정할 수 있음.     inline한 줄을 다 차지하지 않고 우측으로, 아래쪽으로 빈 자리를 차지하며 흐름.span, br, butt..

[작성일: 2023. 02. 09] 테이블여러 종류의 데이터가 행과 열로 정리된 표 태그 사용   테이블 height="행높이"> 컬럼명 데이터 데이터 데이터 ... 데이터 ... ... ...   병합(merge)열병합colspan="합칠 열의 개수" 행병합rowspan="합칠 행의 개수"   caption 태그로 테이블 상단에 짧은 설명을 붙일 수 있음.table 1개 당 한 번만 사용 가능   colgroup뒤에 나오는 컬럼(td)에 적용할 스타일을 미리 적용함.   thead, tbody, tfoot행을 묶어서 스타일 지정하나의 테이블에 하나씩 사용 가능시각 장애인을 위한 화면 판독기 가능(웹 접근성 보장)     a 심화link         아직 방..

[작성일: 2023. 02. 07] HTML의 요소My name is None1 2 3Opening Tag : 요소의 이름과 로 구성Contents : 요소의 내용이며 단순한 텍스트로 구성Closing Tag : 1과 같지만 이름 앞에 /가 있음.     중첩 요소(Nested Element)요소 안에 다른 요소를 넣는 것I'm bery happy     단락 태그(Paragraph Tag)단락 : 내용 상 끊어서 구분할 수 있는 하나의 부분. 문단이라고도 함태그로 단락 표현 ~      서식 태그, : 강조(굵은 글씨), : 글씨 기울이기(이탤릭체) : 하이라이트(형광펜) : 취소선 : 텍스트에 밑줄 긋기, : 위 첨자, 아래 첨자     링크 태그HTML link ..

[작성일: 2023. 02. 05] Web웹의 기본 목적다른 컴퓨터에서 문서를 공유하거나 보는 목적   웹의 구조인터넷을 활용하여 거미줄처럼 연결WWW(World Wide Web)웹 문서를 인터넷상의 컴퓨터끼리 주고받는 네트워크 시스템 웹의 구성웹 서버: 웹 클라이언트클라이언트사용자의 인터페이스 담당웹 서버에 웹 문서를 요청함.웹 서버웹 사이트를 탑재한 컴퓨터웹 문서, 이미지, 동영상 등 데이터를 저장웹 컨테이너동적인 데이터 요청이 들어왔을 때 서버가 연산을 요청하는 곳이후 연산이 끝나면 정제된 데이터(JSP, Servlet)로 서버에 돌려줌.WAS(Web Application Server)서버 + 컨테이너가장 유명한 것은 Apache Tomacat    웹의 성공Tim berner-Lee의 아이디어19..