자바스크립트 코드가 짧을 경우(html 문서 내에서 해결하고자 할 때)

 

html문서 내에서 <script>태그를 이용한다.

 

자바스크립트 코드가 길 경우(자바스크립트 파일을 연결하고자 할 때)

 

html문서에서 스크립트 파일로 저장된(별도의 파일로 저장된) 자바스크립트 파일(.js)을 연결시키고자 할 때

html문서에서 <script>태그의 src속성, 즉 <srcipt src>를 이용해서 자바스크립트 파일을 연결시킨다.

· <script src="자바스크립트파일경로"></script>

 

▶예시

· <script>태그 + src속성

· <script src="anniversary-calculator.js"></script>

  ...
  <script src="anniversary-calculator.js"></script>
</body>
</html>

위치는 상관 없으나, 처리 속도를 고려하면 </body>직전에 넣어주는 것이 좋다.

'1-3 java_script' 카테고리의 다른 글

[javascript] 자료형1  (0) 2021.06.10
[javascript] JavaScript 시작하기  (0) 2021.05.12

 

css 코드가 짧을 경우(html 문서 내에서 해결하고자 할 때)

 

html문서 내에서 <style></style>태그를 이용한다.

 

css 코드가 길 경우(css 파일을 연결하고자 할 때)

 

html문서에서 스크립트 파일로 저장된(별도의 파일로 저장된) css파일(.css)을 연결시키고자 할 때

html문서에서 <link>태그의 href속성, 즉 <link href>를 이용해서 css파일을 연결시킨다.

· <link rel="stylesheet" href="css파일경로">

 

▶예시

· <link>태그 + href속성

· <link rel="stylesheet" href="anniversary-calculator.css">

<!doctype html>
<html lang="ko">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>aniversary calclulator</title>
	<link rel="stylesheet" href="anniversary-calculator.css">
</head>
<body>
...

'1-2 css' 카테고리의 다른 글

[css] Block level element, Inline element_박스 기본 영역  (0) 2021.07.08
[css] id, class속성  (0) 2021.07.07
[css] 속성 간략하게 쓰기  (0) 2021.07.05
[css] 선택자(Selector), css의 속성(Property)  (0) 2021.06.25
[css] css 시작하기  (0) 2021.05.10

 

JavaScript

 

미국의 넷스케이프 커뮤니케이션즈(Netscape Communications)에서 개발한 프로그래밍 언어.

웹 개발자에게는  필수적인 언어다.

 

웹 브라우저를 동적으로 만들기 위한

 

html로 웹 페이지를 구성(토대 마련),

그 구성을 토대로 자바스크립트를 이용해 사용자와 상호작용 한다.

'1-3 java_script' 카테고리의 다른 글

[javascript] 자료형1  (0) 2021.06.10
[javascript] html문서에서 자바스크립트 연결하기  (0) 2021.06.07

 

CSS(Cascading Style Sheet)

 

종속형 스타일 시트.

웹 브라우저에 정보를 나타내기 위해서는  html을 이용함

이 html을 시각적으로 꾸며주는 역할을 하는 것이 css.

 

웹 브라우저에 관한 디자인 작업시, html문서를 건드릴 필요 없이 css만으로 작업이 가능하다.

 

도서관 프로그래밍 코너에서 서성일 때

css 모음집이라는 두꺼운 책을 본 적이 있다.

당시에는 css 지식 자체가 방대하고 무거워 이에 비례해 두께가 두꺼운 게 아닐까, 하고 생각했는데

지금에 와서는 디자인적 요소에 따른 여러가지 예시가 많을 수 밖에 없기에 두꺼웠던 거라고 생각한다.

'1-2 css' 카테고리의 다른 글

[css] Block level element, Inline element_박스 기본 영역  (0) 2021.07.08
[css] id, class속성  (0) 2021.07.07
[css] 속성 간략하게 쓰기  (0) 2021.07.05
[css] 선택자(Selector), css의 속성(Property)  (0) 2021.06.25
[css] html문서에서 css 연결하기  (0) 2021.05.13

내가 쓰는 노트북은 윈도우를 기반으로 하기에 코딩 공부를 위해 우분투를 설치했다.

추후 우분투 사용에 따른 제약, 이를테면 제대로 작동이 되지 않는다든가 하면
가족 중에 맥북을 쓰는 사람이 있으니 잠깐 양해를 구하고 빌릴 생각이다.

일단은 내 컴퓨터에 우분투 설치를 하는 걸로.

그리고 듀얼모니터를 위해 다이소에서 hdmi to hdmi 연결선을 구입했다.
설치법은 굉장히 간단함.
따로 건드릴 필요 없이 선을 연결 후, 노트북 디스플레이에서 '모니터 확장'을 누르면 끝!

처음에는 아무 변화가 없어 몇 시간을 씨름했건만 전원을 껐다 켜니 자연스레 적용 되었다.


하... 아니... 대체 초반에 어째서 왜 아무런 신호가 없었는지 도통 알 수가 없다.

애꿎은 시간만 잔뜩 날려버림.

그래도 선이 불량인 줄 알고 환불하러 다시 가야 하나 고민이었는데 문제가 없어 다행이다.

'3 > ect' 카테고리의 다른 글

근황  (0) 2021.08.03
구글 검색 팁  (0) 2021.07.12
코드 하이라이트 설치  (0) 2021.06.24

+ Recent posts

티스토리툴바