# CRA

sohyeonbak_oly

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

nakiaathome

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

super_iaan

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

jgi0105

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

hamiyeyong

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

kmlee95

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

jeongnaehyeok

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

xoxobabegirl

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

dragoocho

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

y011010

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

ysh1394

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

ziyoonee

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

mm0467

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

gparkkii

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

mincode_

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

2h5i

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

mincode_

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

tonyk0901

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

sji7532

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

xpmxf4

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