리액트인강 썸네일형 리스트형 [코딩] 스파르타코딩클럽 리액트 기초반 5주차 개발일지 (2/21 ~ 2/27) 리액트 기초반의 마지막 주차인 5주차 강의는 총 10강으로 구성되어 있다! [2/21 에는 5-1 강의를 수강했다!] 5-1에서 배운 내용!! -firestore 데이터를 리덕스 스토어에 넣으려면? 미들웨어 설치! firestore에서 데이터를 가져올 때 비동기 통신을 하는데 이 때 미들웨어가 필요함. -미들웨어란? 리덕스 데이터를 수정할 때 액션이 디스패치 되고 리듀서에서 처리하던 과정 사이에 미리 사전 작업을 할 수 있도록 하는 중간 다리 같은 것. 즉, 액션이 일어나고 미들웨어가 할 일 하고 리듀서에서 처리됨. yarn add redux-thunk -redux-thunk는 객체 대신 함수를 생성하는 액션 생성함수를 작성할 수 있게 해줌. [2/22 에는 5-2 부터 5-6 강의를 수강했다!] 5-2.. 더보기 [코딩] 스파르타코딩클럽 리액트 기초반 4주차 개발일지 (2/14 ~ 2/21) 리액트 기초반 4주차 강의는 총 10강으로 구성되어 있다! [2/14 에는 4-1 부터 4-2 강의를 수강했다!] 4-1에서 배운 내용!! -웹에서 애니메이션을 구현할 때 transition과 animation이라는 스타일 속성을 많이 사용하는데 transition은 단순한 엘리먼트 상태변화에 쓰기 좋고, animation은 다이나믹한 효과를 주는데 쓰기 좋다. -keyframes는 animation에서 사용하는 속성 중 하나. 4-2에서 배운 내용!! -버킷리스트에 프로그래스바 달기! -완료하기 버튼을 추가하고 완료한 리스트는 색 바꿔주기! [2/15 에는 4-3 부터 4-6 강의를 수강했다!] 4-3에서 배운 내용!! -스크롤바 움직이기! window.scrollTo() 4-4에서 배운 내용!! -버.. 더보기 [코딩] 스파르타코딩클럽 리액트 기초반 3주차 개발일지 (2/7 ~ 2/13) 리액트 기초반 3주차 강의는 총 13강으로 구성되어 있다! [2/7 에는 3-1 부터 3-2 강의를 수강했다!] 3-1에서 배운 내용!! -이벤트 리스너란? 사용자가 어떤 행동(이벤트)을 하는지 아닌지 지켜보다가 알려주는 것. -클래스형 컴포넌트에서 event listener 구독하기. componentDidMount() 어떤 행동 뒤에 실행할 함수 먼저 만들기. addEventListener()를 이용해서 이벤트 등록하기. 이벤트는 컴포넌트가 사라지면 지워주기. -함수형 컴포넌트에서 event listener 구독하기. useEffect() 훅 사용하기. useEffect()는 리액트 훅. 라이프 사이클 함수 중 componentDidMount, componentDidUpdate, componentWi.. 더보기 [코딩] 스파르타코딩클럽 리액트 기초반 2주차 개발일지 (1/31 ~ 2/6) 리액트 기초반 2주차 강의는 총 14강으로 구성되어 있다! [1/31 에는 2-1 부터 2-6 강의를 수강했다!] 2-1에서 배운 내용!! -DOM이란? html 단위 하나하나를 객체로 생각하는 모델. 트리 구조. -가상돔이란? 메모리 상에서 돌아가는 가짜 DOM. 기존 DOM과 어떤 행동 후 새로 그린 DOM을 비교해서 정말 바뀐 부분만 갈아끼워줌. -라이프 사이클이란? 컴포넌트가 렌더링을 준비하는 순간부터 페이지에서 사라질 때까지의 컴포넌트 생명주기. 컴포넌트는 생성 (처음으로 컴포넌트를 불러오는 단계) -> 수정 (클릭이나 데이터 입력 등의 사용자의 행동으로 데이터가 바뀌거나 부모 컴포넌트가 렌더링 할 때 업데이트되는 단계) -> 제거 (페이지를 이동하거나 삭제 버튼 클릭 등의 사용자의 행동으로 인.. 더보기 이전 1 다음
