Daily todos with React
Daily-Todos
최근에 생활코딩으로 React를 공부하고,
대략적으로 머리에 날라다니는 개념을 붙잡기 위해
React를 이용해서 뭐라도 만들어봐야겠다는 생각이 들었다.
평범한 대학생 블로그.
최근에 생활코딩으로 React를 공부하고,
대략적으로 머리에 날라다니는 개념을 붙잡기 위해
React를 이용해서 뭐라도 만들어봐야겠다는 생각이 들었다.
React 공식 문서에 있는, React로 코딩하는 방법론에 대한 이야기이다.
React 스러운 방법으로 코딩하는 법.
Javascript의 Date 객체를 이용하면
하루 이전, 이후의 날짜 객체를 간단히 구할 수 있음.
특정 content가 화면에 띄워지고 있는 상태에서
delete 버튼을 누르면 그 content가 바로 삭제되게끔 구현.
form은 react의 메인 컨셉 중 하나. 이해도가 필요하다.
react 공식 문서에서 Main concepts → Forms
로 가면
form을 다루는 방법을 자세히 설명해줌.
state에 배열이 있을 경우, 그 배열에 값을 추가할 때
push를 사용하면 그 원본 배열 자체가 변경되고
concat을 사용하면 새로운 배열이 만들어진다고 했다.
props를 전달받은 하위 component 내부에서
전달받은 props의 값을 바꿀 수는 없다. 에러가 발생한다.
링크를 걸어놓고, 그 링크에다가 event를 설치한다
→ 링크를 클릭하면 그에 따라서 해당 component의 state가 바뀐다
→ 바뀐 state가 하위 component의 props 값으로 전달된다