React4 React/ Redux 이용한 프로젝트 완성 리액트 리덕스를 이용한 프로젝트주가 드디어 끝났다. 일단 피그마를 이용하여 기본적인 틀을 짰다. S.A작업 피그마로 나눈 페이지로 하나씩 팀원들과 역활을 나누었다. 게시글 작성 서버는 파이어베이스를 이용해서 연결 하였고 , 저번 조에서도 파이어베이스에 어렴움이 있었는데 이번 조에서도 역시 큰 어려움을 겪었다 . 그래도 어찌어찌 하다보니깐 CRUD기능을 하나씩 다 구현 해보긴 했지만 팀원들의 도움이 많아 아직은 내것으로 만들지는 못했다. 프로젝트가 끝난 지금부터 코드를 리마인딩 해보고 코드분석을 통해 완전히 내것으로 만들어야 겠다. 2022. 12. 28. Redux Redux 상태를 중앙에서 관리하는것을 통해서 데이터가 우리가 예측하지 않은 대로 변형되는 가능성을 낮춰주는거 리액트나 리덕스는 개발의 복잡성을 낮춰주는 기술 비유: 리액트는 소문과 같고 리덕스는 미디어 같은느낌 소문은 필요없는 소문을 모든 사람이 다 들음 소문은 전판 되기 위해서는 집집마다 연결되어있어야함 리덕스 언론사 모든정보를 가지고 있어 리덕스 언론사에 전해주고 리덕스는 전체 컴포넌트에 방송한다 . 전체에게 하고싶은말이 있으면 리덕스 스토어에 전달하면 된다 필요한 컴포넌트들 에게만 정보를 전도할수있다. 소문 사이 리덕스 언론사를 세워준다 우리 복잡성을 낮춰준다 props가 리덕스 이용하지 않고 연결돼 있으면, 전자회로가 연결돼있는데 스위치가 하나라도 끊기면 맨 마지막 회로에서 전기를 못받는 거랑 .. 2022. 12. 9. 리액트 usesstate Use state ui랑 밀접하게 관련있는 데이터는 state라는곳에 보관해야함 !!!!!!!!!!!!!!! const [count, setCount] = useState(0); //0원하는 초기값지정하면 배열이 리턴됨,첫번째 인자는 값에 접근할수있는 변수와 업데이트 할수 있는 함수 이름은 원하는걸로 Usestate 변경가능한 상태를 쓸때는 usestate를 사용해야흠 Prev 이전상태값 setCount((prev) => prev + 1); 리액트에서 상태를 사용할때는 그냥 일반 변수사용 하면 안된다 리액트에서 제공되는 usestate 를 써야한다 import React, { useState } from "react"; export default function Counter() { c.. 2022. 12. 8. React React란 사용자 인터페이스를 만들기 위한 자바스크립트 라이브러리 SPA를 전제로 하고 있고 virtual DOM을 활용하여 업데이트 해야하는 DOM요소를 찾아서 해당 부분만 업데이트 하기 때문에 렌더링이 잦은 동적인 모던 웹에서 향상된 퍼포먼스를 낼 수 있다. SPA 싱글페이지 어플리케이션은 서버에서 html 페이지를 일일이 다운 받는게 아니다 클라이언트에서 데이터를 직접 로딩해 동적으로 화면을 표시 . 사용자가 페이지 리로딩 할 필요가 없다 . 매끄러움 자바스크립트는 변경사항이 있을때 마다 레이아웃 단계와 페인트 단계를 초래하게 된다. virtual DOM - 가상돔 Component 는 외부에서 사용할 있도록 export 해주어야함 / export 된 Component 를 가져와 사용하려면 imp.. 2022. 12. 5. 이전 1 다음
