React 시작
JSX다루기 이전 글에서 나왔듯이 리액트는 JSX를 이용해서 자바스크립트와 HTML태그를 합쳐 사용자 인터페이스 요소와 기능을 정의할 수 있다. 하지만 브라우저는 JSX를 모르기 때문에, 알 수 있도록 평범한 자바스크립트로 변환시켜야 한다. 이를 해결하기 위한 두 가지 방법으로 ...
Recent Posts
React 소개
“리액트 웹앱 제작 총론”이라는 책을 이용해서 React 기본을 배워보자! 이 책을 선택한 이유는 단순히 인터넷상에서 많이 추천한 책이라서 선택하였다. 리액트 배경 멀티 페이지 디자인 예전의 웹앱의 경우 멀티 페이지 디자인 방식을 택하였다. 멀티 페이지 디자인은 바뀐 내용을...
Webpack - 시작하기
이번 포스팅에서 webpack 공식사이트의 getting started로 기본 개념을 익혀보도록 합니다. Webpack? 자바스크립트 코드가 많아지고 거대화되면서 파일을 관리하는 것이 힘들어졌습니다. Webpack은 이러한 점들을 쉽게 지원하는 도구 중 하나입니다. 코...
vue.js - 컴포넌트 - Events, slot
사용자 정의 이벤트 Vue에서는 자식 컴포넌트의 문제가 발생했을 때, 부모 컴포넌트로 알리는 방법은 사용자 정의 이벤트로 알릴 수 있습니다. 모든 Vue인스턴스는 $on(eventName)을 사용하여 이벤트를 감지하거나 $emit(eventName)을 사용하여 이벤트를 ...
vue.js - 컴포넌트 - Props
컴포넌트 관계 컴포넌트는 부모-자식 관계에서 가장 일반적으로 사용하기 위한 것입니다. 여기서 부모와 자식 컴포넌트는 서로에게 데이터를 전달하거나, 이벤트를 알릴 필요가 있습니다. Vue에서 부모-자식 컴포넌트 관계는 props(아래)와 events(위로)라고 얘기할 ...