👩‍🏫js/css-자바스크립트개념-특징,위치,출력,=,;,변수,변수규칙,let,const,사칙연산/리셋css/홈페이지영역/잼코드?/포맷도큐먼

ECMA 스크립트 6 ! 최근

1. 인터프리터 언어이다.

2. 클라이언트 언어이다.

3. 객체기만 언어이다.
- 모든 객체는 메소드와 속성을 가진다.

4. 공개용 언어이다.

5. 다양한 라이브러리를 가진다;
- 대표 라이브러리 : 제리쿼리.
*라이브러리 : 많이 사용할만한 기능을 모아놓은 것을 뜻한다.

---

자바스크립트 위치
1. 헤드와 헤드 사이
2. 바디와 바디 사이
3. 외부파일 만들어서 불러오기

---

출력하는 법
1. HTML 안에 출력하기
- document.write(출력할 내용물);
(여기서 도큐먼트는 문서객체다. 쩜 라이트는 메소드이다.)

2. 경고창 띄우기
alert(출력할 내용물);

3. 브라우저에 있는 console 창을 통해 출력
console.log(출력할 내용물);

---

=의 의미 : 오른쪽의 요소를 왼쪽에 넣어라.
; 꼭붙여야한다.

---

변수

1. 변할 수 있는 데이터를 저장하는 공간

[변수 선언하기]
var 변수이름 = 데이터;

var 변수이름2;
변수이름2=데이터;

var 변수이름 1 = "값"; 변수이름2, 변수이름3 = 깂;
*여러개 변수 선언할 때는 콤마로 구분한다.


변수 이름 만드는 규칙
두 단어 이상 합칠 경우 - camelCase (낙타봉표기법)
= 소문자로 시작해 중간글자 첫글자를 대문자로 사용.

---

-최근 사용하는 let, const

var = 재선언, 재할당 가능
let = 재선언가능, 재할당 불가 -> 코드가 아주 길어질때 내가 썼던 변수를 또 쓰는 상황을 막기 위해.

const = 재선언, 재할당 불가

---

사칙연산

-변수

-변수 렛 컨스트

-사칙연산자

-리셋css (컴마css)

홈페이지는 크게 3영역으로 구분
헤더 / 컨테이너 / 푸터
=> 덩어리가 크기 때문에 아이디로 묶는다. (덩어리 큰놈들은 아이디로)



-로고
h1>a>img

-메뉴
ul>li>a

-메인배너
ul>li

사진상품리스트 (저거 3개짜리)
-ul>li



-nav = 메인메뉴





<잼코드>

 

 

 

 

h1.logo>a[href="#"]>strong

엔터치면

<h1 class="logo"><a href="#"><strong></strong></a></h1>

 

 

이게 잼코드 라는 것이라고그런다.. 왜이런거 안알려주셨지

nav>ul.gnb>li*5>a[href="#"]{Link$}

엔터치면 일케..

 

 

div#container>div*2

 

div.listWrap>div.list*3>div.imgBox+textBox

b

---

리셋스타일태그

---

이거 만드는데 기본적으로 잡아주셨다.

---

바깥으로 탈출하고 난리난거 이거 누르셨나? 하니까 잘보이고 해결이 쉬워졌다 대애박ㅋ