React 개념 잡기 #1
·
Programming/React
리액트가 필요한 이유 Javascript를 이용하여 DOM을 변경하게한 경우에 만약 사용자에 의한 인터렉션이 많은 웹 페이지라면, 처리해야할 이벤트도 많아지고, 관리해야 할 상태값도 다양해지고, DOM도 다양해 질 것이기 때문에 DOM 업데이트와 이벤트 핸들러 간의 관계가 매우 복잡해질 것이다. 그래서 Ember, Backbone, AngularJS 등의 프레임워크가 만들어졌다. 이러한 프레임워크는 자바스크립트의 특정 값이 바뀌면, 특정 DOM의 속성이 바뀌도록 연결을 해준다. 이로 인해, 업데이트 하는 작업을 간소화할 수 있었다. 하지만 React는 위의 프레임워크들과는 달리 어떠한 상태가 바뀌었을 때, 그 상태에 따라 DOM을 어떻게 업데이트 할 지 규칙을 정하는 것이 아니라 아예 화면에 보여지는 V..
Food Board (feat. 생활코딩 React 강좌)
·
활동/개인 프로젝트
View 예전에 JS가 너무 하기 싫어서 React부터 하다가 결국 JS를 해야한다는 사실을 깨닫고 좌절했던 기억이 난다...ㅋㅋ React를 처음 접해본 것은 아니지만.. 그래도 React로 제대로 구현한 것은 처음이다. 마지막 강좌 따라하고 실행해보다가 오류발생해서 유투브에 댓글 올렸는데 하트받아서 기분이 좋았다ㅎㅎ 아직은 그냥 쌩판 HTML+JS 조합보다 코드 정리나 시각적인 면에서 불편하긴하다. 하지만 코드 재활용성과 서버 사이드 렌더링(SSR) 이 두가지가 얼마나 뛰어난지는 잘 알겠다. 앞으로 독자적인 작품을 만들 수 있도록 노력해야겠다. 일단 이때까지한 개념들을 바로 잡고 다음 단계로 넘어가자.