post-thumbnail

[TIL] 컴포넌트 코드 분리하는 기준

1. 비즈니스 로직과 상태값의 유무 재사용성이 좋은 컴포넌트 정의 비즈니스 로직이 없다. 상태값이 없다. 단 마우스 오버와 같은 UI효과를 위한 상태값은 제외

2021년 3월 10일
·
0개의 댓글
post-thumbnail

[TIL] useRef

가끔씩 DOM을 직접 선택해야 하는 상황이 발생 할 때도 있다. 예를 들어 특정 엘리먼트의 크기를 가져와야 한다던지, 스크롤바 위치를 가져오거나 설정해야된다던지, 또는 포커스를 설정해줘야된다던지 등 정말 다양한 상황이 있는데, 그럴 때 리액트에서 사용하는 것이 useR

2021년 3월 6일
·
0개의 댓글
post-thumbnail

[TIL] useState 이해하기

위 코드는 input에 입력하는 값이 하단에 나타나게 하고, 초기화 버튼을 누르면 input값이 reset되도록 구현한 것이다.input의 onChange 이벤트를 사용히고 이벤트에 등록하는 함수에는 이벤트 객체e를 파라미터로 받아와서 사용 할 수 있는데 이 객체의 e

2021년 3월 6일
·
0개의 댓글
post-thumbnail

[TIL] useContext

일반적인 React 애플리케이션에서 데이터는 부모로부터 자식에게 props를 통해 전달되지만, 애플리케이션 안의 여러 컴포넌트들에 전해줘야 하는 props의 경우 이 과정이 번거로울 수 있다. 그래서 context를 이용하면, 트리 단계마다 명시적으로 props를 넘겨

2021년 3월 5일
·
0개의 댓글
post-thumbnail

[2차 Project] 후기

1️⃣ 팀명 STARBUGS 2️⃣ Project명 스타벅스 사이트 클론 Project 3️⃣ Project 기간 1월 25일 ~ 2월 5일 4️⃣ Member Front : 김병진, 황인태, 정선미👨‍👦‍👦 Back : 장진욱, 이성용👨‍👦 5️⃣

2021년 2월 14일
·
0개의 댓글
post-thumbnail

[React] Hook

Hook은 함수 컴포넌트에서 React state와 생명주기 기능(lifecycle features)을 연동(hook into)할 수 있게 해주는 함수이다. useState가 Hook이라는 녀석인데 Hook을 호출해 함수 컴포넌트안에 state를 추가한다.이 state

2021년 2월 12일
·
0개의 댓글
post-thumbnail

[React] Styled Components

현대 웹 앱이 컴포넌트 기반으로 성숙해가면서 CSS 스타일링 방법론 또한 컴포넌트를 기반으로 재구성되고 있다. 이러한 고민 속에서 등장한 패러다임이 CSS-in-JS이면서 가장 인기 있는 라이브러리가 Styled Components이다.자동 중요 CSS스타일 구성 요소

2021년 2월 11일
·
0개의 댓글
post-thumbnail

[1차 Project] 후기

1차 프로젝트 후기👀 > 기간 : 1월 11일 ~ 22일 Project 주제 : 배민문방구 사이트 클로닝 하기 Project 인원 : 프론트 3명 / 백엔드 2명

2021년 1월 23일
·
1개의 댓글
post-thumbnail

[React] 처음 경험해본 리액트!

wecode에서 React를 시작한 지 벌써 2주가 지났다..!처음에는 state, props 개념도 잘 몰라서.. 많이 해맸지만, 2주 동안instagram 클론 프로젝트를 통해 React의 소중함을 깨닫는 시간이였다고 생각한다. 첫 번째로 handle함수를 통하여

2021년 1월 7일
·
0개의 댓글