2021-05-29 (47일차) 변수, 값, 변수이름, jquery제이쿼리, let, $().css();

자바스크립트 5강~9강

JAVASCRIPT

< 자바스크립트 구성요소 >

- 변수

: 값 저장소, 공간

※ 변수에는 값이 무조건 1개

- 값 (데이터)

: 문장, 숫자

- 변수

이미 존재하는 상태에서 하나를 더 만들기는 불가능

변수 이름은 영문 대소문자, 숫자, 언더바로 지정할 수 있음

한글도 넣을 수 있지만 자주 사용하지 않음

맨 앞에 숫자가 올 수 없음

띄어쓰기는 안됨

변수는 = 기호 좌측에서만 변수로 취급된다.

- JQUERY 제이쿼리 기능

자바스크립트의 기본기능이 아닌, 편하게 이용하기 위한 추가 도구

codepen에서 실행하고 싶다면?

ㄴ settings > JS > jquery 검색 후 클릭 > 링크 복사 > 붙여넣기

html에다가 <script src="링크"></scritp>

- let 변수이름; 변수이름 = 값;

: 변수 선언, 생성

ex) let x;

x = 10;

- $('태그').속성(속성값);

: 해당태그에게 속성값을 준다

ex) $('div').css('background-color', 'red');

ㄴ> 'red'가 오는 자리에 함수를 지정하여 넣어줄 수도 있음

↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓

< 속성값으로 함수를 넣는 경우의 예시 > (결과 :초록색 1x1 정사각형)

<html>

<javascript>:

let divWidth = '100px';
let divHeight = '100px';
let divBackgroundColor = 'green';

$('div').css('width', divWidth);
$('div').css('height', divHeight);
$('div').css('background-color', divBackgroundColor);

2021-05-31 (49일차) html의 button, 자바스크립트 기호, if문, else if문, onclick, function, 버튼 누를 때마다 색 변경 (0)	2021.06.01
2021-05-30 (48일차) 복습, 기록 (0)	2021.05.30
2021-05-28 (46일차) JAVASCRIPT 시작! - console.clear();, console.log("");, 문자와 숫자 출력 개념 (0)	2021.05.29
2021-05-27 (45일차) flex-box, flex-shirink, flex-grow, min-height, 반응형 이미지, 배경이미지, 이미지 위에 글씨(텍스트), 미디어쿼리, @media, 반응형 상단바, position : fixed, overflow-x : auto (0)	2021.05.29
2021-05-26 (44일차) CSS Diner 헷갈렸던 개념 정리하기 (0)	2021.05.28