Recent Posts
  • React 기억법(4) - React 필수요소 props, state

    이전 포스팅을 보시고, 이번 포스팅을 보셔도 좋을 듯 합니다. React 기억법(1) - 리액트가 뭐지? React 기억법(2) - 컴포넌트화? 그리고 리액트 설치 React 기억법(3) - React 컴포넌트의 LifeCycle 이번에는 React에 관련되어 중요한 개념중 하나인, props 및 state에 관련되어 살펴볼까 합니다. props 및 state는 React의 컴포넌트 객체에서 DOM 객체를 제어할 때에 꼭...


  • React 기억법(3) - React 컴포넌트의 LifeCycle

    이전 포스팅을 보시고, 이번 포스팅을 보셔도 좋을 듯 합니다. React 기억법(1) - 리액트가 뭐지? React 기억법(2) - 컴포넌트화? 그리고 리액트 설치 이전 React 1편 및 2편에서는 React에 관련된 짧은 개요와 React로 뷰 컴포넌트를 만들고 사용하는 방법을 살펴봤습니다. 이번 포스팅은 2편에 연장선 격으로 React로 생성한 뷰 컴포넌트의 생성주기(라이프 사이클)에 따른 내장...


  • React 기억법(2) - 컴포넌트화? 그리고 리액트 설치

    이전 포스팅을 보시고, 이번 포스팅을 보셔도 좋을 듯 합니다. React 기억법(1) - 리액트가 뭐지? 1. React 설치 React 설치는 node js의 npm 설치 하셔서, script 태그로 삽입하시거나, cdnjs로 삽입하실 수 있습니다. npm install react --save React 빌드는 gulp나 grunt를 이용하여 browserify를 사용하거나, webpack을 사용하여 빌드할 수 있습니다. 순수하게 컴포넌트만 사용도...


  • React 기억법(1) - 리액트가 뭐지?

    이전 블로그에서 다루었던 React에 관련된 내용을 다시 옮깁니다. Facebook에서 만든 오픈소스 라이브러리 “React”에 관하여 포스팅 하고자 합니다. 1. React.js? React는 Facebook에서 내부적으로 개발하여 2013년에 오픈소스로 런칭한 javascript 라이브러리입니다. Facebook은 자체적으로 XHP를 사용하는 등 PHP를 사용하여 개발을 했습니다. PHP의 장점이라면, 각각의 기능을 컴포넌트화 하여 코드의 가독성 및 재사용을 진작시킬 수 있지만,...


  • javascript v8 엔진의 변경내용 및 Node.js 적용

    play.node 2017 컨퍼런스를 참석하면서, outsider님의 Node.js 퍼포먼스 세션을 듣다가 Node.js v6과 v8의 차이점에서 사용하는 engine의 변경을 언급하셨습니다. 해당 부분을 들으면서, 어떠한 변경점이 있길래 장점이 있는 걸까 찾아보게 되었고, 해당 내용은 한번쯤 정리해도 괜찮겠다 싶어 정리한 내용을 포스팅으로 올리고자 합니다. [1] javascript compiler에 대해서 1. 초기 javascript의 실행 원리 현재 우리가...