Gatsby 설치

Developement/Web|2022. 3. 4. 01:46

Gatsby 설치 

 

  1. Gatsby 설치
    npm install -g gatsby-cli
    gatsby new PROJECT_NAME
    cd PROJECT_NAME
    gatsby develop

  2. Github 페이지에 배포
    git remote add origin REPOSITORY_URL
    git branch -m develop
    git add *
    git commit -m “initial”
    git push -u origin develop

  3. gh-pages 설치
    npm install -g gh-pages --save-dev

  4. package.json 에 deploy 스크립트추가
    “deploy”: “gatsby build && gh-pages -d public -b master”,

'Developement > Web' 카테고리의 다른 글

D2coding web font 적용  (0) 2021.12.23

댓글()

모바일 웹에서 키패드로 숫자 입력하기

Developement/Javascript|2021. 12. 31. 14:50

모바일 웹에서 키패드로 숫자 입력하려면 input 속성에 아래와 같이 추가해 준다.

 

type과 pattern을 같이 써주어야 안드로이드와 ios에서 같이 작동할 수 있다.

<input type="number" pattern="\d*">

'Developement > Javascript' 카테고리의 다른 글

ExtJS - 숫자컬럼에 콤마 표시하기  (0) 2021.12.23

댓글()

Groovy Wiki Doc - chm

Developement/Java|2021. 12. 27. 09:29

Groovy Wiki Doc
예전에 Groovy 공식 사이트에서 배포되었던 Groovy Documentation 헬프 파일인데, 현재는 배포 링크가 사라져서 구할 수 없다. Groovy 사이트에서 문서는 다 볼 수지만 인터넷이 안되거나 이동중에 참고하고 싶을 때 사용하면 괜찮다.

 

gdoc.chm
6.27MB

 

 

댓글()

eclipse에서 github - access token 발행 및 사용법

Developement/Dev Tools & Info|2021. 12. 25. 12:32

eclipse 에서 github에 액세스 하려면 기존에는 id/pw로 접근이 가능했지만 최근 바뀐 정책으로 access token을 발행하여 사용해야 한다.

 

github에 로그인 후 우측 상단의 Settings 메뉴로 들어간다.

github > Settings

 

Settings > 좌측 하단의 Developer settings 

바뀐 화면에서 Personal access tokens  선택 후 "Generate new token"

 

Note에 토큰명 기입 후 필요한 권한 설정 후 저장. 단기간에 끝낼 프로젝트가 아니라면 기간 없음으로 설정한다.

토큰을 생성하면 다음과 같은 화면이 조회된다. 생성된 후 이 화면을 벗어나면 토큰을 다시 조회할 수 없으므로 이 토큰을 다른 에디터에 잘 복사해 둔다.

이클립스에서 github에 접근시 User에 github 아이디를 넣어주고 아래 Password에 위 화면에서 복사해 둔 토큰을 넣어준다.

 

이제 github 저장소를 잘 사용하면 된다.

'Developement > Dev Tools & Info' 카테고리의 다른 글

gitignore 템플릿 생성기 - www.gitignore.io  (0) 2021.12.23

댓글()

gitignore 템플릿 생성기 - www.gitignore.io

Developement/Dev Tools & Info|2021. 12. 23. 00:31

IntelliJ 와 같은 툴을 사용해서 git 를 사용하다보면 gitignore에 추가하지 않은 폴더나 파일들을 add 한 이후에 커밋을 하려면 에러 창이 뜨는 것을 종종 볼 수 있다. www.gitignore.io 사이트를 이용하면 사용하는 프레임웍이나 언어에 따라 기본적으로 ignore되어야 하는 템플릿을 생성해서 사용하면 조금은 편하게 사용할 수 있다.

gitignore.io

 

[생성된 템플릿]

# Created by https://www.gitignore.io/api/appengine,java,node,bower

### AppEngine ###
# Google App Engine - https://developers.google.com/appengine/
appengine-generated/



### Java ###
*.class

# Mobile Tools for Java (J2ME)
.mtj.tmp/

# Package Files #
*.jar
*.war
*.ear

# virtual machine crash logs, see http://www.java.com/en/download/help/error_hotspot.xml
hs_err_pid*
.. 생략 ..

댓글()

D2coding web font 적용

Developement/Web|2021. 12. 23. 00:30

d2coding web font

 

https://github.com/Joungkyun/font-d2coding-ligature

 

GitHub - Joungkyun/font-d2coding-ligature: Naver D2Coding Ligature Web font (eot, woff, woff2, svg)

Naver D2Coding Ligature Web font (eot, woff, woff2, svg) - GitHub - Joungkyun/font-d2coding-ligature: Naver D2Coding Ligature Web font (eot, woff, woff2, svg)

github.com

 

 

'Developement > Web' 카테고리의 다른 글

Gatsby 설치  (0) 2022.03.04

댓글()

mv 명령으로 폴더 덮어쓰기 안될 때

Developement/Linux&Unix|2021. 12. 23. 00:26

mv 명령으로 폴더 덮어쓰기 안될 때 find 명령어를 사용해서 각 파일별로 이동 시킨다.

find -type f -print0 | xargs -0 -n 1 -I {} mv '{}' '../work/{}'

 

댓글()

ExtJS - 숫자컬럼에 콤마 표시하기

Developement/Javascript|2021. 12. 23. 00:25

ExtJS - 숫자컬럼에 콤마 표시하기

Grid의 Column 설정에 renderer 속성에 Ext.util.Format.number 을 이용해서 콤마 표시를 설정한다.

 

     columns: [
                {xtype: 'rownumberer', width: 35},
                { text: 'SCHEMA', dataIndex: 'SCHEMA_NM', flex:1, align: 'left'},
                { text: 'TABLE', dataIndex: 'TAB_NM', flex: 2, align: 'left' },
                { text: 'ENTITY', dataIndex: 'ENT_NM', flex: 1, align: 'left' },
                { text: '컬럼수', dataIndex: 'COL_CNT', flex: 1, align: 'left' },
                { text: '건수', dataIndex: 'ROW_CNT', flex: 1, align: 'left' },
                { text: '사이즈', dataIndex: 'TAB_SIZE', flex: 1, align: 'left'
                    ,renderer: function (value, meta, record) {
                        return Ext.util.Format.number(value, "0,000");
                    },
                },
            ],

'Developement > Javascript' 카테고리의 다른 글

모바일 웹에서 키패드로 숫자 입력하기  (0) 2021.12.31

댓글()

Current working directory is not a Cordova based project

Developement/Ionic|2021. 12. 23. 00:23

Current working directory is not a Cordova based project

 

ionic 프로젝트 생성 후 cordova 관련 명령어를 실행할 때 아래와 같은 오류가 발생한다.

C:\Dev\IdeaProjects\my-app>cordova plugin ls
Current working directory is not a Cordova-based project.

기존에는 cordova 명령어로 바로 추가해도 되었던것 같은데,

현재 버전에서는 아래와 같이 명령어를 실행해야 cordova 설정이 추가된다.

ionic cordova platform add android

댓글()

SSH 접속시 - permissions 0xxx for are too open 오류 발생시

Developement/Linux&Unix|2021. 12. 23. 00:19

@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@         WARNING: UNPROTECTED PRIVATE KEY FILE!          @
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ 
Permissions 0644 for './***.pem' are too open.
It is required that your private key files are NOT accessible by others.
This private key will be ignored.
bad permissions: ignore key: ./***.pem
Permission denied (publickey,gssapi-keyex,gssapi-with-mic).

 

 

아래 명령어로 해결하면 된다.

chmod 600 ~/.ssh/***.pem

댓글()