TIL 02. javascript 기초

ㅎㅐ수·2020년 9월 15일
0

[TIL] JavaScript

목록 보기
2/7
post-thumbnail

1. 자바스크립트 기초

먼저 간단하게 HTML과 javascript가 어떻게 연결되는지 보자.

<body>
<input type = "button" value = "button" onclick = button();>
</body>

<script>
function button() {
alert ("버튼을 띄우기!");
</script>

이렇게 버튼을 클릭하면 alert가 뜬다.
javascript는 웹브라우저를 더 역동적이고 생동감있게 만들어준다

2. 콘솔창으로 자바스크립트 연습하기(option+command+i키)

  • 변수, 기본연산

    let num = 20 (let으로 변수를 선언) Q. var, let, const의 차이점은?

  • 자료형

    1. 리스트: 순서를 지켜서 가지고 있는 형태
    2. 딕셔너리: 키(key)-밸류(value)값의 묶음

  • boolean 자료형 (참거짓)
  • 조건문예시
  • function compare(num) {
    if (num>3){
      alert("3보다 커요") 
    }
    else {
      alert("3보다 작아요") 
       }
    }
  • 0에서 n-1까지 합을 구하는 함수(반복문)
  • function get_sum(n) {
    let result = 0
    for (let i = 0; i < n; i++) {
      result = result + i;
    		// 반복문을 돌면서, result에다 i를 더해줍니다.
    		// result += i; 라고 줄여 쓸 수 있습니다.
    }
    	return result
    }
    
    console.log(get_sum(10)) // 45를 출력

    0개의 댓글