# CRA

78개의 포스트

기존 진행된 CRA+Typescript 환경에서 Storybook 6 세팅하기

CRA+Typescript환경에서 Storybook 6 version setting할 때 생겼던 좌우충돌 일기.

2021년 7월 27일
·
0개의 댓글

CRA 셋팅(2)

js cra 프로젝트를 새로 생성하는데 .eslintrc, .jsconfig.js, .prettierrc.json 설정에 애를 먹었다. 프로젝트 셋팅은 언제나 새로워. 할때마다 오래걸려..jsconfig.js 파일 생성 후 아래와 같이 붙여넣는다.아래와 같이 설치해준다

2021년 7월 14일
·
0개의 댓글

create-react-app에서 SVG를 ReactComponent로 사용하기

create-react-app(이하 CRA) + electron 환경에서 작업 중에 svg icon 파일을 사용해야 하는 경우가 생겼다. (state에 따라 색상 등을 다르게 주는 등의 작업을 위해..)사실 이전에도 버튼 안에 svg icon을 넣는 것을 시도해보았으나

2021년 7월 12일
·
0개의 댓글
post-thumbnail

create-react-app, typescript, emotion으로 React 프로젝트 시작하기

작은 프로젝트지만 처음부터 구성하는건 오랜만이라 하는 김에 정리해서 공유하려 한다.우선 CRA와 typescript를 사용할거고, 스타일링은 emotion으로, 코딩 컨벤션을 위해 ESLint와 Prettier를 사용 할 예정이다.일단 아래 명령어 중 하나를 사용해서

2021년 7월 12일
·
0개의 댓글
post-thumbnail

emotion 초기 세팅중 에러 해결하기

emotion 사용시 은근 짜증나는 초기 에러

2021년 7월 11일
·
0개의 댓글
post-thumbnail

(TIL5) CRA 기초 다지기2

1. require대신 import구문 2. 컴포넌트 안에 다른 컴포넌트 넣기 3. 자동 빌드를 위한 설정값

2021년 7월 6일
·
0개의 댓글

[TIL] react-app-env.d.ts파일 속 ///<reference types="react-scripts"> ?

프로젝트에서 .env파일에 있는 변수를 사용하려면 보통 아래처럼 사용할 수 있다. 근데 이렇게만 사용하면 typescript 프로젝트 상에서는 변수가 undefined 이라면서 오류가 발생한다. 타입지정을 안해줘서 인데, stackoverflow를 찾아보니 아래와 같

2021년 7월 6일
·
0개의 댓글
post-thumbnail

[Windows, VSCODE] Electron(With CRA)에 Node C++ Add-on 추가하기

사내 프로젝트로 Electron + React 환경에서 개발하고 있는데, 도중 Windows 환경에서 Alt+F4, Alt+Tab 등의 OS Native한 명령에 대해 hooking 처리를 해야 하는 일이 생겼다. hooking하는 부분은 잡혀있는데, 문제는 이게

2021년 7월 6일
·
0개의 댓글
post-thumbnail

(TIL4) CRA 기초 다지기(feat.webpack,babel)

1) CRA(Create React App)란❓ 2) webpack 개발환경 구축하기 3) babel 개발환경 구축해주기

2021년 7월 5일
·
0개의 댓글
post-thumbnail

TIL 19 | CRA 초기 세팅 - Westagram

CRA 초기 세팅 >Westagram 팀 프로젝트에 앞서, React CRA 세팅을 재현님, 경민님과 함께 했다.

2021년 6월 24일
·
0개의 댓글
post-thumbnail

CRA로 만든 프로젝트 절대 경로 적용하기

CRA로 만든 프로젝트 절대 경로 적용해보자!

2021년 6월 17일
·
0개의 댓글
post-thumbnail

React + TS boilerplate 제작기 1 - 환경 구성

나만의 CRA 만들기 도전 1편 - 환경 구성

2021년 6월 12일
·
0개의 댓글
post-thumbnail

React Sass 설치 에러 해결

#react sass설치 오류 #node-sass #CRA

2021년 5월 25일
·
0개의 댓글
post-thumbnail

리액트 다크모드 - emotion

이번에는 emotion을 활용하여 다크모드를 만들어 보겠습니다.emotion을 사용하기 위해서는 몇몇 설정 방법이 필요합니다. 자세한 코드는 깃허브에서 확인할 수 있습니다. 환경typescriptcreate-react-app환경설정 설치css prop 설정 types

2021년 5월 20일
·
0개의 댓글
post-thumbnail

react 초기세팅

리액트는 크게 세가지 특징을 가지고 있습니다.ex> coco 폴더 내에 CRA 기반의 learn-project 프로젝트 생성Desktop 폴더 내에 coco 폴더 진입cd Desktop/cocolearn-project 프로젝트 설치npx create-react-app

2021년 5월 9일
·
0개의 댓글

[TS] CRA+ TypeScript + Eslint + Prettier, VSC

CRA + TS + ESlint + Prettier

2021년 5월 6일
·
0개의 댓글
post-thumbnail

📂 비즈니스 카드 메이커 - 명함 만들기

카드명함을 직접 만드는 페이지입니다. 예시로 만들어져 있는 시안 두개를 수정해서 사용할 수 있고, 새로 명함을 만들 수 있도록 추가 입력폼이 함께 있습니다. 색상 선택 또한 할 수 있는데 세가지의 유형이 있고, 카드에 들어갈 이미지를 선택할 수 있도록 이미지 선택

2021년 5월 5일
·
0개의 댓글
post-thumbnail

setup webpack dev server

webpack dev server / hot reloading / type script

2021년 5월 4일
·
0개의 댓글

CRA / Typescript / eslint / prettier 셋팅하기

CRA: create-react-apptypescript: javascript의 슈퍼셋 언어eslint: 타입스크립트의 문법 에러를 잡아주는 패키지prettire: 에디터 코드 스타일 잡아주는 패키지까먹을까봐 남겨둔다.https&#x3A;//velog.io/@kmlee

2021년 5월 2일
·
1개의 댓글
post-thumbnail

TIL 19 - Westagram CRA 세팅 후기

wecode에서 처음으로 westagram 팀 프로젝트를 진행하였다. 멘토님이 말하기를 최근에 커리큘럼에 추가된 프로젝트라고 한다. Project Goal > 이 프로젝트는 몇 주 뒤있을 실제 프로젝트 전 CRA로 react project 초기 세팅 플러스 git 협업 연습이 목적이다. Git Setting Process PM 한명이 초기 세팅을 진...

2021년 4월 29일
·
3개의 댓글