리액트웹사이트
-
React Website 만들기) 5.Footer부분 만들기REACT 2021. 1. 29. 21:00
홈페이지의 맨 아랫부분에 적용될 footer를 만든다. 1. Footer.js components폴더에 파일 생성한다. import React from 'react' import { Link } from 'react-router-dom'; import {Button} from './Button'; import './Footer.css'; function Footer() { return ( Join the Adventure newsletter to receive our best vacation deals You can unsubscribe at any time. Subscribe About Us How it works Testimonials Careers Investors Terms of Service C..
-
React Website 만들기) 4.Home에 적용할 부분 만들기REACT 2021. 1. 29. 20:57
홈페이지에서 products, services, signup 파트를 누르면 나올 홈페이지를 구현한다. 1. Products.js, Services.js, SignUp.js components폴더의 pages폴더에 각각의 파일을 만들고 구현해 놓는다 . import React from 'react'; import '../../App.css'; export default function Products() { return PRODUCTS; } import React from 'react' import '../../App.css'; export default function Services() { return SERVICES; } import React from 'react' import '../../App...
-
React Website 만들기) 2.Home.js만들고 Herosection 만들기REACT 2021. 1. 29. 20:41
1. Home.js components 안에 pages 폴더를 만들고 home.js 파일을 만든다. import React from 'react' import '../../App.css'; import HeroSection from '../HeroSection'; import Cards from'../Cards'; import Footer from '../Footer'; function Home() { return ( ) } export default Home; 2. HeroSection.js components 폴더 안에 HeroSection.js파일을 만든다. 홈페이지 안에 버튼과 제일 먼저 보이는 문구를 적용한다. import React from 'react' import '../App.css'; ..