21.08.11 수업일지

임경욱·2021년 11월 25일
0

CSS문법

JavaScript

안과 안에 기입이 가능하다.

예시)

외부 JavaScript 파일을 적용

예시)

이벤트 처리
onclick
onmouseover, onmouseout
onchange

DOM(Document Object Model)과 자바스크립트의 관계

  • 자바스크립트에서 HTML 페이지의 요소에 접근하거나 변경할 수 있도록 한다

화면 구현 과정

  • 화면 구현시 설계 없이 진행하기 때문에 많이 오류가 남(주석 활용이 많이 필요하다.)

웹 개발 실행
jsp 이클립스 실행>webapp www폴더 생성>bootscrapt 파일 삽입(css, js, front 붙여넣기)

www 새폴더 생성(images)>

실행 후 개발자 도구 이용하여 메뉴가 붙어있을때 element.style에 clear: both; 줍니다.

    은 가로로 말드어 줍니다. ul 울

    swiper을 사용하기위해 jquery4의 파일을 사용한다.

    해당 필요한 파일들을 넣어주면 복사하는데 밑으로 넣어야한다
    css를 이용하여 에 속성을 넣어준다.

    예시)

    로 설정 > .slice { height : 200px;} 여기서 height는 높이를 뜻 합니다.

    그리드 옵션? 그리드라는 부트 스크랩 옵션을 이용하여 가로로 표시 합니다.

    크롬에서 개발자 도구 > 컨트롤 쉬프트 c > 단락이나 요소에 마우스를 올린다.
    결과 : 사이즈와 같은 기타 요소가 나옵니다.

    이미지를 넣을때 사용하는 예시)

    만약 위의 이미지에서 크기를 맞추는 싶다면 방법 예시)
    class="img-responsive"를 안에 넣는다.

    위아래로 칸을 주고 싶다면

profile
Hello Universe

0개의 댓글