티스토리

개발공부기록

검색하기

블로그 홈

개발공부기록

doosan.tistory.com/m

Java/Spring/React/코딩테스트/TIL 기록하기

구독자: 14

방명록 방문하기

주요 글 목록

Props Props 란부모 컴포넌트로 부터 받아온 데이터.컴포넌트 간의 정보를 서로 교류 하려면// src/App.jsimport React from "react";function App() { return ;}function GrandFather() { return ;}function Mother() { const name = '홍부인'; return ;}function Child() { return 연결 성공;}export default App;props로 값 전달하기😁Mother 컴포넌트가 가지고 있는 정보(값)을 Child에게 주고 싶을때// src/App.jsimport React from "react";function App() { return ;}function GrandFather() {.. 공감수 0 댓글수 0 2023. 1. 18.
생성한 프로젝트 실행하기 설치가 끝났다면, 아래 명령어를 입력해서 우리의 첫 리액트 앱을 실행한다.먼저 생성한 프로젝트 폴더로 이동을 해야 한다.경로가 올바르지 않으면 실행이 되지 않으니 경로를 반드시 잘 확인해야 한다.yarn start # 프로젝트 구동! 명령을 내리면 브라우저가 자동으로 열리고 우리의 첫 리액트 앱이 실행된다. 🎉 ★★ 더 알아보면 좋은 키워드★ gitbash , power shell, mac terminal 명령어★ 폴더 이동하기★ 폴더 구조 확인하기★ 반드시 CRA를 써야만 리액트 프로젝트를 생성할 수 있는 것일까? 공감수 0 댓글수 0 2023. 1. 16.
Create React App CRA( create-react-app) 을 통해 리엑트 프로젝트 구성하기1. CRA(Create-react-app) 란?-> 리엑트 프로젝트를 하기 위해 필요한 여러 프로그램을 자동으로 설치해주는 도구이다.-> 리액트를 이용해서 웹사이트를 만들 때 필요한 것을 자동으로 설치해주는 CRA를 사용하는 것 2. 시작하기(1) CRA로 프로젝트 생성하기첫 리액트 프로젝트를 만들어보기윈도우는 git bash 또는 power shell에서 mac os는 터미널에서 아래 코드 입력ls #현재 내가 위치하고 있는 곳이 어디인지 확인cd 폴더이름 #리액트 프로젝트를 생성하고 싶은 폴더로 들어가기yarn create react-app week-1 #프로젝트 생성! VSCode를 켜서 폴더 구조 확인 * 설치하면 좋은것들.. 공감수 0 댓글수 0 2023. 1. 15.
React 초기 설정 1. 프로그램 설치하기(1) 크롬 브라우저우리가 만드는 웹은 브라우저에서 구동된다. 구글 사의 크롬을 사용. 브라우저 설치. (2) VScode 설치하기코드를 작성하기 위한 프로그램이 필요하다.메모장으로도 코딩이 가능하지만, 더 효율적인 코드 작성을 위해 전문 에디터를 사용한다.그 중에서도 MS사의 vscode를 사용한다. vscode를 설치한다.https://code.visualstudio.com/ Visual Studio Code - Code Editing. RedefinedVisual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visua.. 공감수 0 댓글수 1 2023. 1. 15.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.