HTML/CSS/JavaScript
1.HTML / 기초지식, <body>
edu day 12Front-end - Back-end - DatabaseFront-end : 사용자의 브라우저 위에서 동작한다.(HTML, CSS, js, jquery, vue, react) Back-end : (servlet, jsp, spring, spring
2.HTML / id, table, list, form
edu day 13 `` ❗id(내부 페이지 이동)❗ id속성을 이용하여 HTML문서 내의 bookmark기능을 추가할 수 있다. 문서의 내용이 많을 경우 스크롤이 불편하기 때문이다. target 속성 :링크된 문서를 어디에서 실행시킬지를 지정할 수 있다. _
3.CSS / 기초, 선택자, 클래스, Box model
edu day 14웹 페이지의 시각적 표현을 제어하기 위한 언어장점HTML에 비해 훨씬 많은 표현 형식 기능을 제공함.과거 <font> 태그등의 제거로 인한 파일 사이즈가 작아지고 로딩 속도사 향상되며, 웹 페이지의 가독성도 향상됨사이트내의 모든 페이지에 연결된
4.CSS(끝) / 속성
edu day 15background-color : 요소의 배경색상 지정background-image : 배경에 설정할 이미지를 지정background-repeat : 기본적으로 이미지를 수평 및 수직 반복하여 전체화면에 꽉 차게 보이게 한다. 반복 처리하지 않는 경우
5.JavaScript / 변수, 형변환/검사, 연산자
edu day 31 📌What is JavaScript? 1995년 Netscape사에서 개발되었다. 원래 LiveScript로 불리워지기로 되어 있었지만, Java언어 성공에 편승하려고 JavaScript로 정했다. 모든 웹브라우저가 같은 Javascript를
6.JavaScript / 함수, 객체
edu day 32프로그램을 개발하기 위해서 js소스코드에 입력시키는 문장을 의미한다.Java랑 매우 동일하여 Java와 다른 부분만 기록하겠다.❗주의 : 자바스크립트 변수는 블록단위로 관리되지 않고 함수단위 스코프로 동작된다.for ~ injava의 foreach와
7.JavaScript / Window객체, DOM
edu day 33Window 객체 : 브라우저 창이 열릴 때 마다 하나씩 만들어지는 객체로서, 브라우저 창 안에 존재하는 모든 요소의 최상위 객체이다.Navigator 객체 : 브라우저와 관련된 정보를 포함하는 객체Screen 객체 : 화면(screen)정보와 관련된
8.JavaScript / 이벤트 처리(event handling)
edu day 34js 이벤트 모델js 는 이벤트 드리븐(event-driven) 모델에 기반한다. 웹페이지 안에서 발생한 여러가지 사건(이벤트)에 따라 대응하는 방법을(이벤트 핸들러) 이용한 처리이다.이벤트에 대응에 처리를 담당하는 함수를 이벤트 핸들러😋라고 한다.