Recent Posts
  • Javascript - 변수관리 특징 및 스코프체인에 대하여

    javascript는 다른 언어들과 상이한 점들을 특징으로 가지고 있는데요, javascript에서의 유효범위(scope)는 변수와 매개변수의 접근성과 생존 기간을 제어하는 범위를 말합니다. 1. javascript의 변수 관리 javasciprt에서 변수를 관리하는 규칙은 다음과 같이 세가지로 정리할 수 있습니다. 1) 함수단위의 변수 관리 2) 실행시의 변수 관리는 렉시컬 영역을 기준으로 3) 실행시의 변수 검색은 스코프 체인을 이용...


  • 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의 장점이라면, 각각의 기능을 컴포넌트화 하여 코드의 가독성 및 재사용을 진작시킬 수 있지만,...