초급개발자의공부노트

JSX 자바스크립트의 확장 문법으로 XML과 매우 비슷하게 생김 JSX의 장점 1. 가독성도 높아 보기 쉽고 익숙하다. 2. JSX에 오류가 있다면 감지한다. 3. div나 span 같은 HTML 태그를 사용할 수 있을 뿐만 아니라, 앞으로 만들 컴포넌트도 JSX안에서 작성할 수 있다. JSX 문법 1. 감싸인 요소 : 컴포넌트에 여러 요소가 있다면 부모 요소 하나로 꼭 감싸야 한다. 1-2 Fragment : 리액트 v16 이상에서는 Fragment 컴포넌트가 있다. div 같은 것으로 감싸지 않고 여러 요소를 렌더링하고 싶다면 리액트를 불러올 때 Component 와 Fragment를 불러와서 아래와 같이 사용 2. 자바스크립트 표현 : JSX 내부에서 자바스크립트 표현식을 쓰려면 코드를 { } 로 ..

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 아래와 같이 로컬환경에서 해당 포트로 접속하면 초기 프로젝트 페이지가 보인다! 물론 네트워크 환경에서도 확인이 가능하다. 그러면 이제 리액트를 공부해 볼까 ..

3. 작업 준비 및 환경설정 3.1 필요한 프로그램 1. Node.js 3.1.1 Node.js 설치 ( https://nodejs.org/ko/download/ ) 해당 운영체제에 맞는 파일을 다운받아서 설치하면 됩니다. 설치 완료 후 다음 명령어를 입력하여 설치했는지 확인 시작->실행->cmd->명령프롬프트창에서 node -v

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에 적용 * 리액트는 오직 뷰만 담당한다. 리액트는 프레임워..

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

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

우분투18.04에서 잠금화면 해제하기유틸리티에 Settings 로 가시면 아래와 같이 Privacy 를 선택해주세요.그 다음 ScreenLock 을 클릭해주세요 Automatic Screen Lock 속성의 On 되어있는 부분을 OFF 로 설정해주시면 잠금화면이 해제됩니다.

에러발생UnicodeDecodeError: 'cp949' codec can't decode byte 0xe2 in position 2363: illegal multibyte sequence 우선 파일은 아래와 같다. 문제 발생 문제해결 with open 에 encoding="UTF8" 을 넣어주면 해결이 가능하다. 이밖에도 파일 자체의 인코딩을 바꾸는 방법도 있으나 위와 같은 방법으로 해결하였음.

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