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

Javascript

• <script></script> 태그에서 작성

<script>
  function hey() {
  	alert('안녕!');
  }
</script>

..

<a onclick="hey()" class="btn btn-primary btn-lg" 
   href="#" role="button">포스팅박스 열기</a>

• <script>에서 hey() 함수 정의
• onclick으로 hey() 호출

개발자 도구

• 오른쪽 클릭 -> 검사
• 바로바로 수정 동작 확인 가능

Javascript 기초 문법

변수

• let a = 2, let first_name = 'Jack'
• let 으로 변수 초기화
• const 는 상수 초기화

리스트 자료형

• let a_list = ['수박', '복숭아', '사과']
• a_list.length --> 리스트 길이 출력

딕셔너리 자료형

• let a_dict = {'name' : 'Bob', 'age' : 27}
• a_dict[키]로 값 조회

함수

• function 함수명(매개변수) { 실행문, return 등 }

function sum(num1, num2) {
	return num1 + num2
}

if 조건문

• if(조건) { 실행문 } else if(조건) {실행문} else {실행문}

if (age > 20) {
  console.log('성인입니다') 
}
else {
  console.log('청소년입니다')
}

// console.log(출력값) : 콘솔 출력 함수

• && : and
• || : or

for 반복문

for (let i=0; i<10; i++){
    console.log(i);
}

• 리스트 내용 출력

let a_list = ['사과', '바나나', '오렌지', '포도', '감자']
for (let i = 0; i < a_list.length; i++) {
  console.log(a_list[i])
}

• 딕셔너리 조건부 출력

let scores = [
	{'name':'철수', 'score':90},
	{'name':'영희', 'score':85},
	{'name':'민수', 'score':70},
  {'name':'형준', 'score':50},
  {'name':'기남', 'score':68},
  {'name':'동희', 'score':30},
]

for (let i = 0; i < scores.length; i++) {
    let name = scores[i]['name']
    let score = scores[i]['score']
    if (score<70) { console.log(name, score) }}

홀짝 판별기

<script>
        let count = 0
        function hey() {
            count += 1
            if (count % 2 == 0) {
                alert("짝수입니다")
            }
            else {
                alert("홀수입니다")
            }
        }
    </script>

...

<a onclick="hey()" class="btn btn-primary btn-lg" 
	href="#" role="button">포스팅박스 열기</a>

• '반복할문자'.repeat.(반복수)
  '반복할 문자'를 지정한 반복 수만큼 반복하여 출력
  ex) let star_image = '⭐'.repeat(5)