JavaScript

JavaScript

• HTML 상에서 쓸 수 있는 프로그래밍 언어

사용법 & alert

1. head 안에 script 태그 생성해서 그 안에 코드 작성

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

2. 사용할 태그에 script 안에서 만든 함수 연결

<button onclick="hey()" type="button" class="btn btn-primary">기사저장</button>

console.log

• 복잡한 코드를 실행할 때 중간중간에 이 함수를 이용하여 결과를 콘솔창에 출력하면서 잘 실행되는지 확인할 수 있음
  console.log('남길 문구');
• 한 번에 여러 값 출력 가능
  console.log(변수1, 변수2);

콘솔창에 직접 코드 작성

• 만들어둔 함수 직접 실행 가능
• 콘솔창에서 함수를 만든 후 실행 가능
  • 콘솔창에서 만든 함수는 새로고침 시 사라짐

---

변수 선언

• 변수 선언
  let 변수명 = 값
  • 콘솔창에 선언한 변수명을 치면 값을 반환
  • 값 넣지 않고 선언만 먼저 가능
    let 변수명
  • 선언한 변수에 새 값을 넣을 때는 let을 쓰지 않음
    변수명 = 값

자료형

1. 숫자형

let a = 4.8

2. 문자열

let word1 = "a" let word2 = 'a' let word3 = "MacDonald's"

3. 불(Boolean) 자료형

let x = true let y = false

4. 리스트

• 선언
  let a_list = [1,2,'hey',3]
• 출력
  a_list[0]
• 요소 추가
  a_list.push('4')
a_list //[1,2,"hey",3,4]
• 길이
  a_list.length
• 리스트를 요소로 가질 수 있음
  let b_list = [1,4,2,[3,1]]
• 리스트와 리스트를 이어 붙이기
  let c_list = a_list.concat(b_list)
  
  

5. 딕셔너리

• 선언
  let a_dict = {'name':'Juhee','age':26}
a_dict['name'] //'Juhee'
• 요소 추가
  a_dict['height'] = 170
a_dict //{'name':'Juhee','age':26,'height':170}
• 딕셔너리를 요소로 갖는 리스트
  names = [{'name':'bob','age':20},{'name':'carry','age':38}]
names[0]['name'] //'bob'

함수

• 선언
  function 함수명(변수들){ 명령 }
• 사용
  함수명(변수들)
• 반환값
  function f1(){ return 3 }

반복문

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

조건문

if (조건1) {
    조건1 만족 시 실행
} else if (조건2) {
    조건1을 불만족하고 조건2를 만족할 때 실행
} else {
    조건1과 조건2 둘다 불만족할 때 실행
}