2일차 : 알고리즘 - 배열
- 대괄호 [ ] 와 쉼표(,)로 데이터 구분
- 이중 배열 : 배열 안에 있는 배열의 형태 [[“2”]]
- [ ].length : 배열 안에 몇개의 데이터가 있는지 확인 가능 (길이 정의) 숫자 형태의 데이터로 돌려줌
- Index : 숫자 0부터 시작
- [ 배열 ][ 참조하고 싶은 인덱스 번호 ] : [ 배열 ][ 3 ]
- 데이터 추가 : .push( “aaa” ) 맨 뒤 데이터 / .unshift( “” ) 맨 앞 데이터
- 데이터 삭제 : .pop( ) 맨 뒤 데이터 / .shift( ) 맨 앞 데이터
- 데이터 조회 : .indexOf( “” ) 인덱스 값 반환 / .includes( “” ) 존재 여부 반환(참/거짓으로 반환)
알고리즘 - 객체
- { } 중괄호와 쉼표(,)로 데이터 구분
- 중첩 객체 : 객체 안에 또다른 객체가 존재하는 것
- 키와 값은 콜론(:)으로 구분됨
- Obj.school > Obj.school.name (객체 안의 객체 조회 가능)
알고리즘 - 메서드
- String( ) : 주어진 숫자 데이터를 문자열로 변환. 다만, 객체는 문자열 그대로 변환 불가
- .Padstart( ) : 문자열을 사용할 수 있음 (만들고 싶은 길이, ‘그 공간을 채울 문자열’), 앞에다가 추가함
- .toLowerCase( ) : 모든 문자를 소문자로 변환
- .toUpperCase( ) : 모든 문자를 대문자로 변환
- Number( ‘’ ) : 문자열을 숫자로 변환할 때 사용 // Not a Number(NaN)
- Math.floor( ) : 소수점 내림
- Math.ceil( ) : 소수점 올림
2일차 수업(오프라인)
- 이메일 / 문자를 전송해보자
- 템플릿 리터럴 만드는 부분까지 나가보자
Section 01.
- 이메일 보낼 때 변수에 저장해서 보내야 함. (문자열로 묶어서)
- 백틱 : 템플릿 리터럴 (엔터까지 다 포함해서 묶을 수 있음) -> 변수와 함께 쓰기 가능
- 하드 코딩이 아닌, 변수를 받아서 체인징해보자
- 변수에 담아가지고 보내는 방법 있음
- 밑줄이 처진 코드는 VS가 잘못 판단한 것
- 객체 간단히 표현하기
- 키와 밸류가 같을 떄 밸류를 생략할 수 있다. (객체 간단히 표현 가능) (=shorthand-property)
구조분해할당 (= 비구조분해할당)
- 3줄을 1줄로 만들어주는 효과
- 내가 원하는 것들을 해당 객체에서 뽑아서 변수를 만든다.
- 객체의 구조를 분해하여 내가 원하는 배열에다가 할당한다.
- [배열] Const [ child1, child2, child3 ] = classmates
- [point] 변수 이름을 아무거나 지어도 상관은 없음. 배열을 구조분해할당을 할 때는 이름이 별로 중요하지가 않다. 다만, 순서는 중요하다.
- 배열에서는 순서가 중요하고, 이름은 중요하지가 않다.
-
객체에서는 이름이 중요하고, 순서가 중요하지 않다.(순서는 바껴도 상관없음)
-
[객체] const { name, age, school } = child
-
중괄호{ }로 매개변수를 구조분해할당으로 넘길 경우, 좀 더 안전함
-
여러개를 넘길 때는 안전하게 중괄호{ } 구조분해형태로 넘기도록 하자.
-
연관 소스 보는 법 : 커맨드+해당 소스 클릭
-
다시 원래자리로 : 컨트롤 + 마이너스(-)
-
다시 돌아가기 : 컨트롤 + 쉬프트 + 마이너스 -> 커서의 위치를 기억하고 돌아가는 것
마무리
- 안전한 코드를 만들어야 한다
- 유지보수 좋은 코드를 만들어야 한다
- 다음 수업은 http 통신에 대하여 진행 예정
