댓글 수정 기능
-
댓글 리스트 만드는 방법
1) BoardDetail 컴포넌트 내에 직접 만들기(코드량 증가)
2) 댓글 컴포넌트를 분리해서 만든 후 BoardDetail 에 import해오기
3) 댓글 컴포넌트를 페이지 단위에서 조립하기
=> 협업 가능한 방법 사용할 것 -
댓글 수정 기능 만드는 방법
1) BoardComment에 직접 댓글 부분을 만들어주고 배열에 isEdit결과를 각각 넣어 해당 인덱스를 이용하기
2) 컴포넌트를 분리하고 BoardComment에 import해오기
input으로 리팩토링하기
const profile = {
name : "철수",
age : 13,
name : "영희",
}키가 같으면 나중에 쓰인 값으로 덮어 씌워진다!
이를 활용한.. spread 연산자를 이용해서 리팩토링 할 것
- Class-Component
: 기존의 회사에서 많이 사용하던 클래스 컴포넌트를 함수형 컴포넌트로 바꾸는 작업을 할 줄 알아야한다
class 란?
물건을 만드는 설명서
class안에는 함수와 변수를 넣을 수 있다.
이 변수와 함수를 조합해 물건을 만드는 방법을 적어둘 수 있다.
새롭게 만드려면 new 붕어빵 ()
만들어진 붕어빵과 몬스터는 객체 또는 인스턴스
⭐️ function, const, let 사용하지 않는다.
- getDate() 등
클래스에서 만들어진 함수를 메서드라고 보름
<클래스 컴포넌트 구조>
+ return을 사용하면 프레젠터까지 쓸 수 있음
🌟 클래스에서 공통 기능은 extends를 통해 상속해줄 수 있다
- this
🔥 this의 문제점
- 가장 처음 this를 확인하면 window가 나온다 (최상단)
- 누가 실행시켰는가(실행 주체)에 따라 달라진다 => 동적 this
=> 변화하는 this를 class로 고정하기 위해서는 화살표 함수 사용하거나 바인딩
=> 고정된 this를 렉시컬 this라고 부름
- Component-Lifecycle(컴포넌트 생명주기)
- 언제 사용할까? (예시)
- 인풋창을 그리고 난 뒤
componentDidMount() 포커스 깜빡깜빡
오늘 공부를 돌아보며
useref는 수업시간에 안배웠는데 구글링을 통해 포트폴리오에 써먹었땅
자바스크립트 연습문제를 못풀겠당.....
갑자기 문제가 이해가 안됨....
