스파르타 웹 개발 종합 - 1주차

오늘 공부한 내용 📋

---

1. 스파르타 웹 개발 종합 - 1주차 완료

• Javascript 기초문법 및 HTML,CSS,Javascript 총 활용하기

• Javascript
  • 프로그래밍 언어 중 하나, 브러우저가 알아들을 수 있는 언어
• 자바스크립트 기초
  • ~ 안에 로 공간을 만들어 작성
  • 함수 만들고 버튼 연결 시 경고창 띄우기

    function hey(){
    	alert('안녕!');
    }

  • 그리고 버튼에 함수 연결

    <button onclick="hey()">영화 기록하기</button>
    -- 버튼 누르면 함수가 경고창으로 나옴

• Javascript 확인
  • "마우스 오른쪽 클릭 → 검사 → console(띄어놓은 페이지에서 자바스크립트로 테스트 해볼수 있게 만든 도구)
  • console.log(변수)

• 기본연산 및 함수 알아보기 : 변수&기본연산, 리스트&딕셔너리, 기본 함수,함수,조건문,반복문등
  • 너무 많아서 노션에서 보고 연습해보는 걸로
• 자바스크립트 활용 예시 : 미세먼지(IDEX_MVL)의 값이 40 미만인 구 이름(MSRSTE_NM)과 값을 출력하기

    --서울시 미세먼지 값

for (let i = 0; i < mise_list.length; i++) {
  let mise = mise_list[i];
  if (mise["IDEX_MVL"] < 40) {
    let gu_name = mise["MSRSTE_NM"];
    let gu_mise = mise["IDEX_MVL"];
    console.log("40보다 작은 구: " + gu_name + ", " + gu_mise);
  }
}


--40 이하든, 35 이하든 유용하게 쓸 수 있게, 함수로 만들기

function show_gus(index) {
  for (let i = 0; i < mise_list.length; i++) {
    let mise = mise_list[i];
    if (mise["IDEX_MVL"] < index) {
      let gu_name = mise["MSRSTE_NM"];
      let gu_mise = mise["IDEX_MVL"];
	    console.log(gu_name, gu_mise);
    }
  }
}

// 이러면 아래와 같은 것이 가능!
show_gus(40) // 40보다 작은 구만 출력!
show_gus(35) // 35보다 작은 구만 출력!

• 1주차 숙제(팬명록 만들기) 및 진행 완료 🙂
  - 완성 이미지
  
• 내가 숙제 풀이한 코드 업로드(깃허브)

회고 및 코멘트 🙏🏻

---

• 자바스크립트 변수값 외 함수 사용 연습하기 1주차 내용 숙지 필요
• 변수 값 구하는 것부터 파이썬 배울 때와 방식은 나름 비슷해서 이해는 되었다.
• 1주차 숙제 진행 하는데 거의 1시간 정도 지나고 나서 비슷하게 만들긴 했다.🥹 놓치지 않고 만들려고 노력하는 점 칭찬.
  내가 만든 코드와 해설 풀이를 볼 때 다른 점도 있긴 했는데 그건 다음 강의에서 듣는 걸로!