# CRA

57개의 포스트

🐈 Adorable Cats - 고양이 정보 제공 페이지

📍Project Summery TheCatAPI를 활용해 고양이 정보를 불러와 종에 따른 고양이의 상세설명과 다양한 사진을 볼 수 있다. 로그인을 통해서 마음에 드는 고양이 사진을 mypage에 담을 수 있고, my page에 담긴 고양이 사진을 클릭하면 상세 정보

2일 전
·
0개의 댓글
post-thumbnail

리액트 깨우치기-1. 시작하기 전에

🙋🏻‍♂️ 이 페이지는 리액트를 공식사이트에서부터 차근차근 시작하여 전체적인 흐름과, 생태계 전반을 충분히 이해하기 위해 요약하지 않고 길게 풀어서 작성되었습니다.🙌 안녕하세요, 태현입니다. 자바스크립트 언어가 태어나게 된 계기는 여러가지가 있다고 합니다. 제가

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

CRA - react typescript ESlint + Prettier 설정

해당 내용은 CRA(create-react-app)+ typescript 를 사용할때의 내용이다.eslint(airbnb 스타일) 와 prettier 동시 사용을 위한 패키지 설치를 위해, CRA의 터미널 창에 하단의 명령어를 입력한다.src와 같은 최상위 경로에 .e

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

Learn Firebase with me - 1️⃣ 호스팅

🔱 파이어 베이스를 사용하여 프로젝트 배포해보기 리액트 프로젝트를 파이어 베이스 호스팅을 이용해서 배포를 진행해보고 깃 허브와 연동하여 push하자 마자 배포가 될 수 있도록 해보는 시간⏱ 파이어 베이스 호스팅 사용하기. 파이어 베이스 홈 페이지로 접속 후 구글 아

2021년 3월 23일
·
0개의 댓글

REACT | API KEY 숨기기

API KEY 혹은 각종 인증에 필요한 토큰은 노출되면 안된다. 이런 값들을 환경변수를 이용해 숨기는 방법이다.

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

CRA로 웹팩설정(재 설정)

CRA프로젝트로 웹팩을 설정하는 방법에 대해 확인해본다.

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

가장 쉽게 Storybook 배우기 with CRA

스토리북 세팅을 3번이나 해봤지만, 매번 어려웠던 것 같다. 그동안 해왔던 삽질을 써놓는 것으로 도움이 됐으면 좋겠다는 취지로 글을 쓰기로 했다.

2021년 3월 6일
·
2개의 댓글
post-thumbnail

React | 배경, 사용 방법

React는 사용자 인터페이스 (UI)를 만들기 위한 자바스크립트 라이브러리이다. 가상 돔 (Virtual Dom)을 사용하여 UI를 업데이트 하며 생태계가 발달되어있다.

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

CRA(Create-React-App) 셋업

유머스럽고 재미있는 짤방 이미지를 누구나 간편하게 만들 수 있는 웹팩 홈페이지 제작으로 브라우저를 이용하는 모든 사용자들에게 배포하는게 목적이다. 짤방사이트이럴땐 이런짤 이라는 각종 짤방를 다운로드 받을 수 있는 사이트다.짤방 이미지를 자신이 원하는 문구로

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

CRA sass-loader 설정하기

리액트를 다루는 기술중 컴포넌트 스타일링 챕터 sass-loader 오류 해결법이런식으로 오류가 뜬다options 속성안에 sassOptions 라는 속성을 추가한다https://webpack.js.org/loaders/sass-loader/

2021년 2월 21일
·
0개의 댓글

TIL No.15 [React] 리액트 CRA 설치 방법

CRA 설치 방법 Node.js 홈페이지에서 Node.js 설치 (NTS 버전으로 설치) Node js와 npm이 설치가 되며, 잘 설치가 되었는지 확인하려면 터미널에 npm -v, node -v로 확인 가능 VSCode 속 터미널 실행(VSCode 실행 후 cmd+j or 터미널에서 CRA 설치하고싶은 폴더로 이동하여 npx create-react-app...

2021년 1월 31일
·
0개의 댓글

CRA IE 11 설정하기

공식문서 > 이전 브라우저 (예 : IE 9에서 IE 11까지)에 대한 지원은 이제 별도의 패키지로 선택 됩니다. index.js https://github.com/facebook/create-react-app/tree/master/packages/react-ap

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

[MarketBully] - 초기 셋팅

npx create-react-app MarketBullynpm install react-router-dom --savenpm install node-sass --save각자 맡게될 레이아웃을 컴포넌트화 시킨다.Login Signup Home Nav 등등해당 컴포넌트

2020년 12월 14일
·
0개의 댓글

[동빈나] React로 고객 관리 시스템 만들기 - 00

app.js : 실질적인 웹사이트 화면 내용 출력을 담당React Library : HTML 웹 문서를 효과적으로 보여주기 위한 라이브러리Component : 웹문서에서 어떠한 내용을 보여주기 위한 기본적인 단위 (실제 웹에 보여지게 될 최소 단위)리액트 라우팅 : h

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

TIL 11 | React -(2-2)CRA Setting

전편에 이어 CRA 초기 파일들에 대해 보려고 한다. index.html - index.js - App.js src/ index.html React 의 시작.( Entry Point ) ReactDOM.render( ,document.getElementById('roo

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

2020/12/05 가계부 만들기! - CRA

3일 전 간단한 가계부 프로젝트를 만들기로 했다.간단한거라 cra로 생성하려했는데 알 수 없는 에러들을 해결하느라 1시간 가량 걸려버렸다. 🤦‍♀️ 1로 생성했으나 빈 react app만 생성 되었다.yarn 또한 마찬가지..며칠 전에 회사에서 cra 할땐 분명 잘

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

TIL 11 | React -(2-1)CRA Setting

1. CRA 설치 > 1. 배경화면에 폴더를 하나 만든다. ( 필자는 React 라는 이름의 폴더를 만들었다.) 터미널을 연다. Desktop - React 라는 폴더로 진입한다 cd Desktop/React 폴더안에서 react를 실행할 파일을 만든다.( 필자는

2020년 12월 5일
·
0개의 댓글

TIL12, React: 기본 개념 / CRA*

리액트 배우면서 멘붕이 왔다. 멘붕이 어서오고. 너무 많은 내용을 한꺼번에 흡수하려다 보니 체한듯 싶다. 천천히 다시 곱씹으면서 소화시키고 간다.

2020년 12월 3일
·
0개의 댓글
post-thumbnail

[TypeScript] CRA 생성 및 Function과 Allow Function

TypeScript CRA에서는 TypeScript를 지원하기 때문에 CRA TypeScript를 생성할 수 있다. > npx create-react-app [project_name] --template typescript CRA 세팅 위의 명령어로 CRA를 생성

2020년 12월 1일
·
0개의 댓글

1. React - Intro (TIL)

어떠한 흐름으로 오늘날 React가 많이 사용되고 있는지 설명할 수 있다.React가 무엇인지 정의할 수 있다.CRA를 설치하고 폴더와 파일이 어떻게 구성되어 있는지 설명할 수 있다.Component의 개념과 종류에 대해 설명할 수 있다.JSX 를 정의하고 기본 특성에

2020년 12월 1일
·
0개의 댓글