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

 

Google Font :

https://fonts.google.com/

 

node sass :

https://github.com/sass/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: https://www.npmjs.com/package/node-sass

Follow @nodesass on twitter for release updates: https://twitter.com/nodesass

 

React Route Dom Documentation :

https://reacttraining.com/react-router/web/guides/quick-start

 

HOC (Higher-Order Component)

https://reactjs.org/docs/higher-order-components.html

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 :

https://firebase.google.com/

firebase web documentation :

https://firebase.google.com/docs/reference/js/

firebase npm :

https://www.npmjs.com/package/firebase

npm i firebase

 

imgBB : 이미지 공유 API

https://imgbb.com/

 

Template Literal (Javascript) :

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals

 

cubic-bezier : easing-function

https://developer.mozilla.org/en-US/docs/Web/CSS/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 님 공유링크)

https://drive.google.com/file/d/1EXtbJbptDv05kWGzJYRb1F037dbSfxD8/view

 

단어 (영/영)

https://1drv.ms/x/s!AklCmcFdIEEah4VixuTr9x0Am61Clw?e=3giaio

 

행복한 고수되셔요...

 

 

woojja ))*

\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\




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

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

댓글을 달아 주세요

BASH

export NVM_DIR=~/.nvm

export PS1="➜ \w ✗ "

source $(brew --prefix nvm)/nvm.sh

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

ZSH

zsh.zshrc:
code () { VSCODE_CWD="$PWD" open -n -b "com.microsoft.VSCode" --args $* ;}


Oh My ZSH

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

ZSH_THEME_GIT_PROMPT_PREFIX="%{$fg_bold[blue]%}git:(%{$fg[red]%}"
ZSH_THEME_GIT_PROMPT_SUFFIX="%{$reset_color%} "
ZSH_THEME_GIT_PROMPT_DIRTY="%{$fg[blue]%}) %{$fg[yellow]%}✗"
ZSH_THEME_GIT_PROMPT_CLEAN="%{$fg[blue]%})"

 

행복한 고수되셔요...

 

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/~~~/id_rsa.pub

$ cat ~/.ssh/id_rsa.pub

 

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

C#

Debugger for Chrome

ESLint

GraphQL

HTML CSS Support

indent-rainbow

Markdown All in One

Path  Intellisense

Rainbow Brakets

Reactjs code snippet

REST Client

vscode-icon

vscode-styled-components

 

 

행복한 고수되셔요.

 

woojja ))*

\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\

 




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

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

댓글을 달아 주세요