5/23 (월)
오늘 할 것
-
바닐라 크롬앱 완강 ( 7-1 부분...)
-
리액트 기초 강의 2강까지 최대한 보기
@@3. 화욜 cs 발표 준비
@@4. 시간 날 때 팀과제 조금씩 하기. ( 영상으로 찾아서 내용 쉽게 이해하면 도움 됌)
@@5. 8시 ( 팀과제 키워드 ) #######클리어
- state 코딩애플 ( 6개 짜리 리액트 강의 좋다. ) , 생활코딩도 좋음 (이고잉님? ) ############클리어
!! 7. 코끼리 명상앱 마음 가다듬을 때 좋다고 하심....(멘붕 때 한 번 봐보자)
??8. html flex 의미
??9. button:hover { 부분에 대해 다시 공부
??10. e.target.parentElement 이것도 정확한 이해 필요
??11. onclick 으로 했을 떄랑 addeventlisner 로 했을 때 어떻게 다른 형태로 만들어지는지
-
생활코딩
-
state, proops
-
대균님 말로는 페이지 이동에서 라우팅 ( 3주차 강의 ) 것이 필
-
1시간 동안 cs 스터디 발표 끝내기
배운 것
-
state는 변수 내용이 바뀔 시 다시 변수 선언할 때 넣었던 값을 바꿔줄 필요가 없다--> 자동으로 재랜더링이 된다.
( html에서 자주 바뀌는 내용 부분을 app.js에 state로 만든다. -
을 쓰면 화면에 보이는 글자 바로 옆에 새로운 글자가 붙음
-
를 쓰면 화면에 보이는 글자 아래, 혹은 오른쪽, 혹은 왼쪽 (위치 변경)에 새로운 글자의 박스가 생김. ( 거기서 거리든 뭐든 알아서 변경)
-
리액트 코딩애플 5강 9분50초 부분 아주 중요( state에서 [...글제목] ... 쓰는 이유
-
2-2 스파르타 리액트 기초강의 3:00에 라이프 사이클 파일 만들고 설치 내용 있음
-
props가 핵심이네 ( 아마 이게 addevent 그 부분인가? )
-
리액트에서 prop이 자바스크립트에서 태그가 같는 속성들 width="100" 이런 거
-
컴포넌트는 리액트 return 핵심부분에 간단하게
이렇게만 쓰기 위한
event 객체의 자주 사용하는 메서드 예시.
- preventDefault()
브라우저의 기본 동작을 차단한다.
- stopPropagation()
이벤트의 버블링 단계가 진행되지 않도록 차단한다.
event 객체의 자주 사용하는 프로퍼티 (속성) 예시
data
이벤트 생성 시 매개변수 두 번째에 값을 넘겨주면 event 의 프로퍼티를 통해서 전달된다.
target
이벤트가 발생한 엘리멘트를 알려준다.
type
발생한 이벤트의 타입명을 알려준다.
매니저님 말씀
!!1. 클래스형은 지금 들을 필요가 없다.
!!2. 컴포넌트 프롭스 스테이트를 자유롭게 놀 수 있는 정도가 되고 넘어가야함 그 다음에 유즈스테이트 쓸줄 안다면 유즈 이프, 유즈스펙트 등의 hook 들의 사용법을 배워라
-
app.js를 다 지우고 시작했을 때 내가 어떻게 해야할지 알겠다라고 하면 알고 있는 거고 손을 못 대겠다하면 모르는 상태
-
리액트에선 펑션, 콘서트로 함수 선언하는 거 차이가 없음 맘대로 써도 됌
!!5. 그 담에 파일 갈라서 export 해보고 import 도 해봐라!
-
스파르타 리액트 기초 강의에서 리액트만 중요하지 다른 것들 스타일, 라우팅
-
라우팅 3-2 부분의 맨 위에 써 있는 그리고 아래 써 있는 문법들 너무 고민하지말라. 라이브러리 만든 사람이 그냥 그렇게 쓴거다
-
너무 탐구하지말라 지금은 라우팅 이런 거 말고 리액트에 집중해라! < 2강 후반, 3강 초반에 너무 집중하지 말라>
!!9. 리액트에서 스태이트 선언할 때 앞에 const 써도 리액트에서는 상수가 아님 불변하지 않는 게 아님 그러니까 걍 const 써라
!!10. 리액트에서 디폴트는 const임 let 쓸 일 진짜 거의 없음
- 개념을 모르는데 노션에서 베껴서 제출하는 건 의미가 없다. ( 개념을 무조건 알아야함. 자기만의 페이스로 하라)
