profile
안녕 :P

[React 7.] 클론코딩 #1

친구들과 함께 op.gg 클론 코딩을 진행 하기로 하였고, 그 중 나는 웹 파트를 맡게 되었다. 리액트를 사용해 진행하기로 하였고, 그날 그날 간단하게 새로 배운 사실들을 적어보기로 했다.https://velog.io/@velopert/react-router-

2022년 7월 3일
·
0개의 댓글
·
post-thumbnail

[React 6.] #56~65

sweetalert2예시sweetalert2는 비동기적으로 동작한다. 비동기적으로 실행되는 sweetalert2 함수를 동기적으로 사용하기 위해 프로미스의 then 함수를 사용한다. then 함수를 사용해 Swal.fire() 함수의 결과값(result)이 반환됐을 때

2022년 6월 27일
·
0개의 댓글
·

[React 5.] #34~55

Reactstrap 사용하기 파트가 워낙 많아서 생략하기로 하고, 대신 필요할 때마다 책 혹은 구글에서 찾아서 쓰자. Alert : 알림영역 기능 제공 Badge : 부모 요소에 추가로 특정 문자열이나 숫자를 표시할 때 사용 Breadcrumbs : 페이지 위치 경로를 지정한 웹 네비게이션에 사용. 보통 웹 사이트 상단에 표시되는 메뉴 리스트에...

2022년 6월 26일
·
0개의 댓글
·
post-thumbnail

[React 4.] #24~33

#24. state 사용하기 props를 상위 컴포넌트에서 하위 컴포넌트로 데이터를 전달할 때 사용했다면, state는 하나의 컴포넌트 안에서 전역 변수처럼 사용한다. 가장 먼저 실행되는 생성자 함수 constructor 안에서 state 변수의 초기값을 정의해줄 수

2022년 6월 26일
·
0개의 댓글
·

[React 3.] #17~23

#17. props 사용하기 props는 부모 컴포넌트가 자식 컴포넌트에 데이터를 전달할 때 사용한다. props를 전달받은 자식 컴포넌트에서는 데이터를 수정할 수 없다. 데이터를 변경하기 위해서는 컴포넌트 내부에서만 사용하는 변수에 값을 넣어 사용해야 한다. pro

2022년 6월 26일
·
0개의 댓글
·
post-thumbnail

[React 2.] #09~16

#10. var, let, const 사용하기 var 변수 : 재선언, 재할당 허용 let 변수 : 재선언 허용X, 재할당 허용 const 변수 : 재선언, 재할당 허용X #11. 전개 연산자 사용하기 배열명, 객체명 앞에 ...(마침표 3개)를 붙여 여러 개를 한

2022년 6월 26일
·
0개의 댓글
·
post-thumbnail

[React. 1] #01~08

component 예시constructor()예시getDerivedStateFromProps(props, state)예시componentDidMount()예시shouldComponentUpdate()예시

2022년 6월 26일
·
0개의 댓글
·