본문 바로가기

전체 글

styled-components html이나 body tag에 스타일 적용하기 웹 애플리케이션 전체에 공통 스타일을 적용해야할 때, styled-components의 createGlobalStyle()을 사용하면 된다. - createGlobalStyle() 로 생성한 스타일 컴포넌트를 최상위 컴포넌트에 추가해주면 하위 모든 컴포넌트에 해당 스타일이 적용된다. styles.tsx import { createGlobalStyle } from "styled-components"; export const GlobalStyle = createGlobalStyle` #root, html, body { width: 100%; height: 100%; background: #303030; } ` index.tsx import React from 'react'; import ReactDOM fr.. FrontEnd/react 2022. 6. 13.
React 프로젝트 구조화 Intro 현재 회사의 CMS를 Angular에서 React로 마이그레이션 하는 프로젝트를 시작했다. React-Native(RN) 프로젝트를 다뤄봤던 터라 시작이 쉬울거라고 생각했으나 RN 프로젝트를 할 때도 그냥 받아온코드를 주먹구구식으로 구성했었기에 프로젝트 구성하는 것부터 어려움이 있어 몇개의 블로그를 참고해서 구성하기로 했다. Directory Architecture components : Atomic Pattern의 개념을 도입한 공통 컴포넌트 hooks : Custom Hooks pages : Components들을 조립한 최종 pages services : Axios 나 aws-sdk 등 서드파티 서비스들 stores : recoil store utils : 기타 공통 비즈니스 로직 초기 .. FrontEnd/react 2022. 6. 13.
다수의 Node 버전 관리 NVM을 사용해 다수의 Node 버전을 관리할 수 있다. NVM github : https://github.com/nvm-sh/nvm GitHub - nvm-sh/nvm: Node Version Manager - POSIX-compliant bash script to manage multiple active node.js versions Node Version Manager - POSIX-compliant bash script to manage multiple active node.js versions - GitHub - nvm-sh/nvm: Node Version Manager - POSIX-compliant bash script to manage multiple active nod... github... BackEnd/node 2022. 6. 13.
나의 개발일지 1 판교의 모 스타트업에 입사한지 어느덧 1년반이 지났다. 취준때만해도 취업하면 개발블로그를 운영하겠다고 다짐했지만 정작 입사하고 이런저런 핑계로 미루고 미루다 세월만 흘렀다. 더 늦기전에 개발일지를 써내려가고자 한다. 개발일지 2022. 6. 12.

티스토리툴바