https://www.youtube.com/watch?v=OIMPLNICzoc&list=PLZKTXPmaJk8KhKQ_BILr1JKCJbR0EGlx0&index=3 interface로 기본 정의하기 -기본 특징 -readonly 속성을 추가해줬을 때 -추가로 속성을 기입해줘야 할 때 ex) 1~4학년별로 'A', 'B', 'C', 'D' ... 학점을 기입하고자 함! ⬇︎ 근데 또 string에는 값 입력 범위가 너무 광활하므로 ⬇︎ interface로 함수 정의하기 예제1) 예제2) interface로 class 정의하기 "implements" color 속성만 constructor()로 표현을 바꿔주면 ⬇︎ 결과값 interface의 확장 "extends" -기본 특징 -여러개 확장도 가능 https..
https://www.youtube.com/watch?v=70w82P-KiVM&list=PLZKTXPmaJk8KhKQ_BILr1JKCJbR0EGlx0&index=2 ❶ 기본 타입 ❷ 튜플 (Tuple) -배열과 비슷한 모양 -인덱스별로 타입이 다를 때 사용 ❸ void, never -void: 반환값이 없을 때 사용 -never: 항상 에러를 반환하거나, or 영원히 끝나지 않는 함수일 경우, 타입으로 사용 ❹ enum -비슷한 값들끼리 묶어준 것 -특정값만 입력하게 하고 싶을 때 & 그 값들에 공통점이 있을 때, enum을 사용 숫자열 문자열 -수동입력값 없을시, 자동으로 순서 할당됨 -수동입력값 있을 경우 ▶︎이 경우, console.log(OS[10]) = 'IOS', console.log(OS['..
https://www.youtube.com/watch?v=fllhA9yGSYE 1. 그냥 foo()로 부른다면? (window.foo()와 같은 의미) -> 결과값: window 2. foo()를 obj 안에 넣는다면? 그 이후 obj.foo()로 부른다면? -> 결과값: obj 그 자체 3. obj2를 추가하고, foo.call(obj2)로 부른다면? -> 결과값: obj2 그 자체 📝 함수들은 this 바인딩을 실시 (this를 묶어서, 하나로 값을 정함 📝 foo()가 어떻게 불렸는가에 따라서, 출력값이 달라진다는 것을 알 수 있음 5:16 해결책 ~
기능 : 리액트 컴포넌트 트리 전역에, props를 사용하지 않고도 데이터를 공급 가능 사용 이유 : Props Drilling 문제를 해결하기 위해 사용 방법 -리듀서/슬라이스 사용시, store에 provider 주입했던 것처럼 예제1 유의점 ※단, context는 반드시 컴포넌트 밖에서 생성해야 함 (안에서 생성시 : 컴포넌트가 리랜더링될 때마다 context를 새롭게 생성해서, 원하는대로 동작 x)
일단 이번 Tripshare 팀프로젝트에서는, => li들이 들어가는 일종의 중간 컨테이너격인 DetailList에 display: inline-block;과 margin: 0 auto를 주니, 컴퓨터환경별로도 모두 가운데정렬해서 보이긴 했다. => https://www.freecodecamp.org/korean/news/cssro-mueosideun-jungang-jeongryeolhaneun-bangbeob-div-tegseuteu-deung/ 에서도 보니, ❶ ❷ ❸ ❹ ❺