본문 바로가기

리액트21

React.js - 리액트의 특징, 단방향 데이터 흐름(one-way reactive data flow) 이란? 리액트 특징 one-way reactive data flow 안녕하세요. 고코더 입니다. 오늘 리액트의 두번째 특징인 단방향 데이터 흐름(one-way reactive data flow)에 대해 알아보려고 합니다. ● 1. 쉽게 설명하면 부모로부터 자식으로만 데이터가 전달이 가능합니다. 하지만 이러한 방식은 코드의 양을 줄이거나 단순화하려는 목적은 아닙니다. 유지보수를 좀 더 편리하게 만들 수 있도록 해주는 역할을 합니다. 예를 들자면 운전이 익숙하지 않는 초보 운전자에게 일반통행 차선은 좀더 운전하기가 수월합니다. 중앙선을 침범할 수 없고, 모두가 같은 방향으로 달리기 때문입니다. 그렇다가 양방향으로 달리는 도로 위도 익숙해지면 상관없겠지만 처음 도로 위로 차를 끌고 나간 날에는 상당히 무서웠던 기억이.. 2021. 1. 11.
React.js - 리액트의 특징, 버추얼 돔(Virtual DOM) 이란? 리액트에서 가상 돔이란? 안녕하세요. 고코더 입니다. ● 1. 리액트는 특징이 많은 라이브러리입니다. 그중에서도 가장 큰 특징을 하나 꼽으라고 하면 다름 아닌 가상 돔(Virtual dom)입니다. 하지만 제 블로그에서는 "버추얼 돔"이라는 명칭으로 지칭하겠습니다. 리액트가 더 빠른 사용자의 편의성을 위해 어떤 노력을 하는지 알아보겠습니다. 통째로 바꾸어 버리자! ● 2. 리액트를 만든 페이스북 개발자들은 기존의 브라우저의 변화가 일어날 때 복잡한 이벤트 발생을 발생시키는 기존의 방식이 아닌 통째로 뷰(view)를 날려버리고 새로운 뷰를 만들자는 상상을 하였습니다 ● 3. 조금 애매한 개념입니다. 그럼 예시로 한번 설명해보겠습니다. 예전에 개그콘서트 촬영 현장을 다녀온 기억이 납니다. 약 20개의 코너가.. 2021. 1. 10.
ReactJS - 리액트를 만든 개발자는? , 왜 리액트 사용해해야 하는가! 리액트란? 안녕하세요. 고코더 입니다. ● 1. 오늘은 리액트란 무엇인지 한번 알아보는 시간을 가져보겠습니다. 2013년도에 공개되어 2015년도에는 React Native가 발표되었습니다. 웹부터 모바일까지 확장해서 여전히 꾸준하게 사용되고 있는 최고의 라이브러리입니다. 오늘은 이 리액트란 녀석을 만든 사람과 왜 이걸 사용해야 하는지 알아봅니다. 페이스북 개발자가 만든 프런트엔드 라이브러리 ● 2. 리액트는 Jordan Walke라는 천재 개발자가 만들었습니다. 현재 2010년 페이스북에서 10년이 넘는 시간 동안 재직해왔고, 워싱턴 대학을 나오고, 아마존에서 일을 한 경험도 있는 엘리트 개발자입니다. https://twitter.com/jordwalke ● 3. Jordan Walke의 깃허브와 링크.. 2021. 1. 4.