리엑트 Styled component의 theme 활용 팁 styled component의 theme provider 기능을 활용하면 특정 variable에 css값을 할당해놓고 추후에 변경사항이 있으면 프로젝트 내부에서 일괄적으로 변경 가능하다. 기존에 nextjs 세팅하기에서도 설명했었다. 위의 mainColor만 바꾸면 유용하게 색깔을 바꿀수있다. 여기에서 3가지 팁을 공유하겠다. 첫째로는 antd의 설정된 css를 오버라이딩하는 방법이다. "... styledComponent리엑트styledComponent (React) 리엑트 라이프 사이클 컴포넌트의 수명은 보통 페이지에서 렌더링되기 전인 준비 과정에서 시작해 페이지에서 사라질 때 끝이난다. 그리고 세가지 유형으로 나눌 수 있다. 마운트(생성될 때) 업데이트(업데이트 할때) 언마운트(제거할 때) ❗️ 주의해서 볼 것은 업데이트 부분인데, 업데이트는 다음과 같은 4가지 상황에서 발생한다. props가 바뀔 때 state가 바뀔 때 부모 컴포넌트가 리렌더링될 때 this.force... 리엑트생명주기React리액트 라이프 사이클라이프사이클React [React] States 상황에 따라 가변적인 정보와 UI가 연관될 수 있다. 이런 가변적인 정보를 상태라 부르고, 이 상태를 관리할 수 있는 방법이 바로 state이다. 사용자가 더하기, 빼기 버튼을 클릭할때마다 우리는 수량의 값을 변경시켜 UI에 반영하고 싶다. 이와 같은 상황에서 우리는 useState라는 함수를 이용해 수량을 가변적인 상태값으로 관리할 수 있다. useState를 적용해 초기 수량을 1로 표기... ReactState리엑트React 1차 프로젝트 후기 - Login 나도 할 수 있다. 프론트엔드 : 3명 프론트엔드 역할 분담 Product List page Product Detail page Login, Signup 나의 역할 Login, Signup 👉 START LOGIN 팀 회의 후 결정에 따라 로고와 버튼 색상 변경. -> 소셜 로그인 버튼 구현하고 싶다는 목표가 생겼다. 구조분해 할당과 계산된 속성명 사용 위스타그램에서 부터 반복하여 사용된 구... React리엑트프로젝트React (React) Fragment 리액트에서는 하나의 컴포넌트가 여러 개의 엘리먼트들을 반환한다. 리액트를 사용하기 위한 문법인 JSX를 쓸 떄, Return 문 안에는 반드시 하나의 최상위 태그가 있어야 한다. ❗️이는 리액트가 하나의 컴포넌트만을 리턴할 수 있기 때문이다. Fragment를 사용하는 이유 이는 리액트의 JSX 문법과 관련이 있다. 반드시 하나의 최상위 태그로 감싸져 있어야 하기 때문에, 컴포넌트의 랜더링을... fragmentReact리엑트React
Styled component의 theme 활용 팁 styled component의 theme provider 기능을 활용하면 특정 variable에 css값을 할당해놓고 추후에 변경사항이 있으면 프로젝트 내부에서 일괄적으로 변경 가능하다. 기존에 nextjs 세팅하기에서도 설명했었다. 위의 mainColor만 바꾸면 유용하게 색깔을 바꿀수있다. 여기에서 3가지 팁을 공유하겠다. 첫째로는 antd의 설정된 css를 오버라이딩하는 방법이다. "... styledComponent리엑트styledComponent (React) 리엑트 라이프 사이클 컴포넌트의 수명은 보통 페이지에서 렌더링되기 전인 준비 과정에서 시작해 페이지에서 사라질 때 끝이난다. 그리고 세가지 유형으로 나눌 수 있다. 마운트(생성될 때) 업데이트(업데이트 할때) 언마운트(제거할 때) ❗️ 주의해서 볼 것은 업데이트 부분인데, 업데이트는 다음과 같은 4가지 상황에서 발생한다. props가 바뀔 때 state가 바뀔 때 부모 컴포넌트가 리렌더링될 때 this.force... 리엑트생명주기React리액트 라이프 사이클라이프사이클React [React] States 상황에 따라 가변적인 정보와 UI가 연관될 수 있다. 이런 가변적인 정보를 상태라 부르고, 이 상태를 관리할 수 있는 방법이 바로 state이다. 사용자가 더하기, 빼기 버튼을 클릭할때마다 우리는 수량의 값을 변경시켜 UI에 반영하고 싶다. 이와 같은 상황에서 우리는 useState라는 함수를 이용해 수량을 가변적인 상태값으로 관리할 수 있다. useState를 적용해 초기 수량을 1로 표기... ReactState리엑트React 1차 프로젝트 후기 - Login 나도 할 수 있다. 프론트엔드 : 3명 프론트엔드 역할 분담 Product List page Product Detail page Login, Signup 나의 역할 Login, Signup 👉 START LOGIN 팀 회의 후 결정에 따라 로고와 버튼 색상 변경. -> 소셜 로그인 버튼 구현하고 싶다는 목표가 생겼다. 구조분해 할당과 계산된 속성명 사용 위스타그램에서 부터 반복하여 사용된 구... React리엑트프로젝트React (React) Fragment 리액트에서는 하나의 컴포넌트가 여러 개의 엘리먼트들을 반환한다. 리액트를 사용하기 위한 문법인 JSX를 쓸 떄, Return 문 안에는 반드시 하나의 최상위 태그가 있어야 한다. ❗️이는 리액트가 하나의 컴포넌트만을 리턴할 수 있기 때문이다. Fragment를 사용하는 이유 이는 리액트의 JSX 문법과 관련이 있다. 반드시 하나의 최상위 태그로 감싸져 있어야 하기 때문에, 컴포넌트의 랜더링을... fragmentReact리엑트React