React

(시리즈 썸네일용)

State 사용법

강의 내용 출처는수정버튼이 작동되게 하려면 ???부분에\[state이름, state변경함수] 구조이기 때문에글제목(\['여자코트 추천', '강남 우동맛집', '파이썬 독학']) 이렇게 작성하면 변경이 되지 않는다.이렇게 하면은 글제목이라는 state가 '여자코드 추천'

코딩애플 리엑트 강의 듣고 혼자서 기록하는 것 입니다. 강의 내용 출처는 https://codingapple.com/course/react-basic/ 모든 저작권은 코딩애플에게 있습니다. JSX 주의사항 이렇게 return() 안에 두개의 html태그 나란히

리액트 환경에서 동적인 UI 만드는 법

map 함수 사용법

props 문법

JSX에서 input 문법

JSX에서 Class 문법

컴포넌트가 많은 경우 스타일링을 하다보면 몇가지 문제가 발생할 수 있는데 class명을 중복해서 만든다. 다른 컴포넌트에 원하지않는 스타일이 적용되거나 (오염된다.) CSS 파일이 너무 길어져서 수정이 어려워진다. 이러한 경우에 따로 CSS파일을 생성하지 않고 컴포넌트에 스타일을 바로 입힐 수 있는데 styled-components 라이브러리를 설...

리팩토링을 진행하며 폴더 구조도 점검하던 와중 public 폴더와 src 폴더어떤 폴더에 어떤 파일이 들어가야하는지 정확하게 모르는것 같아 정리하고 가보려고한다.https://create-react-app.dev/docs/using-the-public-fold

동적 라우팅은 URL의 일부를 변수(파라미터)로 사용하여 하나의 라우트 컴포넌트로 여러 다른 페이지를 렌더링하는 기술입니다. 쉽게 말해, URL 주소에 변수를 포함시켜 다양한 데이터를 표시할 수 있게 해주는 방법이에요!고정된 URL 경로만 처리각 경로마다 별도의 컴포넌

마운트는 컴포넌트의 인스턴스가 생성되어 DOM에 삽입되는 과정으로 컴포넌트가 화면에 나타나는 것이다.컴포넌트가 마운트 될 때 일어나는 일:컴포넌트 함수가 호출 (함수형 컴포넌트의 경우)JSX가 React 엘리먼트로 변환가상 DOM이 업데이트실제 DOM에 변경사항이 반영

React에서 함수가 매번 새로 만들어지는 것을 방지하기 위해 사용하는 Hook이다.원형fn: 캐싱하고 싶은 함수deps: 의존성 배열→ 이 배열에 있는 값이 변경될 때만 fn이 새로 만들어짐React 함수형 컴포넌트는 렌더링될 때마다 전체 함수 본문이 다시 실행되므로