scala를 webjars-play와 연동하다가 종종 중복 이슈가 발견이 되어서 자세히 중복 확인을 하고 싶었다.

자실 webjars-play 뿐 아니라 일반 scala 프로젝트를 사용할 때도 많은 도움이 된다. 

https://github.com/sbt/sbt-duplicates-finder를 사용해.. 자세히 확인할 수 있다. 

addSbtPlugin("org.scala-sbt" % "sbt-duplicates-finder" % "0.7.0")

하지만, https://github.com/coursier/coursier는 훨씬 자세히 보여준다.

개발자라면 이미 변수의 데이터가 존재하느냐 라는 함수/메소드를 정의해야 할 때가 있다. 

그냥 생각나는 대로 isExistedData, isExistData 란 함수/메소스를 쓰는 경우가 있다. 

이는 Konglish이다. hasData라는 함수/메소드를 사용하는 것이 좋다.

출처 

https://forum.wordreference.com/threads/is-existed-vs-exists.1773199/

is existed data

is exist data

-> has data

React를 이해하고 Redux를 사용해야 할 때 

React 컴포넌트를 개발하고 처음으로 Redux 를 사용하려 하는 개발자를 위한 참조 문서

개념에 대한 이해도를 높이고 Provider를 활용할 수 있는 가이드

(기본 소스로 얘를 이용)

https://www.kirupa.com/react/using_redux_with_react.htm

custom 이벤트 데이터를 payload로 전달할 수 있고 connect에 대한 이해를 높이는 가이드

https://lorenstewart.me/2016/11/27/a-practical-guide-to-redux/

mapStateToProps을 이해하는데 도움되는 가이드

https://www.zerocho.com/category/React/post/57b60e7fcfbef617003bf456

superagent(https://github.com/visionmedia/superagent)는 동기 콜이 없다. 

무조건 비동기 콜이다.

따라서 아래처럼 superagent가 동기콜인양 쓰면 state/props 간의 동기 이슈가 발생할 수 있다. 

즉, superagent에서 end 내부가 동작되기 전에 handleResult가 먼저 실행된다. 

superagent.get('/search_log')
    .query(..)
    .retry(2)
    .end((err, res) => {
        if (res.ok) {
             //..
        } else {
            //..
        }
    });

{this.handleResult()}

따라서. end() 밑에 성공하고 난 이후에 handleResult()를 호출하는 형태로 진행하면 동기 콜과 같은 효과를 얻을 수 있을 것이다. 

superagent.get('/search_log')
    .query(..)
    .retry(2)
    .end((err, res) => {
        if (res.ok) {
             //..
            {this.handleResult()}
        } else {
            //..
        }
    });

react 컴포넌트 안에서 다음처럼 내부 함수끼리 호출할 때 에러가 발생할 수 있다. 

(handleMouseDown은 bind()되어 있다)

아래와 같이 _handleLog()를 호출할 때 {와 }를 추가하면 문제가 해결된다. 

render() 함수 내에서도 동일하게 사용할 수 있다.

react 컴포넌트간의 통신을 위해 redux 처음 공부할 때 

매우 도움되는 싸이트는 www.kirupa.com이다. 

이 중 연동 부분은 다음과 같다. 

https://www.kirupa.com/react/using_redux_with_react.htm

javascript 프로젝트를 처음을 해보니 react-redux 개발을 끝내고 나니, 저 싸이트가 최고더라는 생각이 들었다. 

디스크 볼륨을 추가한 뒤

 재부팅되더라도 계속 디바이스에 잘 연결되도록 하려면.. /etc/fstab을 사용해야 한다. 

먼저 특정 디바이스를 xfs로 파일 시스템을 구축하고 mount 한다. 그리고 잘 붙는지 확인한다.

block id를 구한다.

재부팅되더라도 df 커맨드를 사용하면 항상 운영체제와 연결될 수 있도록 /etc/fstab에 추가한다.

만약 아래와 같이 uuid가 나오지 않는 다면 디스크 볼륨이 없거나 문제가 있는 것이다.

참고

http://faq.hostway.co.kr/Linux_ETC/7437

http://nan1004au.tistory.com/entry/Linux-%EB%94%94%EC%8A%A4%ED%81%AC%EC%9D%98-UUID%EB%A5%BC-%EC%95%8C%EC%95%84%EC%98%A4%EA%B8%B0-ntfs-ext3-%EB%A7%88%EC%9A%B4%ED%8A%B8

React, Redux 디버깅할 때 유용한 툴을 소개한다.

이것 없으면 진짜 힘들다..

1. 개발자 도구

크롬의 개발자 도구이다. 이번에 자세히 써보니. 크롬 개발자 도구에 대한 기본 지식이 없어서 쉽지 않았다.

아래 내용을 참고 한다. 

http://shiren.github.io/2016-03-23-%EC%9B%B9%EA%B0%9C%EB%B0%9C%EC%9E%90%EB%A5%BC-%EC%9C%84%ED%95%9C-%ED%81%AC%EB%A1%AC-%EA%B0%9C%EB%B0%9C%EC%9E%90-%EB%8F%84%EA%B5%AC/

2. Chrome React DevTools

설치

https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi

3. Chrom Redux DevTools

설치 

https://chrome.google.com/webstore/detail/redux-devtools/lmhkpmbekcpmknklioeibfkpmmfibljd?hl=ko

사용하려면 아래 createStore에 아래 정보를 추가해야 한다.

 const store = createStore(
   reducer, /* preloadedState, */
+  window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__()
 );

DATE 타입 값에 대해서 where.. between을 사용하려면 TO_TIMESTAMP를 사용한다

https://phoenix.apache.org/language/functions.html#to_timestamp

current_time()과 now()의 결과는 동일하다.

1분전, 2분전 결과를 보고 싶다면 다음 결과를 확인한다.

시간과 날짜 함수는 다음과 같이 지원한다.

Time and Date Functions

Phoenix 테이블 정보를 보려면 다음과 같이 느낌표를 먼저 입력하고 describe를 입력한다. 

모르면 > !help를 입력한다.

!help

!all                Execute the specified SQL against all the current

                    connections

!autocommit         Set autocommit mode on or off

!batch              Start or execute a batch of statements

!brief              Set verbose mode off

!call               Execute a callable statement

!close              Close the current connection to the database

!closeall           Close all current open connections

!columns            List all the columns for the specified table

!commit             Commit the current transaction (if autocommit is off)

!connect            Open a new connection to the database.

!dbinfo             Give metadata information about the database

!describe           Describe a table

!dropall            Drop all tables in the current database

!exportedkeys       List all the exported keys for the specified table

!go                 Select the current connection

!help               Print a summary of command usage

!history            Display the command history

!importedkeys       List all the imported keys for the specified table

!indexes            List all the indexes for the specified table

!isolation          Set the transaction isolation for this connection

!list               List the current connections

!manual             Display the SQLLine manual

!metadata           Obtain metadata information

!nativesql          Show the native SQL for the specified statement

!outputformat       Set the output format for displaying results

                    (table,vertical,csv,tsv,xmlattrs,xmlelements)

!primarykeys        List all the primary keys for the specified table

!procedures         List all the procedures

!properties         Connect to the database specified in the properties file(s)

!quit               Exits the program

!reconnect          Reconnect to the database

!record             Record all output to the specified file

!rehash             Fetch table and column names for command completion

!rollback           Roll back the current transaction (if autocommit is off)

!run                Run a script from the specified file

!save               Save the current variabes and aliases

!scan               Scan for installed JDBC drivers

!script             Start saving a script to a file

!set                Set a sqlline variable

Variable        Value      Description

=============== ========== ================================