post-thumbnail

React에서 map 함수의 최상위 태그가 <>일 때 key값 주기

위와 같은 표를 만드려고 했다. 데이터를 HTML로 작성하여 보여주는 방법도 있었지만, 교육과정이 추가될 때마다 이 컴포넌트를 수정하는 것이 과연 맞나, 라는 의구심이 들었다.🤔 흠 위와 같은 데이터를 json 형식으로 만들고, axios로 데이터를 가져와서 화면에

2022년 7월 24일
·
0개의 댓글
·

Props와 State

props는 객체부모 컴포넌트에서 자식 컴포넌트로 상태나 데이터를 전달할 때 보통 사용컴포넌트의 자체 props를 수정해서는 안 된다.단방향, 하향식 데이터 흐름 원칙에 위배됨부모 컴포넌트에서 자식 컴포넌트로 전달하고자 하는 값과 속성 정의 {name: cat}prop

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

React로 블로그 만들기 (1) - Router로 페이지 추가하기

React로 블로그를 만들고 있습니다. Router로 페이지를 만들어 보았습니다.

2022년 2월 10일
·
0개의 댓글
·
post-thumbnail

CRA 프로젝트의 git 의 상태가?

CRA 프로젝트의 git 의 상태가 왜 이상했는지 재현해보고 원인을 알아보았습니다.

2022년 1월 27일
·
0개의 댓글
·
post-thumbnail

React에서 lo로cal컬S스to토ra리ge지 사용해보기

localStorage 로컬스토리지 사용하는 방법과 랜덤 고양이에 적용해보았습니다.

2022년 1월 25일
·
0개의 댓글
·
post-thumbnail

React에서 배열 내장함수 map()과 filter() 사용해보기

자바스크립트의 배열 내장함수인 map() 과 filter()를 사용하고 정리해 보았습니다.

2022년 1월 24일
·
0개의 댓글
·
post-thumbnail

React의 이벤트와 상태 다뤄보기 2

어제 만들었던 랜덤 고양이 보충했다.

2022년 1월 20일
·
0개의 댓글
·
post-thumbnail

React의 이벤트와 상태 다뤄보기 1

버튼을 누르면 랜덤으로 고양이 사진이 출력되는 것(고양이 사진을 2개밖에 안 썼지만)을 만들면서 React의 이벤트 다루기와 상태 다루기를 정리해 보았습니다.

2022년 1월 19일
·
0개의 댓글
·
post-thumbnail

React의 컴포넌트와 props

React 컴포넌트와 props를 정리했습니다!

2022년 1월 18일
·
0개의 댓글
·
post-thumbnail

리액트 맛보기

리액트를 간단하게 사용해보면서 babel도 사용해보았습니다.

2022년 1월 17일
·
0개의 댓글
·
post-thumbnail

React 설치하고 시작하기

npm과 yarn의 차이 / React를 설치하고 실행하는 방법을 정리했습니다.

2022년 1월 10일
·
2개의 댓글
·