# CRA
기존 진행된 CRA+Typescript 환경에서 Storybook 6 세팅하기
CRA+Typescript환경에서 Storybook 6 version setting할 때 생겼던 좌우충돌 일기.
.png?w=120)
CRA 셋팅(2)
js cra 프로젝트를 새로 생성하는데 .eslintrc, .jsconfig.js, .prettierrc.json 설정에 애를 먹었다. 프로젝트 셋팅은 언제나 새로워. 할때마다 오래걸려..jsconfig.js 파일 생성 후 아래와 같이 붙여넣는다.아래와 같이 설치해준다
create-react-app에서 SVG를 ReactComponent로 사용하기
create-react-app(이하 CRA) + electron 환경에서 작업 중에 svg icon 파일을 사용해야 하는 경우가 생겼다. (state에 따라 색상 등을 다르게 주는 등의 작업을 위해..)사실 이전에도 버튼 안에 svg icon을 넣는 것을 시도해보았으나
create-react-app, typescript, emotion으로 React 프로젝트 시작하기
작은 프로젝트지만 처음부터 구성하는건 오랜만이라 하는 김에 정리해서 공유하려 한다.우선 CRA와 typescript를 사용할거고, 스타일링은 emotion으로, 코딩 컨벤션을 위해 ESLint와 Prettier를 사용 할 예정이다.일단 아래 명령어 중 하나를 사용해서
[TIL] react-app-env.d.ts파일 속 ///<reference types="react-scripts"> ?
프로젝트에서 .env파일에 있는 변수를 사용하려면 보통 아래처럼 사용할 수 있다. 근데 이렇게만 사용하면 typescript 프로젝트 상에서는 변수가 undefined 이라면서 오류가 발생한다. 타입지정을 안해줘서 인데, stackoverflow를 찾아보니 아래와 같
[Windows, VSCODE] Electron(With CRA)에 Node C++ Add-on 추가하기
사내 프로젝트로 Electron + React 환경에서 개발하고 있는데, 도중 Windows 환경에서 Alt+F4, Alt+Tab 등의 OS Native한 명령에 대해 hooking 처리를 해야 하는 일이 생겼다. hooking하는 부분은 잡혀있는데, 문제는 이게
(TIL4) CRA 기초 다지기(feat.webpack,babel)
1) CRA(Create React App)란❓ 2) webpack 개발환경 구축하기 3) babel 개발환경 구축해주기
TIL 19 | CRA 초기 세팅 - Westagram
CRA 초기 세팅 >Westagram 팀 프로젝트에 앞서, React CRA 세팅을 재현님, 경민님과 함께 했다.
리액트 다크모드 - emotion
이번에는 emotion을 활용하여 다크모드를 만들어 보겠습니다.emotion을 사용하기 위해서는 몇몇 설정 방법이 필요합니다. 자세한 코드는 깃허브에서 확인할 수 있습니다. 환경typescriptcreate-react-app환경설정 설치css prop 설정 types
react 초기세팅
리액트는 크게 세가지 특징을 가지고 있습니다.ex> coco 폴더 내에 CRA 기반의 learn-project 프로젝트 생성Desktop 폴더 내에 coco 폴더 진입cd Desktop/cocolearn-project 프로젝트 설치npx create-react-app
📂 비즈니스 카드 메이커 - 명함 만들기
카드명함을 직접 만드는 페이지입니다. 예시로 만들어져 있는 시안 두개를 수정해서 사용할 수 있고, 새로 명함을 만들 수 있도록 추가 입력폼이 함께 있습니다. 색상 선택 또한 할 수 있는데 세가지의 유형이 있고, 카드에 들어갈 이미지를 선택할 수 있도록 이미지 선택
CRA / Typescript / eslint / prettier 셋팅하기
CRA: create-react-apptypescript: javascript의 슈퍼셋 언어eslint: 타입스크립트의 문법 에러를 잡아주는 패키지prettire: 에디터 코드 스타일 잡아주는 패키지까먹을까봐 남겨둔다.https://velog.io/@kmlee
TIL 19 - Westagram CRA 세팅 후기
wecode에서 처음으로 westagram 팀 프로젝트를 진행하였다. 멘토님이 말하기를 최근에 커리큘럼에 추가된 프로젝트라고 한다. Project Goal > 이 프로젝트는 몇 주 뒤있을 실제 프로젝트 전 CRA로 react project 초기 세팅 플러스 git 협업 연습이 목적이다. Git Setting Process PM 한명이 초기 세팅을 진...