기타/기타 잡다한 것들 91

4. React 프로젝트 생성

4. React 프로젝트 생성 4.1 명령프롬프트 -> npm install -g create-react-app 명령어로 create-react-app 도구를 설치합니다. 4.2 설치가 완료되면 create-react-app 을 통해 프로젝트를 생성한다. ( 1~3분소요 ) 4.3 그리고 cd hello-react 명령어로 프로젝트 폴더로 이동하여 npm start 를 입력하면 ... 4.4 아래와 같이 로컬환경에서 해당 포트로 접속하면 초기 프로젝트 페이지가 보인다! 물론 네트워크 환경에서도 확인이 가능하다. 그러면 이제 리액트를 공부해 볼까 ..

2. 리액트(React) 특징

2.1 Virtual DOM 2.1.1 DOM(Document Object Model) - 객체로 문서 구조를 표현하는 방법으로 XML이나 HTML로 작성한다. - DOM은 트리 형태라서 특정 node를 찾거나 수정하거나 제거하거나 원하는 곳에 삽입할 수 있다. 2.1.2 Virtual DOM - 실제 DOM에 접근하여 조작하는 대신, 이를 추상화한 자바스크립트 객체를 구성하여 사용한다. 리액트에서 데이터가 변하여 웹 브라우저에 실제 DOM을 업데이트할 때는 아래와 같이 세가지 절차 1. 데이터를 업데이트하면 전체 UI를 Virtual DOM에 리렌더링 2. 이전 Virtual DOM에 있던 내용과 현재 내용을 비교 3. 바뀐 부분만 실제 DOM에 적용 * 리액트는 오직 뷰만 담당한다. 리액트는 프레임워..

1. 리액트(React)

자바스크립트 기반 프레임워크 : AngularJS, Backbone.js , Derby.js, Ember.js, Ext.js, Knockback.js , Sammy.js , PureMVC , Vue.js 등 1. 리액트(React) - 최대한 성능을 아끼고 편안한 유저 경험(user experience)을 제공하면서 구현하려고 개발한 것 - 리액트는 자바스크립트 라이브러리로 유저 인터페이스를 만드는데 사용. 오직V(View)만 신경 쓰는 라이브러리 - 프론트엔드 어플리케이션 개발의 핵심 부분에 중점을 두고 있음. 2. 컴포넌트(component) - 특정 부분이 어떻게 생길지 정하는 선언체, 구현하고자 하는 기능을 캡슐화 하는 기본 단위 - 데이터를 다루며 그 결과로 UI를 렌더링한다. - 컴포넌트는 재..

우분투18.04 crontab 파이썬 작업 예약 설정하기

우분투18.04 crontab 설정하기1. crontab -e 2. 위의 코드는 5분마다 naver.py 라는 파이썬 파일을 실행하고 그 결과를 cron.log 라는 곳에 기록하는 것입니다.여기서 꼭 절대경로로 작성해주셔야 합니다. 여기서 command 의 경로는 꼭 절대경로로 작성해주셔야 합니다. 실행파일은 아래와 같이 확인이 가능합니다. 그리고 시스템로그를 확인하는 방법은 아래와 같습니다. 물론 파이썬에서 작업 완료 후 print문을 작성했다면 cron.log 라는 파일에 기록이 남게됩니다.

우분투18.04 crontab No MTA installed, discarding output 에러 해결

No MTA installed, discarding outputcrontab -e 명령어로 파이썬 스크립트를 실행하라는 코드를 작성하여 설정해 두었는데, 어찌된 일인지 작성하지 않았다. 그래서 grep CRON /var/log/syslog 명령어로 로그를 확인한 결과 위와 같은 에러가 발생한 것을 알게되었다. 해결은 간단했다. 메일전송 관리자가 없어서 발생되는 오류였다. 해결은 postfix 를 설치를 하면 된다. 설치 명령어는 아래와 같다. sudo apt-get install postfix 를 터미널에서 입력하고 로컬환경으로 설치를 하면 에러가 해결된다.

우분투 18.04 에서 mysql 설치하기

우분투 18.04 에서 mysql 설치하기1. MySQL 서버 패키지 설치아래 사진은 진행중입니다...2. mysql 설정sudo mysql_secure_installation 을 입력하고 y를 누릅니다.아래에서는 1 을 선택합니다여기서는 root 의 비밀번호를 입력합니다.root 비밀번호를 다시 입력하고 y를 눌러줍니다.데이터베이스를 아무나 READ 할 수 없게 한다. y를 눌러줍니다.y를 입력하면 원격 접속으로 root 계정을 사용할 수 없음. 별도의 계정 생성해야 한다. 설치를 완료하였습니다! 설정은 다음 포스트에서 진행합니다

우분투 18.04에 nginx 설치하기

우분투 18.04에 nginx 설치하기구글과 네이버를 뒤지면서 우분투18.04에 nginx 설치를 하려고 했으나 실패하였다. 게시글이 1~2년 이전 게시글이 많았고 설치에 어려움을 겪었다. 다른 방법으로 유튜브에서 동영상을 찾아보았고 지금 가상머신으로 nginx 설치를 완료한 상태이다. nginx 는 버전이 두가지가 있는데 필자는 mainline 버전으로 설치를 진행하였다. stable 버전으로 설치를 원하시는 분은 내용이 약간 다르니 https://nginx.org/en/linux_packages.html#stable 를 확인하면서 설치를 진행 하시면 된다. 그리고 우분투 18.04 에서 nginx 설치하는 방법은 아래와 같다. 1. cd /etc/apt 2. cd sources.list.d/ 3. s..

우분투 명령어 정리

패키지 관리 Debian 에서 파이썬 설치sudo apt-get install python3 파이썬3버전 pip 설치sudo apt-get install python3-pip 파이썬2버전 pip 설치sudo apt-get install python-pip wget : 인터넷에서 파일을 직접 다운로드sudo apt-get install wget파일 다운로드(wget) 단일파일 다운로드wget URL 주소 ex)wget http://www.site.com/file.pdf 재귀 적으로 전체 사이트 다운로드wget -r http://www.site.com 특정 유형의 모든 파일 다운로드 : (예 : pdf 및 jpg)wget -r -A pdf,jpg http://www.site.com 외부 링크 따라 가기wge..