07.02 항해99 26일차

이번주 배운것 및 노트 :

Keyframes - 애니메이션 효과, 애니메이션 속성중 하나

Styled-components내에 존재

 

1. Transition : 단순 엘리먼트 상태변화. 변화없는 움직임.

2. Animation : 다이나믹한 효과

 

키프레임 사용법 - styles와 동일

Styled-components내 변수 받아오기 - ${props => props.value};

 

—

 

**재활용 가능한 컴포넌트**

 

기본문법 재탕

Var 재선언 가능, 재할당 가능, 선언 전 사용가능, 선언 초기화 일시, 코드블럭 무시

Let 재선언 불가, 재할당 가능, block-scope

Const 재선언 불가, 재할당 불가

 

Typeof 자료형을 알아내는 연산자

객체 외 자료형 = 원시형

객체 - 여러 형태의 자료들을 담을 수 있다.

{key:value}

Key - 문자형

Value - 모든 자료형

1) 객체 생성자

2) 객체 리터럴

Const 객체 수정가능, 참조 변경 불가

 

자바스크립트는 함수를 ‘특별한 값’취급

 

함수선언문 > 바로 초기화 및 독립된 구문

함수 표현식 > 함수가 표현식 일부로

 

내부변수의 우선도 > 외부변수의 우선도

자바스크립트 내 함수는 인수로 전달 가능

 

매개변수 = 인수를 복사한 값 : 파라미터

인수 = argument

 

자바스크립트는 클래스가 없음

Prototype - 디자인 패턴 중 하나.

1. 객체는 함수로 생성

ㄴ 모든 객체는 프로토타입 소유 (함수의 프로토타입 객체를 복사)

2. 객체는 자신이 태어난 환경을 기억.

 

프로토타입 체인 - 프로토타입으로 이루어진 객체들의 관계 (족보같음)

::함수의 재사용방식?

 

 

컴포넌트는 쓰기 편해야한다.

너무 많아도, 너무 커도, 작아도, 모양이 독특해도 X

느낀것 :

*함수명 작성시 오타 주의……

내게 아쉬웠던 것 : 

강의랑 똑같이 했는데 오타가 났는지 안되는 부분들이 있었다...

<ㅇ> 일단 이해만 해두고 다시 다음에 해보는걸로….

시간이 촉박하다보니 이해하고 넘어가는 게 호로롭이라 슬프다...

 

내일 할 일 :

강의듣고 과제하기.,.,.