web 기초

대 단락을 나눌 때 사용

https://fonts.google.com/ 여러 폰트가 있겠지만 구글 폰트를 사용원하는 폰트를 선택페이지를 내리다보면 원하는 스타일들을 선택우측 상단의 사각형+를 누르면 선택한 스타일 목록을 확인하고 다운로드

https://developer.mozilla.org/ko/docs/Web/JavaScript/Guide/Regular_Expressionshttps://regexr.com/

디자인에 최적화된 웹페이지 마크업 언어웹디자인의 최소 단위하나의 객체를 의미태그 하나를 지칭한다고 하고 대충 넘어가자css 혹은 javascript로 변화시킬 대상(데이터)을 지정할 때 부른다하나 이상의 엘리먼트일 수 있다선택할 땐 tag, class, name, id

C02Backend.jsp를 통해 자바로 데이터베이스에 원격 접속하여 key1=1 (기호)과 key2=홍길동(이름)에 일치하는 데이터를 출력하고자 하였으나 시도할 때마다 400 error가 발생하며 문법적 오류가 있다는 메시지가 떴다. 아무리 살펴봐도 문법적 오류도 없

none : 보이지 않게 함visibility : 보이게(기본 값)block : 박스형태의 공간inline : 컨텐츠를 작성하는 공간inline-block : 박스형태의 컨텐츠를 작서하는 공간height 값을 지정할 수 있음margin / padding 을 지정할수 있

https://templatemo.com/

상대 단위로써 고정되지 않고 어떤 기준에 따라 유동적으로 바뀔 수 있는 길이의 단위%, vw, vh 등이 상대단위로써 기능화면크기의 변화에 따라 대응 가능font-size를 px로 설정하면 거기에 따라 em, rem의 크기는 비율로써 px로 변환

문서 객체 모델 => 웹페이지 문서 내의 모든 엘리먼트들을 정의하고 접근하는 방법을 제공method or procedure 등으로 불리며 특정 동작을 수행하는 일정 코드의 부분기본 문법으로만 사용되는 자바스크립트프로그램의 흐름을 확인하기 위해 남기는 기록, 개발 전 가

의미 JQuery 자바스크립트 라이브러리, 자유소프트웨어 폭넓은 브라우저 지원 ajax 비동기적인 웹페이지 제작을 위한 기법 -- 동기: 요청과 결과가 동시에 일어남| 장점: 간단 설계 + 직관성 / 단점: 결과가 주어질 때까지 대기 -- 비동기: 요청과

Bootstrap 웹사이트를 쉽게 만들 수 있게 도와주는 프레임워크 head 부분에 위 코드를 입력해야 bootstrap 사용 가능 container-fluid : container 클래스라는 div의 영역을 가로 전체 영역까지 확대 bg-primary / bg-s

웹과 JSP 인터넷 컴퓨터가 서로 연결되어 TCP/IP라는 통신 프로토콜을 이용하여 정보를 주고 받는 전 세계의 컴퓨터 네트워크 웹 인터넷에 연결된 컴퓨터들을 통해 사람들이 정보를 공유할 수 있는 공간 월드 와이드 웹(world wide web)의 줄임말 웹의 동작

JavaScript를 사용한 비동기 통신, 클라이언트와 서버 간에 XML데이터를 주고 받는 기술=> 자바스크립트를 통해서 서버에 데이터를 요청하는 것AJAX는 비동기 방식웹 페이지를 리로드하지 않고도 데이터를 불러오는 방식데이터를 불러올 때 순서에 맞게 일을 진행먼저

액션 태그 서버나 클라이언트에게 어떤 행동을 하도록 명령하는 태그 JSP 페이지에서 페이지와 페이지 사이 제어 다른 페이지의 실행 결과 내용을 현재 페이지에 포함 자바 빈즈(JavaBeans) 등의 다양한 기능 제공 XML 형식 사용 액션 태그의 종류 footer

사용자가 웹 브라우저를 통해 입력된 모든 데이터를 한 번에 웹 서버로 전송하는 양식전송한 데이터는 웹 서버가 처리하고 처리 결과에 따라 다른 웹 페이지를 보여줌사용자가 어떤 내용을 원하는지, 사용자의 요구 사항이 무엇인지 파악할 때 가장 많이 사용하는 웹 애플리케이션의