전체 글141 mjpg 동영상 스트리밍 서버 구현하기 참고 링크: http://fishpoint.tistory.com/1905영상만 볼 수 있는 링크(->vlc와 chrome에서 실행 가능) http://xxx:8080/?action=stream제공되는 홈페이지 형식으로 영상 포함해서 볼 수 있는 링크(->chrome에서 실행 가능) http://xxx:8080/stream.html요약: 카메라 모듈을 이용하여 mjpg-stream 을 구현한다. 속도가 많이 느린 편이지만 현장 상황을 웹을 이용하여 모니터링 하기에는 무리가 없다. 웹스트리밍 또는 기타 외부 기기에서 라즈베리 파이 카메라 모듈을 이용한 웹스트리밍 서비스를 하기 위해선 mjpg-stream 이 가장 최적화 되어 있다.설치 단계: 1. mjpg-stream 컴파일을 위해 아래 영상관련 라이브러리.. 2019. 1. 14. vi 편집기 명령어 모음 맨날 써도 까먹는 그놈의 vi https://blockdmask.tistory.com/25 2019. 1. 14. 칼리 리눅스 unable to locate package 에러 해결 방법 http://covenant.tistory.com/56 2019. 1. 14. 라즈베리 파이 root로 ssh 로그인 방법 & root 비밀번호 설정 파이 root로 ssh로그인 방법 http://zelkun.tistory.com/entry/009-Raspberry-Pi-%EB%9D%BC%EC%A6%88%EB%B2%A0%EB%A6%AC-%ED%8C%8C%EC%9D%B4-ROOT-SSH-%EC%A0%91%EC%86%8D 파이 root 비밀번호 설정 http://epicarts.tistory.com/18 2019. 1. 14. [안드로이드 스튜디오]에 jsoup 라이브러리 넣는 법/jar 파일 넣는 법 http://someoneofsunrin.tistory.com/38 2019. 1. 14. [안드로이드 스튜디오] 버튼 텍스트 소문자로 보이게 하기 http://fil.wo.tc/779 2019. 1. 14. [안드로이드 스튜디오] toast 메세지 배경색 바꾸는 방법 http://heum-story.tistory.com/20 https://stackoverflow.com/questions/31175601/how-can-i-change-default-toast-message-color-and-background-color-in-android https://m.blog.naver.com/PostView.nhn?blogId=dla210&logNo=220708153806&proxyReferer=https%3A%2F%2Fwww.google.com%2F 2019. 1. 14. [안드로이드 스튜디오]와 디바이스 연결 시 sdk 버전 낮추는 방법 sdk 버전 낮춰주고 -> sync_now하고 -> build -> rebuild project sdk 버전은 Gradle Scripts의 build.gradle(Module: app)의 minSdkVersion 옆에 숫자를 변경해주면 됨. 2019. 1. 14. DOM조작 & react_router 출처: 리액트를 다루는 기술-VELOPERT DOM이란? DOM(Document Object Model) = 객체로 문서 '구조'를 표현하는 방법. xml이나 html로 작성. =웹페이지를 구성하고 있는 문서/다양한 구성요소(=Document) 예를 들어 a태그 div라던지 이런 것들을 하나하나 객체로 만들어서 자바스크립트가 제어할 수 있도록 한 것이 DOM-트리 형태-> 특정 node를 검색/수정/제거/삽입이 가능. DOM 설명_MDN문서DOM_생코설명->웹 페이지를 핸들링하기 위한 프로그래밍 인터페이스. 자바스크립트를 통해 DOM를 제어해서 웹페이지를 제어DOM사용하는 일반적인 순서제어할 대상(각각의 엘리먼트)을 찾기대상이 가지고 있는 메소드를 실행하거나, 이벤트 핸들러를 설치하여 엘리먼트를 제어 -.. 2019. 1. 5. ping 명령어들 ping 168.126.1.1 2019. 1. 5. 1_추가 내용 컴포넌트는 반드시 하나의 엘레먼트만 리턴 라이프사이클? fragment 사용이유: state-비동기.순서 비유지. constructor 초기화를 먼저 해줘야 함. 초기화 부분 super(prop)constructor 쓸 떄 super(prop)은 꼭 한다고 봐도 무방. setState부분-기존의 값을 참조해서 값을 변경하고 싶을때비동기적이기 때문에 반드시 콜백함수 파라메터부분 신경쒀줘야 함 // 1. // this.setState({ // buttonClickCount: ++this.state.buttonClickCount // }); // 2. // this.setState((prevState/*, props*/) => { // return { // buttonClickCount: ++prevState.. 2018. 12. 17. 1_props & state 출처: 리액트를 다루는 기술-VELOPERT컴포넌트 생성 순서파일 만들기 -> 초기 코드 작성하기 -> 모듈 내보내고 불러오기코드: MyComponentimport React, { Component } from 'react'; import PropTypes from 'prop-types'; class MyComponent extends Component { render() { return ( 야호 ) } } export default MyComponent; //다른 파일에서 이 파일을 import할 때, //위쪽에서 선언한 MyComponent 클래스를 불러오도록 설정 //이 코드 작성 후, App 컴포넌트에서 MyComponent를 불러와 사용하면 됨.App import React, { Compon.. 2018. 12. 17. 1_es6, es7 학습, JSX 문법 출처: 리액트를 다루는 기술-VELOPERT들어가며es6, es7 문법es6모듈을 불러오는 방법. 모듈을 불러오는 키워드 import. import fs from 'fs';이전)var React = require('react'); var Component = React.Component; 지금) import React, {Componenct} from 'react';클래스 개념클래스 없 vs 클래스 있var와 const, let 키워드 *기본적으로 const 사용, 해당 값을 바꾸어야 할 때 let 사용하면 됨. *var키워드: 해당 값을 사용할 수 있는 코드 영역이 함수 단위이다.const와 let의 해당 값을 사용할 수 있는 코드 영역은 블록 단위이다.const와 let은 블록 내부에서 중복 선.. 2018. 12. 17. CH02 네트워크에 대한 이해_06 전송 계층 출처: 네트워크 해킹과 보안 - 한빛아카데미 (네트워크 스터디) syn과 ack 뜻 http://mindgear.tistory.com/206 2018. 12. 17. CH02 네트워크에 대한 이해_05 네트워크 계층 출처: 네트워크 해킹과 보안 - 한빛아카데미 (네트워크 스터디) 데이터그램 과 패킷 (ip) 차이 https://www.netmanias.com/ko/post/qna/1560비연결/연결 지향형 프로토콜 차이 https://simhyejin.github.io/2016/07/04/connectionoriented-connectionless/ICMP 생각하며~ ping 개념, 사용법 http://itstudyblog.tistory.com/127 2018. 12. 17. CH02 네트워크에 대한 이해_04 데이터 링크 계층 출처: 네트워크 해킹과 보안 - 한빛아카데미 (네트워크 스터디) 프레임과 패킷 차이점: http://www.itworld.co.kr/howto/106484 2018. 12. 17. CH02 네트워크에 대한 이해_03 물리 계층 출처: 네트워크 해킹과 보안 - 한빛아카데미 (네트워크 스터디) lan과 wan http://mindnet.tistory.com/entry/%EB%84%A4%ED%8A%B8%EC%9B%8C%ED%81%AC-%EC%89%BD%EA%B2%8C-%EC%9D%B4%ED%95%B4%ED%95%98%EA%B8%B0-6%ED%8E%B8-WAN-%EC%9D%B4%EB%9E%80-%EC%9B%90%EA%B1%B0%EB%A6%AC-%ED%86%B5%EC%8B%A0%EB%A7%9D 2018. 12. 17. CH02 네트워크에 대한 이해_02 네트워크 계층 구조 출처: 네트워크 해킹과 보안 - 한빛아카데미 CRC기반 https://ko.wikipedia.org/wiki/%EC%88%9C%ED%99%98_%EC%A4%91%EB%B3%B5_%EA%B2%80%EC%82%AC7계층: 응용 계층 6계층: 표현 계층 5계층: 세션 계층 4계층: 전송 계층 3계층: 네트워크 계층 2계층: 데이터 링크 계층 1계층: 물리 계층 2018. 12. 17. Prev. 1 ··· 4 5 6 7 8 Next.