TIL 2[ JS기초, bootstrap ]

1. 오늘 학습 키워드 :  Html, css , js (jquery) , bootstrap

2. 학습 내용을 나만의 언어로 정리
Html은 뼈대 , css는 디자인 , js는 웹브라우저의 동작기능 

Jquery는 js의 라이브러리이다. ( JS를 쉬운 방법으로 표현해서 사용하기 위함. )

 

3. 학습내용 

Html,css,jquery를 활용한 클론 코딩 (웹 개발 종합반 강의2~3주차)

Html,css,jquery를 활용한 클론 코딩 (웹 개발 종합반 강의2~3주차)

 - 궁금했던 점 (의문)

  *튜터님에게 질문: 부트스트랩에 있는 것들은 div태그에 클래스명을 하나라도 변경해주면 그 스타일이 그대로 적용되는 원리가 궁금하다고 질문을 함. => 부트스트랩 사이트의 정해진 룰이며, 옛날에는 웹을 개발할때 순수히 다 작성해야 하였지만, 부트스트랩의 경우, 클래스명으로 압축되어서 디자인이 자동으로 되기 때문에 현 개발자들이 간편하게 개발 할 수있게 나둔 라이브러리라고 생각하는 것이 라고 보는데 맞음. 
 - 새롭게 알게 된 점

bootstrap 사이트 ( 코드를 간편하게 사용하기 위한 html/css 라이브러리 모음 )

[JS]

let으로 변수를 선언하고 변수명은 직관적이어야함. ( 누구나 알아볼수 있기, 쉽게 기억하기 위해 ! ! )

console.log() - 출력함수

alert() - 경고메세지 출력 함수
toggle() - 껏다/켰다 의 on/off기능을 해주는 함수

// 자료형 (리스트, 딕셔너리)
let a = [ '사과' , '배' , '수박' ]; // 리스트는 순서가 있음.
console.log(a[0]);  // index는 항상 0부터 시작함. ( 모든 프로그랭밍 언어 동일)


let b = { 'name':'bob', 'age':30 }; // 딕셔너리는 키와 값을 가짐.
console.log(a['name']) // bob이 출력됨.

let ages = [15,2,3,51,2];

// forEach 반복문
ages.forEach(age => {
	console.log(age); // ages에 있는 요소들이 하나씩 출력됨 15,2,3,51,2 (세로로)
}); // <--- 일반적인 for 문 이랑은 다르게 사용되는것을 새로배움.

4. 내일 학습 할 것:  웹 개발 종합반 3~4주차(가능하면 완강), Git/github 복습