• 내일배움카드로 웹개발 종합반을 수강하게 되었다. HRD에서 관리를 하기 때문에 매일 출석체크를 해야하고 하루 8강 이상은 진도를 나갈 수 없다. 5주간의 진도이지만 1주에 약14~18강 정도이고 강의 시간이 짧기 때문에 8강씩 들으면 2,3일에 1주차씩 따라갈 수가 있다.
• 그래서 아마 2,3일에 한 번씩 웹종합반 TIL을 쓸 것 같다.

❓ 왜 브라우저는 자바스크립트만 알아들을까?

• 이미 만들어진 표준이기 때문에! ‘역사적으로 + 이미 만들어진 표준’이라서 모든 브라우저가 자바스크립트를 알아듣게 설계되어있어서

❓자바와 자바스크립트는 어떤 차이가 있을까?

• 아무 상관이 없다!!

JAVASCRIPT

---

1. 변수

• let a = 2
  • a라는 박스에 2를 담았다.
• 문자열에는 작은 따옴표를 붙인다.
  • let name = ‘Kim’

2. 자료형

• 리스트 : 순서가 중요한 담기
  • let a_list = [’수박’,’참외’,’배’]
• 딕셔너리 : 순서 상관없이 키-밸류 담기
  • let a_dict = {'name':'bob','age':27}
• 리스트와 딕셔너리는 서로서로의 요소가 될 수 있다.

3. 함수

• a % 4 ⇒ a를 4로 나눈 나머지 (딱 떨어지면 0)
• == (같다) != (같지 않다)
• 특정문자로 문자열 나누기
  • myemail.split('@')[1] ⇒ @를 기준으로 나눠서 1번째(컴퓨터는 0부터 세니까 두번째) 값 나타내기 ∴골뱅이 뒤에 gmail.com 출력
• 함수란? 프로그램에서 정해진 동작을 하는 것

4. 조건문

• if(조건) {조건이 참일 때 행동} else {조건이 거짓일 때 행동}
• 조건에서 &&(=and), ||(=or)

5. 반복문

• for (let i = 0; i < 10; i++) { console.log(i) }
  • i는 0부터 9까지(10보다 작아야 하니까) 하나씩 커지면서 출력할 것!
• 반복문과 if문을 같이 사용하면 더 복잡한 명령도 할 수 있다.

6. 전형적인 패턴 연습하기

• 서울시 미세먼지 값

  for (let i = 0; i < mise_list.length; i++) {
  		 let gu_name = mise_list[i]['MSRSTE_NM']
  		 let gu_mise = mise_list[i]['IDEX_MVL']
  			  console.log(gu_name,gu_mise) 
  	}

  • 구이름, 미세먼지 값만 출력해줘! ⇒ []와()를 수정하거나 if문을 추가하면 다양하게 응용할 수 있다.

    for (let i = 0; i < mise_list.length; i++) {
    	let gu_name = mise_list[i]['MSRSTE_NM']
    	let gu_mise = mise_list[i]['IDEX_MVL']
    	if (gu_mise > 40) {
    		console.log(gu_name,gu_mise)}
    	}

✏️ 1 주차 숙제 : 원페이지 쇼핑몰 html만들기

• 답 예시를 보고 만들었다. 상품제목 부분에 가격 부분 배열이 예쁘게 되지 않아서 결국 그부분은 답지를 보고 했는데 h2태그 안에서 가격 부분만 span태그로 묶어서 폰트 사이즈를 바꾸는 것이 답이었다.
• 튜터님이 span이 힌트라고 알려 주셨는데도 나는 h2태그에 상품제목만 적고 가격부분은 따로 묶어서 자꾸 가격 부분이 공중에 뜨거나 상품 설명이 위로 올라와서 여기서만 1시간을 헤멨다.
• 주문하기 부분은 부트스크랩에서 복사해와서 약간만 수정을 하면 되어서 주문하기 부분은 엄청 빨리 끝났다.

7. 자바스크립트 복습

• 짝/홀수 onclik함수 만들기

    letcount= 1;
    /*함수안에서 let을 하면 함수가 끝나고 사라져 버린다!!*/
    function hey() {
        if (count% 2 == 0) { 
          alert('짝수입니다!')
        } else {
          alert('홀수입니다!') }
		    count+= 1;
    }