코딩 도전기_04_210701

학습 내용

- JavaScript 기초

  • 자바스크립트 : 브라우저가 알아들을 수 있는 유일한 프로그래밍 언어
  • 코드를 수려하게 짜지 말고 동작하게, 깔끔하게 짜자
  • 개발자 도구 console 창을 이용 -> 더욱 편리
  • console창 : alt+cmd+i
  • clear console : cmd+k
  • console창에서 화살표 윗키 : 이전 데이터 불러옴
  • console창에서 줄 바꾸기 : shift+enter

- JavaScript 기초 문법

  • 변수, 자료형, 함수, 조건문, 반복문

(1) 변수

  • 변수란? 값을 담는 상자.
  • let : 변수를 선언
    ->let a = 2 : a라는 상자가 있는데(let a), 그 상자에 2를 넣겠다.(a=2)
>let a = 2
>a+3
5
>a=5
>a+3
8
  • 네번째 줄에서 let을 안 쓴 이유
    : 앞에서 이미 상자a의 존재를 말했기 때문에 상자가 있다는 것을 알고 있음 (굳이 또 말할 필요X)

  • 변수는 숫자, '텍스트', 배열 등 모두 가능

>let first-name = 'gildong'
>let last-name = 'hong'
>first-name + last-name
"gildonghong"
  • 변수 이름은 누구나 알아보기 쉽게 짓기

(2) 자료형

1) list

  • list란? 순서가 중요한 담기, 0~n번째 요소를 나타내줌
  • 컴퓨터는 0부터 셈
>let a_list = {'딸기', '수박', '체리'}
>a_list[0]
"딸기"
>a_list[1]
"수박"
  • a_list.push('감') : a_list에 '감' 추가

2) Dictionary형

  • 순서는 크게 중요하지 않음
>let a_dict = {'name':'bob', 'age':27}
>a_dict['name']
"bob"
>a_dict['age']
"27"
  • Dictionary의 요소로 list가 들어갈 수 있음
>a_dict['fruits'] = a list
>a_dict
{name : "bob", age : 27, fruits : Array(4)}
>a_dict['fruits'][2]
"체리"
  • 기본 함수
    <,> : 부등호
    == : 같다
    != : 같지 않다
    && : and
    || : or
    .split : 문자 분리하기
>let myemail = '[email protected]'
>myemail.split('@')
["abcde123", "naver.com"]
>myemail.split('@')[1]
naver.com
>myemail.split('@')[1].split('.')
["naver", "com"]
>myemail.split('@')[1].split('.')[0]
"naver"
  • 하나하나, 차근차근, 천천히 할 것

(3) 함수

  • 함수란? 정해진 동작을 하는 것
>funciton sum(num1, num2){
  	return num1+num2
 }
>let result = sum(2,3)
>result
5
  • return : 정해진 동작을 끝내고 해당 값으로 바꾸기
  • 꼭 연산이 아니고 alert(:경고창 띄우기)등 동작도 가능

(4) 조건문

  • if (a) {A} eles {B} : 조건'a'를 만족하면 A, 아니면 B
>let age=24
>if (age>20) {
	console.log('성인')
 }	eles {
	console.log('청소년')
 }
성인
  • if (a) {A} eles if (b) {B} eles {C}
    : 조건'a'를 만족하면 A, 그렇지 않을 때 조건 'b'를 만족하면 B, 만족하지 않으면 C
>let age=5
>if (age>20) {
    console.log('성인입니다')
 } else if (age>10) {
    console.log('청소년입니다')
 } else {
    console.log('아동입니다')
 }
 아동입니다

(5) 반복문***

>for (let i = 0; i < 10; i++) {
	console.log(i)
}
0
1
2
3
4
5
6
7
8
9

: i는 0이고(시작) i가 10보다 작을 때까지(반복 조건) 1씩 더해가며 i 출력

  • 반복문은 리스트와 자주 함께 쓰임
    .length : 길이
>let people = ['가', '나', '다', '라'. '마']
>people.legth
5
  • Dictionary를 반복하면서 조건에 따라 필요한 값 출력 가능
  • 강의 1번 더 청취 후 연습 필요

목표[1] 진행 상황

  • 진행사항 없음

목표[2] 진행 상황

  • 구상 단계

좋은 웹페이지 즐겨찾기