23.05.24 JS 기초

sun_ovo·2023년 5월 24일
0

5/24

코드를 입력하세요
```<div> : 화면 전체를 사용하기 때문에 자동으로 줄바꿈 됨.
<span> : 줄바꿈이 되지 않는 무색 무취의 tag

코드 내의 동일 단어 한번에 바꾸기 : replace (vsc 단축키 : ctrl + h)

<style>
. = class 
# = id
단, 우선순위 : id > class > tag
id : 학번(절대로 중복되지 않는 것)
class : 반(같은 반일 수 있음)


제어할 태그 선택하기
-> button을 클릭했을 때 button에 저장된 js 코드에 의해 동적으로 <body> tag를 선택하게 만들고 싶음

: document.querySelector(selector);
(selector : <body>, #id, .class 등 내가 선택하고자 하는 것)



JavaScript란?
Html, CSS = 컴퓨터 언어
JavaScript = 컴퓨터 프로그래밍 언어

-> 프로그래밍?
어원 : "순서"를 만드는 행위

-> 컴퓨터 사용의 목적
어떤 일을 수행할 때
: 특정 하나의 기능만 사용 (x)
: 어떤 의도에 따라 순서대로 여러 기능을 작동 (o)
-> 시간의 순서에 따라('동적으로') 실행되어야 할 동작을 배치하여 적어둔 후, 컴퓨터에게 전달 = 프로그래밍



toggle
- 오직 두 가지 상태만 존재하는 상황에서, 스위치를 누르면 한 값이 되고 다시 한 번 누르면 나머지 값으로 변하는 것 
(ex : 야간모드 on/off)
profile
전자공학도의 코딩 입문기 ٩(•̤̀ᵕ•̤́๑)

0개의 댓글