보고 배우는 SLRCLUB

많은 사진들과 카메라정보가 가득한 SLR 클럽


http://www.slrclub.com/



'취미생활 > 그냥쓰는글' 카테고리의 다른 글

웹ERD 사이트  (0) 2018.12.27
자격증시험 준비 CBT  (0) 2018.12.15
보고 배우는 SLRCLUB  (0) 2018.12.14
IT노조 악덕조회해보기  (0) 2018.12.14
웹페이지에 코드올리기 CodePen  (0) 2018.12.14
하드디스크 한눈에보기  (0) 2018.11.26

댓글(0)

IT노조 악덕조회해보기


IT업체 조회해보기 일명 보더방 찾아보기 
많은 데이터와 사람이 쌓여 



'취미생활 > 그냥쓰는글' 카테고리의 다른 글

자격증시험 준비 CBT  (0) 2018.12.15
보고 배우는 SLRCLUB  (0) 2018.12.14
IT노조 악덕조회해보기  (0) 2018.12.14
웹페이지에 코드올리기 CodePen  (0) 2018.12.14
하드디스크 한눈에보기  (0) 2018.11.26
비행기 알림음 mp3  (0) 2018.11.26

댓글(0)

웹페이지에 코드올리기 CodePen

https://codepen.io


소스코드 올려서 테스트 및 저장가능 

js,css파일 import 가능하다. 



'취미생활 > 그냥쓰는글' 카테고리의 다른 글

보고 배우는 SLRCLUB  (0) 2018.12.14
IT노조 악덕조회해보기  (0) 2018.12.14
웹페이지에 코드올리기 CodePen  (0) 2018.12.14
하드디스크 한눈에보기  (0) 2018.11.26
비행기 알림음 mp3  (0) 2018.11.26
에버노트 프리미엄 저렴하게 결제하기  (0) 2018.11.25

댓글(0)

URL 줄이기 (크롬확장프로그램)

취미생활/알쓸기능|2018.12.14 09:34
URL을 줄여주는 확장프로그램이다. 
긴 URL을 공유할때 유용하다.


우측위 goo.gl Url Shortener 아이콘 클릭시 아래와같이 줄여진 URL이 나온다. 




댓글(0)

pig toolbox (크롬확장프로그램)

취미생활/알쓸기능|2018.12.14 09:29

아마 크롬확장프로그램 중 다년째 쓰고있는 몇 안되는 프로그램이다.

Pig Toolbox 우클릭금지 막기와 제스쳐 두개로만 크롬에서 버릴수 없는 프로그램이 됬다. 






(pig toolbox 기능들)



댓글(0)

css 애니메이션 사용하기

css 애니메이션 사용하기



보통 위와같은 효과를줄때 예전엔 jquery 를 사용했었는데 요즘엔 css로 처리할때도 있다.



	
        
        Test
        
        
        
	
	
        
        

Hello World1

Hello World2

Hello World3

/*

  애니메이션 지속시간

  all 대신하여 지정하여 넣어도됨.

*/

transition: all .8s;

-webkit-transition: all .8s;

-moz-transition: all .8s;

// 애니메이션 딜레이

transition-delay: .5s;



https://codepen.io/lovejin90/pen/pqjZaa

태그 : CSS

댓글(0)

헤이리마을 :: 마레1992

여행기/국내사진|2018.12.12 21:43

주말에 다녀온 파주 헤이리마을

카페 마레1992를 다녀왔다.


외관건물사진은 없지만 실내보단 외관이 마케팅이 더된것같다.

스튜디오이며 드레스 대여도 가능하다


카페 실내사진











'여행기 > 국내사진' 카테고리의 다른 글

벽제역 폐철길  (0) 2018.12.17
헤이리마을 :: 마레1992  (0) 2018.12.12
늦가을캠핑  (0) 2018.11.20

댓글(0)

.jsx 다른 클래스 import할때 jsx확장자 제거하기

.jsx 다른 클래스 import 할때 확장자 제거하기


import Counter from './Counter.jsx';

위에서 .jsx를 제거하면 아래와같은 에러가 난다. 


ERROR in ./MainPage.jsx
Module not found: Error: Can't resolve './Counter' in 'C:\project\demo\src\main\jsx'
 @ ./MainPage.jsx 23:0-32 50:64-71


webpack.config.js 에 아래내용 추가



module: {
        rules: [ {
            ...
            resolve: {
                extensions: [".js", ".jsx"]
            }
        }
		...
    }


이후 .jsx를 제거하면 정상적으로 출력됨.




태그 : react

댓글(0)

spring x react 세팅후 package.json 파일이 안보일때

spring x react 세팅후 package.json 파일이 안보일때 


https://github.com/babel/babel/tree/master/packages/babel-plugin-proposal-class-properties



나는 @babel/plugin-proposal-class-properties 설치후 생성되었다. 

태그 : react

댓글(0)

react state 에러

SyntaxError: C:\project\demo\src\main\jsx\Counter.jsx: Support for the experimental syntax 'classProperties' isn't currently enabled (4:9):


import React, { Component } from 'react';

class Counter extends Component {
  state = { //이부분에 에러날때 
    number: 0
  }
  ...



처리방법


package.json 에 아래내용추가. 

plugins만 추가해도 될것같기도함.


  ...
  "babel": {
    "presets": [
      "@babel/preset-env",
      "@babel/preset-react"
    ],
    "plugins": [
      "@babel/plugin-proposal-class-properties"
    ]
  }


태그 : react

댓글(0)

Missing privilege separation directory: /var/run/sshd

서버 리부팅을 하였는데 ssh가 붙지않고 에러가 났다.


root@lovejin90:/etc/apache2# systemctl status rsyslog.service
● rsyslog.service - System Logging Service
   Loaded: loaded (/lib/systemd/system/rsyslog.service; enabled; vendor preset: enabled)
   Active: failed (Result: start-limit-hit) since 화 2018-11-27 19:18:20 KST; 11s ago
     Docs: man:rsyslogd(8)
           http://www.rsyslog.com/doc/
  Process: 732 ExecStart=/usr/sbin/rsyslogd -n (code=exited, status=1/FAILURE)
 Main PID: 732 (code=exited, status=1/FAILURE)

11월 27 19:18:20 lovejin90 systemd[1]: rsyslog.service: Main process exited, code=exited, status=1/FAILUR
11월 27 19:18:20 lovejin90 systemd[1]: Failed to start System Logging Service.
11월 27 19:18:20 lovejin90 systemd[1]: rsyslog.service: Unit entered failed state.
11월 27 19:18:20 lovejin90 systemd[1]: rsyslog.service: Failed with result 'exit-code'.
11월 27 19:18:20 lovejin90 systemd[1]: rsyslog.service: Service hold-off time over, scheduling restart.
11월 27 19:18:20 lovejin90 systemd[1]: Stopped System Logging Service.
11월 27 19:18:20 lovejin90 systemd[1]: rsyslog.service: Start request repeated too quickly.
11월 27 19:18:20 lovejin90 systemd[1]: Failed to start System Logging Service.
11월 27 19:18:20 lovejin90 systemd[1]: rsyslog.service: Unit entered failed state.
11월 27 19:18:20 lovejin90 systemd[1]: rsyslog.service: Failed with result 'start-limit-hit'.
lines 1-18/18 (END)


원인은 찾고 해결했지만 왜 이렇게 됬는지 모르겠다. 

폴더 생성후 권한주고 다시 ssh를 시작시켜주면 정상적으로 된다.


mkdir /var/run/sshd
chmod 0755 /var/run/sshd


태그 : ssh, ubuntu

댓글(0)

Spring x react 연동하기

에디터 vscode 기준


2018/11/23 - [취미생활/알쓸기능] - vscode spring 프로젝트 생성하기


이전 vscode에 설치한 spring에 react를 연동시켜보았다.

이글은 전적으로 이동련님 블로그에서 보고 배웠다.


1. react 라이브러리 설치 


터미널 Ctrl + Shift + '


npm i react react-dom
npm i @babel/core @babel/preset-env @babel/preset-react babel-loader css-loader style-loader webpack webpack-cli -D


package.json에 의존성 추가확인



2. webpack 설정


루트에 webpack.config.js 파일 생성


var path = require('path'); module.exports = { context: path.resolve(__dirname, 'src/main/jsx'), entry: { main: './MainPage.jsx', page1: './Page1Page.jsx' }, devtool: 'sourcemaps', cache: true, output: { path: __dirname, filename: './src/main/webapp/js/react/[name].bundle.js' }, mode: 'none', module: { rules: [ { test: /\.jsx?$/, exclude: /(node_modules)/, use: { loader: 'babel-loader', options: { presets: [ '@babel/preset-env', '@babel/preset-react' ] } } }, { test: /\.css$/, use: [ 'style-loader', 'css-loader' ] } ] } };


3. Controller 작성


 지난번 HomeController.java 파일에 추가함. 

class import - Alt + Shift + o 


	@GetMapping("/{name}.html")
    public String page(@PathVariable String name, Model model){
        model.addAttribute("pageName", name);
        return "page";
    }



4. 폴더생성

src/main/jsx 

src/java/webapp/css

src/java/webapp/jsp




5. .../jsp/page.jsp 


	<%@ page language="java" contentType="text/html; charset=utf-8"
	%>
	
	
		
			${pageName}
		
		 
		
			


 .../css/custom.css

.main { font-size: 24px; border-bottom: solid 1px black; }
.page1 { font-size: 14px; background-color: yellow; }


.../jsx/MainPage.jax


import '../webapp/css/custom.css';
 
import React from 'react';
import ReactDOM from 'react-dom';
 
class MainPage extends React.Component {
 
    render() {
        return 
메인 페이지
; } } ReactDOM.render(, document.getElementById('root'));




6. webpack watch


개발시 -d , 운영시 -p


node_modules\.bin\webpack --watch -d


'취미생활 > 혼자삽질기' 카테고리의 다른 글

react state 에러  (0) 2018.11.29
Missing privilege separation directory: /var/run/sshd  (0) 2018.11.27
Spring x react 연동하기  (0) 2018.11.27
ubuntu 포트열기  (0) 2018.11.26
ubuntu tomcat8 설치하기  (0) 2018.11.26
react 설치하기  (0) 2018.11.21

태그 : react, Spring

댓글(0)

ubuntu 포트열기

포트개방


iptables -I INPUT -p tcp --dport 8080 -j ACCEPT



ubuntu 16.04 이상일경우 아래명령어도 실행

sudo netfilter-persistent save
sudo netfilter-persistent reload



안된다면 패키지 설치후 사용


sudo apt install iptables-persistent


'취미생활 > 혼자삽질기' 카테고리의 다른 글

Missing privilege separation directory: /var/run/sshd  (0) 2018.11.27
Spring x react 연동하기  (0) 2018.11.27
ubuntu 포트열기  (0) 2018.11.26
ubuntu tomcat8 설치하기  (0) 2018.11.26
react 설치하기  (0) 2018.11.21
티스토리 초기화면 특정페이지로 이동  (0) 2018.11.20

댓글(0)

ubuntu tomcat8 설치하기

업무가 spring로 봐뀔것같아 되새김좀 해볼겸 서버에 톰켓서버 설치해보았다.



java/jdk 설치


apt-get install openjdk-8-jre-headless
apt-get install openjdk-8-jdk


tomcat8 설치


apt-get install tomcat8


확인

http://ip:8080 




도메인 연결하기

vi /etc/tomcat8/server.xml

최하단 <host></host> 부분 복사하여 localhost 부분 도메인으로 변경
appbase 는 루트로 설정

	

        
        

        
        
	


tomcat8 재시작


service tomcat8 restart











'취미생활 > 혼자삽질기' 카테고리의 다른 글

Spring x react 연동하기  (0) 2018.11.27
ubuntu 포트열기  (0) 2018.11.26
ubuntu tomcat8 설치하기  (0) 2018.11.26
react 설치하기  (0) 2018.11.21
티스토리 초기화면 특정페이지로 이동  (0) 2018.11.20
plex 서브도메인 설정  (0) 2018.11.13

태그 : tomcat, ubuntui

댓글(0)

하드디스크 한눈에보기

하드디스크를 한눈에 볼 수 있는 프로그램이다. 위치나 삭제도 가능한걸로 알고 있고 확장자 별로 몇기가를 차지하고있는지 확인할 수 있다. 



hdd.exe

댓글(0)

비행기 알림음 mp3

예전에 비행기 알림음을 알림소리로 하고싶어 찾아놨던건데 파일정리하다 발견..


사실 저작권이 있는 파일인지 모르겠다.. 외국사이트 뒤지다 받은건데 문제가 된다면 비공개.





댓글(0)

plex 쓸만한 플러그인

취미생활/알쓸기능|2018.11.26 22:05

1. Youtube 플러그인


https://github.com/kolsys/YouTubeTV.bundle


2. daum TV에이전시


https://github.com/wonipapa/DaumMovieTVSeries.bundle


3. 자막관리기 

- 한영통합자막 분리해줌.

- smi -> srt 변환


https://github.com/hojel/SmiConvert.bundle


4. pooq 플러그인


https://github.com/soju6jan/soju6jan.github.io/tree/master/kodi_plugin




PLEX 관련 글


2018/11/11 - [취미생활/리눅스] - plex 서버 업데이트받기

2018/11/13 - [취미생활/리눅스] - plex 서브도메인 설정

2018/11/26 - [취미생활/알쓸기능] - plex 숫자들어간 파일이름 지정

2018/11/26 - [취미생활/알쓸기능] - Plex Youtube 플러그인 추가하기


태그 : plex

댓글(0)

Plex Youtube 플러그인 추가하기

취미생활/알쓸기능|2018.11.26 21:36

plex에 youtube 플러그인을 추가해보자.




https://github.com/kolsys/YouTubeTV.bundle


위 주소에서 플러그인을 다운로드받고 plex plugin-ins폴더에 넣어주자.

ubuntu 경로 /var/lib/plexmediaserver/Library/Application Support/Plex Media Server/Plug-ins



플러그인으로 들어가면 YoutubeTV가 추가되어있다. 



YoutubeTV를 들어가면 Code가 나온다. 이것을 

https://www.google.com/device


위 주소로 들어가서 코드를 입력하고 구글아이디를 로그인하여 엑세스허용을 해준다. 



다시 플렉스로 돌아와 새로고침을 해보면 본인이 구독한 사람들이 나오고 시청할수 있다. 

왠만하면 youtube를 이용하여 보겠지만.. 그냥 설치해본 기능



댓글(0)

plex 숫자들어간 파일이름 지정

취미생활/알쓸기능|2018.11.26 21:09

plex 서버에 숫자가 들어간 영상업로드시 에피소드 출력이 잘안될때가 있다.

파일명에 숫자가 들어가면 그 숫자를 에피소드로 인식할때가 있으니 아래 사진처럼 []로 감싸줘야한다.


예를들어서 응답하라 1988이면 응답하라 [1988] 로 해줘야되고

38사기동대 라면 [38]사기동대 라고 지정해줘야 정상적으로 출력된다.



댓글(0)

에버노트 프리미엄 저렴하게 결제하기

에버노트 사용중이거나 새로 시작하는 사람들이라면 저렴하게 구매하는것이 좋을것 같다.

처음 에버노트를 사용하게 된건 오래전에 안드로이드폰을 구매했을때 6개월 이용권을 지급받았을때 시작했던것 같다. 자주쓰지는 않지만 거의 모든기기에서 가능하여 기록할때 유용하게 사용중이다.

 

 

먼저 한국사이트에서 그냥 구매할때 보면 월 4583원이면..1년에.. 55000원이다. 이 가격을 주고 사용하기엔 그정도 활용을 못하는것 같고 vpn을 이용하여 저렴하게 구매했다.

 

 

 

 

1. 크롬 확장프로그램으로 hola vpn을 설치

 

다운로드

 

 

2. 아르헨티나 설정후 전원on

 

 

3. 에버노트 결제페이지로 이동하여 가격확인.

18.33씩 12개월이면 220 아르헨티나 페소다.  환율계산해보면 6638원이나오며 이것저것 하면 조금더 붙을것이다.

 

 

 

 

 

카드번호를 입력하여 결제하면 된다. 사용후 vpn은 다시 off로 변경시켜주자.

 

한달 후 카드결제 청구금액이다. 1년 프리미엄으로 7149원이 결제되었다.

내가 알기로는 1년단위 정기결제로 알고있다. 더 사용하지않을거라면 꼭 해지하자.

 

 

 

에버노트 프리미엄 구매 계획이 있다면 싸게 구매하여 사용하시길.

댓글(0)