본문 바로가기

React 강의

(2)
6. React View, Component 반복, 조건부 랜더링 헤이 에부리바디! 효근이에요! 오늘은 Component 의 반복, 조건부 렌더링과 간단한 To - Do List View를 제작해볼겁니다. 스타일은 css를 사용하여 제작하겠습니다. ToDo 하나의 데이터는 아래 json 데이터를 삽입하겠습니다. { title: '제목', date: '날짜', isDone: false, // 완료 } 제목과 날짜, 완료 체크가 있는 간단한 형태입니다. const data = [ { title: '제목1', date: '2020-09-27', isDone: false, }, { title: '제목2', date: '2020-09-27', isDone: true, }, { title: '제목3', date: '2020-09-27', isDone: false, }, ]; 위의..
1. React란? 그리고 CRA 설정 안녕하세요 효근입니다! 오랜만에 블로그를 복귀했습니다! 회사업무랑랑 외주업무랑 너무 쌓이는 바람에 늦게 되었습니다 ㅠㅠ.. 일단 오랜만에 돌아온 기념으로 여태까지 안올리던 React 에 대해 올려볼려 합니다! 한번 시작해 볼까요? 일단.. React 란? 페이스북에서 개발한 Javascript 라이브러리입니다. 재사용 가능한 UI를 생성할 수 있게 해줍니다. Virtual Dom ( 가상 돔 ) 이라는 개념을 탑재하여, 변경된 부분만 선택적으로 렌더링 할 수 있습니다! 와! 돔을 여럿 갖고 있지 않을 수 있어, html 파일이 단 한 개인 single page application 형태를 띄우고 있어요! 덕분에 최소한의 처리로 변경에 대하여 컴포넌트를 업데이트 할 수 있다는 장점을 갖고 있습니다! 아래 ..