React 로 작업할 때 알아두어야 할 / 알아두면 좋은 사항들에 대한 링크 정리.


Google Font :


node sass :

Node-sass is a library that provides binding for Node.js to LibSass, the C version of the popular stylesheet preprocessor, Sass.

It allows you to natively compile .scss files to css at incredible speed and automatically via a connect middleware.

Find it on npm:

Follow @nodesass on twitter for release updates:


React Route Dom Documentation :


HOC (Higher-Order Component)

A higher-order component (HOC) is an advanced technique in React for reusing component logic.

HOCs are not part of the React API, per se. They are a pattern that emerges from React’s compositional nature.

Concretely, a higher-order component is a function that takes a component and returns a new component.

const EnhancedComponent = higherOrderComponent(WrappedComponent);

Whereas a component transforms props into UI, a higher-order component transforms a component into another component.


firebase :

firebase web documentation :

firebase npm :

npm i firebase


imgBB : 이미지 공유 API


Template Literal (Javascript) :


cubic-bezier : easing-function












행복한 고수되셔요...

Woojja ))* 


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

[React] React for ECommerce Site with Redux 1  (0) 2020.01.30
[Web/React] React info ...  (0) 2020.01.29
[React] npm packages and Database info in blog site  (0) 2019.12.19
[React] React 정리  (0) 2018.02.19
Posted by woojja

댓글을 달아 주세요


Friends S01 - Ep02 대사 (Yangking 님 공유링크)


단어 (영/영)!AklCmcFdIEEah4VixuTr9x0Am61Clw?e=3giaio


행복한 고수되셔요...



woojja ))*


'My Life > English' 카테고리의 다른 글

[English] Friends S01 - Ep02  (0) 2020.01.28
Posted by woojja

댓글을 달아 주세요


export NVM_DIR=~/.nvm

export PS1="➜ \w ✗ "

source $(brew --prefix nvm)/

function code {
    if [[ $# = 0 ]]
        open -a "Visual Studio Code"
        local argPath="$1"
        [[ $1 = /* ]] && argPath="$1" || argPath="$PWD/${1#./}"
        open -a "Visual Studio Code" "$argPath"


code () { VSCODE_CWD="$PWD" open -n -b "" --args $* ;}


PROMPT="%(?:%{$fg_bold[green]%}➜ :%{$fg_bold[red]%}➜ )"
PROMPT+=' %{$fg[cyan]%}%~%{$reset_color%} %{$fg_bold[yellow]%}✗ $(git_prompt_info)'

ZSH_THEME_GIT_PROMPT_SUFFIX="%{$reset_color%} "
ZSH_THEME_GIT_PROMPT_DIRTY="%{$fg[blue]%}) %{$fg[yellow]%}✗"


행복한 고수되셔요...


woojja ))*


Posted by woojja

댓글을 달아 주세요

git clone [git path] [target foldername]

git clone ....git woojja_src


git remote branch 로 확인

origin  삭제 : git remote remove origin 


rm -rf ...




git repository 생성

origin branch 생성 : git remote add origin [new git path]

git remote branch 로 확인


git push : git push origin master



git status

git add -A

git commit -m "commit message"

git push origin master



ssh Key 만드는 방법.


ssh-keygen -t rsa -C "git 계정"

Key 가 생성되며 

아래 명령어 중 한 명령어를 실행하게 되면 Key 가 복사되며

$ cat /Users/~~~/

$ cat ~/.ssh/


git 계정의  setting menu 에서 SSH and GPG Keys 로 이동.

Add New Key Button 을 눌러 나온 화면에 복사한 Key 를 Paste 한 후

git push  를 진행한다.



행복한 고수되셔요.

woojja ))*


'Tools > Github' 카테고리의 다른 글

[Tools/Github] Git clone  (0) 2020.01.23
Posted by woojja

댓글을 달아 주세요

2020. 1. 17. 11:58

현재 사용하고 있는 Extensions.


Babel  ES6/ES7


Debugger for Chrome



HTML CSS Support


Markdown All in One

Path  Intellisense

Rainbow Brakets

Reactjs code snippet

REST Client





행복한 고수되셔요.


woojja ))*



'Tools > VS Code' 카테고리의 다른 글

[VS Code] Extensions  (0) 2020.01.17
[VS Code] Emmet 설정  (0) 2020.01.16
Posted by woojja

댓글을 달아 주세요