• React SVG 다루기

    들어가며 우리에게 가장 친근한 비트맵 이미지(jpeg, jpg, png)는 사각형의 픽셀이 모여 만들어진 이미지 이기 때문에 확대시 계단현상과 깨짐현상이 나타납니다. SVG는 벡터 기반으로 각 좌표에 점을...

    react svg svgr
    2021-12-27 Mon

  • React v16 알아보기

    React v16 기존 React 개발 시, state를 사용해야 하는 부분은 클래스형 컴포넌트를 사용하고, 간단하게 state 사용 없이 데이터를 보여주는 부분은 함수형 컴포넌트를 사용했습니다. 이번 Hook...

    react hooks react-hooks react-portal react-component functional-component
    2019-08-28 Wed

  • JSS 사용 방법

    이번 포스팅은 JSS(Javascript Style Sheet)에 대해서 알아보겠습니다. HOC 방식은 v10부터 더 이상 사용되지 않으며 v11에서 제거되므로 Hook 방식의 사용 방법을 알아보겠습니다. JSS v10.0.0-alpha.24 버전을 기반으로...

    react-jss react-style jss jss-사용법
    2019-08-20 Tue

  • GatsbyJS 개발 환경 셋팅부터 GitHub Pages 배포까지

    GatsbyJS란 무엇인가? GatsbyJS는 React 기반의 정적 페이지 생성 프레임워크로, 가공할 정보를 GraphQL 에서 가져와서 빌드 시점에 정적 페이지를 만들어내는 방식이며, 이미 배포할때 각 페이지 정보들이...

    gatsby gatsby.js react-gatsby react-ssr ssr github-pages gatsby-deploy
    2019-08-09 Fri

  • VSCODE 사용자를 위한 Extension 추천

    VSCODE 사용자를 위한 Extension 추천 VSCODE를 사용하면서 추천해 드릴만 한 Extension들을 소개하겠습니다. Korean Language Pack for Visual Studio Code (https://marketplace.visualstudio.com/items?itemName=MS-CEINTL.vscode-language-pack-ko) 뭐…. 설명할 게 없네요 한글패치입니다....

    visual-studio-code vscode vscode-extension todo 웹-개발
    2019-07-11 Thu

  • Git Rebase란?

    Git 너무 어려워어어엉..ㅠㅠ 이번 포스팅에서는 Git의 rebase에 대해서 알아보겠습니다. rebase가 뭐지? rebase는 말 그대로 (re-base)로 베이스를 재배치한다는 뜻입니다. merge를 사용하면 히스토리를 볼 때 뿌리가 여러개로...

    git 깃 rebase merge 리베이스 머지
    2019-06-14 Fri