방구석 개발자의 놀이터

  • 홈
  • 태그
  • 방명록

HTML 2

[JavaScript] html에서 Script 호출 방법 및 Script 파일의 위치

1. Script import 방법 내용 // script 호출 //index.js let test = document.querySelector("#test"); test.addEventListener("click", function(){ alert("Hello Test") }); 로 호출할 수 있다. 위의 예제에서 index.js파일 경로는 html과 같은 폴더안에 있어서 경로를 생략했다. 2. Script 파일 위치 script를 head 태그 안에 위치할 수 있다. 하지만 이 경우에는 위의 예시에서는 오류가 발생한다. 오류를 방지하기 위해서는 위 예시의 index.js를 아래처럼 바꿔야 한다. //index.js window.onload = function(){ let test = document...

Front-End/JavaScript 2021.02.09

[HTML] 블록 레벨(Block level) 요소와 인라인(inline) 요소 특징

1. Block 요소 DIV, H1, P 등 대다수의 요소 사용 가능한 최대 가로 너비를 사용 CSS를 통해 크기를 지정할 수 있음 기본 CSS (width : 100%; height : 0;)로 시작 수직으로 쌓임 margin, padding 위, 아래, 좌, 우 사용 가능 주로 레이아웃 용도 2. Inline 요소 SPAN, IMG 등 필요한 만큼의 너비를 사용 CSS를 통해 크기를 지정할 수 없음 기본 CSS (width : 0; height : 0;)로 시작 수평으로 쌓임 margin, padding 위, 아래는 사용 불가능 주로 TEXT 용도

Front-End/HTML 2020.12.12
이전
1
다음
더보기
프로필사진

게으른 사람들에게 편리함을 제공해 줄 수 있을 때 가장 기쁜 개발자

250x250
  • 분류 전체보기 (102)
    • JAVA (2)
    • Spring (17)
    • Python (14)
    • 회고록 (4)
    • Flutter (3)
    • Git (1)
    • Spring Boot (15)
    • Algorithm (3)
    • AWS (1)
    • Front-End (34)
      • HTML (1)
      • CSS (1)
      • SCSS (2)
      • JavaScript (12)
      • React (13)
      • React-query (1)
      • NextJS (0)
      • Test (1)
    • OpenSource (3)
    • 독서 (0)
    • 강의 (1)
    • Error (4)

Tag

javascript, front-end, spring, es6, 회고록, spring boot, springframework, flutter, 개발자, aspect, react, component, lombok, CSS, react-router-dom, frontend, PYTHON, springboot, opensource, 프론트엔드,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/05   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바