React
1.[React. 1] #01~08
component 예시constructor()예시getDerivedStateFromProps(props, state)예시componentDidMount()예시shouldComponentUpdate()예시
2.[React 2.] #09~16
#10. var, let, const 사용하기 var 변수 : 재선언, 재할당 허용 let 변수 : 재선언 허용X, 재할당 허용 const 변수 : 재선언, 재할당 허용X #11. 전개 연산자 사용하기 배열명, 객체명 앞에 ...(마침표 3개)를 붙여 여러 개를 한
3.[React 3.] #17~23
#17. props 사용하기 props는 부모 컴포넌트가 자식 컴포넌트에 데이터를 전달할 때 사용한다. props를 전달받은 자식 컴포넌트에서는 데이터를 수정할 수 없다. 데이터를 변경하기 위해서는 컴포넌트 내부에서만 사용하는 변수에 값을 넣어 사용해야 한다. pro
4.[React 4.] #24~33
#24. state 사용하기 props를 상위 컴포넌트에서 하위 컴포넌트로 데이터를 전달할 때 사용했다면, state는 하나의 컴포넌트 안에서 전역 변수처럼 사용한다. 가장 먼저 실행되는 생성자 함수 constructor 안에서 state 변수의 초기값을 정의해줄 수
5.[React 5.] #34~55
Reactstrap 사용하기 파트가 워낙 많아서 생략하기로 하고, 대신 필요할 때마다 책 혹은 구글에서 찾아서 쓰자. Alert : 알림영역 기능 제공 Badge : 부모 요소에 추가로 특정 문자열이나 숫자를 표시할 때 사용 Breadcrumbs : 페이지 위치 경로를 지정한 웹 네비게이션에 사용. 보통 웹 사이트 상단에 표시되는 메뉴 리스트에...
6.[React 6.] #56~65
sweetalert2예시sweetalert2는 비동기적으로 동작한다. 비동기적으로 실행되는 sweetalert2 함수를 동기적으로 사용하기 위해 프로미스의 then 함수를 사용한다. then 함수를 사용해 Swal.fire() 함수의 결과값(result)이 반환됐을 때
7.[React 7.] 클론코딩 #1
친구들과 함께 op.gg 클론 코딩을 진행 하기로 하였고, 그 중 나는 웹 파트를 맡게 되었다. 리액트를 사용해 진행하기로 하였고, 그날 그날 간단하게 새로 배운 사실들을 적어보기로 했다.https://velog.io/@velopert/react-router-