개발노트

이 글은 Ji Hoon Lee 님의 React 포스팅한 글을 가져온 글입니다. 안녕하세요. 리액트 강좌 세 번째 시간입니다. 이번 시간에는 Part 2에서 만들었던 Create-React-App 폴더의 파일들을 분석해 보겠습니다. 먼저 에디터를 통해서 만들었던 CRA 폴더를 열어보세요. 폴더 구조는 다음과 같이 되어 있을 것 입니다. 여기 폴더들 중, 가장 중요한 폴더인 public과 src 폴더에 대해서 알아보겠습니다. 익숙하지 않은 문법에 관해서는 클래스에 관해서 공부하시면 됩니다. 나머지 폴더들이 어떤 역할을 하는지 알고 싶다면 npm과 git에 관해서 공부하시면 됩니다. public: 가상 DOM을 사용하는 리액트는 실제 DOM이 필요합니다. 즉, 가상 DOM이 들어갈 빈 껍데기 html이 필요하..

이 글은 Ji Hoon Lee 님의 React 포스팅한 글을 가져온 글입니다. 안녕하세요 리액트 강좌 두번째 시간입니다. 이번 시간에는 리액트 프로젝트를 생성하고 크롬 개발자 도구를 설치해 보도록 하겠습니다. 일단, 리액트 자체를 사용하는 것은 굉장히 간단합니다. Jquery를 사용하듯이 CDN 방식으로 불러와서 사용할 수도 있습니다. 그런데, 실제로 저는 이렇게 리액트를 사용하는 분은 만나보지를 못했습니다. 제가 리액트를 배울 때도 이렇게 가르쳐 주는 정보도 없었죠. 리액트 자체만 사용하는것이 아닌, 여러 가지 라이브러리를 동시에 사용하기 때문에 CDN 으로 리액트를 사용하면 리액트를 100% 활용할 수 없습니다. lint의 도움도 받지 못하고 에디터의 도움을 제한적으로만 받을 수 있기 때문입니다. (..

이 글은 Ji Hoon Lee 님의 React 포스팅한 글을 가져온 글입니다. 안녕하세요, 지금부터 리액트 강좌를 시작해보려 합니다. 리액트는 현재 굉장히 핫한 라이브러리 중 하나입니다. 현재 프론트엔드 진영에는 3개의 라이브러리 OR 프레임워크가 경쟁 중인데 바로 React, Angular, Vue 입니다. 깃허브 스타가 이를 보장해주기도 하고, 요새 이 세개 중에 하나 정도는 이름을 들어본 적이 있을 정도로 셋은 프론트엔드계의 끝판왕을 달리고 있습니다 (현재) 이 강좌 에서는 리액트에 대해서 알아볼 것입니다. 리액트는 페이스북이 만든 사용자 UI 구축을 위한 라이브러리 입니다. 오직 사용자의 View 에만 초점을 맞추고 있죠. 그래서 Routing 같은 기술이 리액트 자체에는 들어가 있지 않습니다. ..

웹 프로그래밍을 하기 앞서 먼저 알아야 할 부분들이 있다. Apche,IIS,nginx,html,css,php,Javascript 등… 이 외에 웹 프로그래밍에 관련된 기술 및 언어들이 많이 존재하고 있고 또, 지금까지도 지속적으로 새로운 기술 및 언어 등이 많이 등장하고 있는데, 여기서 우리는 그 중 지금까지도 많이 사용되고 있고 보편화된 APM을 이용해 웹 서버를 구축 하기 위한 환경을 구축 해보자. APM은 Apache+Php+Mysql을 합쳐서 부르는 말이다. 굳이 하나하나 풀어 설멍하자면 이렇다. -Apache란?- Apache는 Apache재단에서 만든 HTTP서버로 워낙 다양한 추가기능에, 구축이 쉽다는 이유 때문에 많이 쓰고 있습니다. 하지만 Apache자체만으로 엄청 무거운데다가, Squ..