1. node.js express 백엔드 세팅 메모

    프로젝트 생성

    • 프로젝트 폴더 생성후 npm init으로 package.json파일 생성
    ➜  docker-spring-boot git:(main) mkdir cube-node-js

➜  docker-spring-boot git:(main)  cd cube-node-js

➜  cube-node-js git:(main) npm init

This utility will walk …
    read more

  2. nvm 메모

    설치된 nvm node 확인

    nvm list

    node 버전 변경

    nvm use <16>

    default node 버전 지정

    nvm alias default <16>
    read more

  3. oAuth 란

    출처

    • https://blog.naver.com/mds_datasecurity/222182943542

    개요

    OAuth 2.0(Open Authorization 2.0, OAuth2)은 인증을 위한 개방형 표준 프로토콜

    이 프로토콜에서는 Third-Party 프로그램에게 리소 …

    read more

  4. [파이썬] 기본 문법

    # 문자열을 곱해서 여러번 출력가능
from random import random
from tkinter.tix import Tree

# boolean True(O) true(X) / False(O) false(X)
print(True) # -> True
print(False) # -> False
print(not True) # -> False
print(not False) # -> True

name = 'woogie'
age = 29 …
    read more

  5. [파이썬] pip 간단 사용법

    설명

    파이썬 패키지 매니저

    pip과 pip3의 차이

    • pip은 python2 버전의 패키지 매니저
    • pip3는 python3 버전의 패키지 매니저

    사용법

    버전확인

    pip3 --version

    버전 업

    pip3 …
    read more

  6. PHP 기본 문법 정리

    변수

    타입

    • php에서는 변수를 선언할 때 타입을 따로 명시할 필요가 없다.
    • 변수의 타입은 해당 변수에 대입하는 값에 따라 자동으로 결정 …
    read more

  7. [React DnD] useDrag

    • 규격을 useDrag에 전달하면 아래 내용을 선언적으로 사용할 수 있음

    • the typeof draggable being generated
    • the itemobject representing the drag source

    • what props to collect

    • useDrag는 아래와 같은 주요항목을 …

    read more

  8. [React DnD] useDrop

    • useDrop은 아래와 같은 주요항목을 return함

    • [0] - Collected Props
      • An object containing collected properties from the collect function. If no collectfunction is defined, an empty object is returned.

    • [1] - DropTarget Ref

      • A connector function for the drop target. This must be attached to the …
    read more

  9. [React] install

    Install

    다운로드

    • 도스 창에서 npm을 사용해서 설치
    • node.js가 설치 되어 있어야 한다
    • npm -v 를 통해 설치 되었는지 확인 할 수 있다.
    npm install -g create-react-app
    • 설 …
    read more

  10. [React] 클릭&더블클릭 이벤트

    const timer = useRef<NodeJS.Timeout>()

const doubleClick = (request: Tree.RetrieveRes) => {
  console.log(request.showBtnGroup);
  request.showBtnGroup = !request.showBtnGroup;
}

const onClickHandler = async (event: any, request: Tree.RetrieveRes) => {
  clearTimeout(timer.current!);

  if (event.detail === 1) {
    timer.current = setTimeout(async () => showDirectories(request), 100)
  } else if (event.detail === 2) {
    doubleClick(request);
  }
}
    read more

links

social