목록Project (79)
불친절한 블로그
리엑트 공식홈페이지를 보면서 학습하고 있었는데 실제 웹페이지를 만들때에는 웹 화면구성하는 법을 알고싶어서 구글링을 통해 레이아웃을 구성하는 법을 찾아보게 되었다. 디렉토리를 layout으로 추가하고, 그 안에 레이아웃, 헤더, 푸터를 js파일과 css파일을 만들어주었다. layout.js를 먼저 보면 간단하게 작성해준다. app.js에는 layout태그로 감싸준다. 결과화면!! header.js와 header.css를 만들자. 그리고 footer.js랑 footer.css도 만들어준다. 헤더와 푸터를 만들어줬으면 다시 layout.js에 헤더와 푸터를 연결해준다. import문을 써서 헤더와 푸터를 가져오고, 태그에는 이런식으로 넣어준다. 결과창 간단한 리엑트 예제를 레이아웃에 넣어보면 https://k..
이전글에 Django와 React 세팅을 했었다. https://onu0624.tistory.com/117 [Django][Python] Django 백엔드 서버 만들기 예전에 가상환경에 Django 설치하는 방법을 게시 했었다. https://onu0624.tistory.com/91 [Django][Python] 가상환경에 Django 설치하기 실습 환경 개발 툴 : IntelliJ 개발 언어 : Python 프레임워크 : Django.. onu0624.tistory.com https://onu0624.tistory.com/119 [React] React 설치하기 프론트화면으로 React를 써보려고 한다. React를 설치해보자 node 설치 확인 React 설치!! $ npm install -g cr..
프론트화면으로 React를 써보려고 한다. React를 설치해보자 node 설치 확인 React 설치!! $ npm install -g create-react-app -g는 글로벌이며 해당 경로에만 설치가 아니라 전체에 설치하겠다는 뜻이다. 아... npm 업데이트 하자! $ npm install -g npm 버전 확인 $ npm -v 프로젝트 생성! $ create-react-app "프로젝트 명" 실행 $ npm start 완성!!
이전에 Django 백엔드 서버를 만들었다. https://onu0624.tistory.com/117 [Django][Python] Django 백엔드 서버 만들기 예전에 가상환경에 Django 설치하는 방법을 게시 했었다. https://onu0624.tistory.com/91 [Django][Python] 가상환경에 Django 설치하기 실습 환경 개발 툴 : IntelliJ 개발 언어 : Python 프레임워크 : Django.. onu0624.tistory.com DB연결하자! models.py에 현재 DB의 테이블과 형식이 같도록 코드를 작성해준다. settings.py에서 DATABASES 부분을 DB정보와 같이 맞춰준다. 변경된 내용을 적용시켜 주자! $ python manage.py mak..
예전에 가상환경에 Django 설치하는 방법을 게시 했었다. https://onu0624.tistory.com/91 [Django][Python] 가상환경에 Django 설치하기 실습 환경 개발 툴 : IntelliJ 개발 언어 : Python 프레임워크 : Django 개발 OS : windows Django를 사용할때, 로컬에 바로 설치할 수도 있겠지만 깔끔한 개발 환경을 위해서 가상환경을 구상하게 되면 관리 onu0624.tistory.com 하지만 저때 방법보다 더 간결하게 pipenv를 이용해서 쉽게 설치할 수 있다는 정보가 있어서 겸사겸사 글을 쓴다. pipenv를 설치한다. pipenv shell을 사용해서 실행한다. $ pip3 install pipenv $ pipenv shell 그럼 맨..
이전 글에서 'pyModSlave modbus 통신을 통해 데이터 값을 랜덤으로 DB에 10분 단위로 담고 싶다.'라고 했다. https://onu0624.tistory.com/115 [Python][Modbus][DB] pyModSlave를 이용한 시뮬레이터 값 DB에 저장 pyModSlave라고 modbus 통신을 할 수 있는 랜덤 시뮬레이터 이다. 특정 시간동안 데이터 값을 랜덤으로 추출하는 프로그램인데 이 데이터를 DB에 10분 단위로 담고 싶다. 우선 pyModSlave를 사용하는 방법 onu0624.tistory.com modbus 통신을 통해 데이터를 DB에 넣는 작업까지는 했는데, 10분 단위로 담는 작업은 하지 않았다. 10분 단위로 담는 걸 생각했을때 가장 먼저 생각 난 것은 cron이..
pyModSlave라고 modbus 통신을 할 수 있는 랜덤 시뮬레이터 이다. 특정 시간동안 데이터 값을 랜덤으로 추출하는 프로그램인데 이 데이터를 DB에 10분 단위로 담고 싶다. 우선 pyModSlave를 사용하는 방법부터 확인하자 왼쪽 빨간 상자를 보면 connect라고 된 플러그 모양이 있다. on/off를 할 수 있다. 처음에 아무것도 몰랐을때 connect를 on 해도 아무런 반응이 없길래 뭐지 싶었는데 오른쪽 빨간 박스에 Sim을 누르면 특정 시간마다 랜덤으로 숫자를 표시한다. Sim 체크박스가 시뮬레이터인듯 하다. modbus mode에는 TCP와 RTU가 있다. TCP는 IP통신을 통해서 데이터를 주고 받는거 같고, RTU는 원격단말장치라는데 TCP와는 다른 통신 방식을 사용한 통신 방식..
Matplotlib 그래프를 사용할때 한글이 깨져서 표시가 되었다. 생각 안날때마다 구글링해서 작업했었는데 너무 자주 찾아봐서 그냥 한번 올려야지 그래프 출력하면 그림처럼 한글이 네모 도형으로 나온다. 우선 폰트 파일을 구한다. https://hangeul.naver.com/ 네이버 한글한글 아름답게 6만여 명의 사용자와 만든 마루 부리 5종을 배포합니다. hangeul.naver.com 다운받은 폰트를 fonts 폴더에 넣어준다. 우선 현재 jupyter notebook이 리눅스에 구성이 되어있기 때문에 다운받은 폰트 파일을 fonts 폴더에 옮기기 위해서 명령어를 입력한다. $ sudo mv NanumGothic.ttf /usr/share/fonts jupyter notebook으로 돌아와서 코드를 ..