ALL 172

[React] Youtube.js

1. 유튜브 페이지 import React from "react"; import Header from "../Header"; import Footer from "../Footer"; function About() { return ( Reference Site 웹 표준 사이트 만들기 레이아웃 레이아웃은 사이트를 만드는데 가장 기본적이 요소입니다. 레이아웃만 제대로 만들 수 있다면 사이트의 제작에 50%는 끝나다고 보셔도 됩니다. 그만큼 레이아웃 제작은 상당히 중요합니다. 플러그인 제이쿼리를 통하여 이미지슬라이드, 라이트 박스를 구현합니다. 스크립트가 어려울 수 있지만 간단하게 설치하여 작동시켜 봅니다. CSS CSS의 다양한 속성을 사용하여 사이트의 디자인 작업을 구성합니다. CSS는 통해 디자인을 어떻게..

React.js 2021.02.19
[React] Reference.js

1. 레퍼런스 페이지 import React from "react"; import Header from "../Header"; import Footer from "../Footer"; function Reference() { return ( Reference Site HTML CSS JAVASCRIPT JQUERY A align-content align-content 속성은 콘텐츠의 상하관계 정렬 상태를 정의합니다. align-items align-items 속성은 콘텐츠 내부의 정렬 상태를 정의합니다. all all 속성은 요소의 속성을 초기화 또는 상속을 설정합니다. animation animation 속성은 애니메이션을 설정합니다. animation-delay animation-delay 속성은 요..

React.js 2021.02.19
[React] About.js

1. 어바웃 페이지 import React from "react"; import Header from "../Header"; import Footer from "../Footer"; function About() { return ( About Me 꿈을 설계하고 디자인 하다. 나는 공간을 만드는 것을 좋아한다. 어려을 때부터 나만의 공간을 만드는 것을 좋아했고 나만의 다락방을 좋아했다. 단 한 사람이라도 내가 만든 공간 속에서 영감을 받거나 마음이 움직였으면 좋겠다. 서울에는 집이 없지만, 이곳에서는 나만의 집이 많다. 그 집은 비용도 들지 않고 언제든지 만들 수 있다. 나만의 공간을 마음것 만들 수 있다는 건 엄청난 매력인거 같다. 그 한구석에 나만의 꿈을 설계하고 디자인을 하며 앞으로도 살고 싶다. ..

React.js 2021.02.19
[React] Router

1. Router 리액트는 싱글 페이지로 구성되어 있기 때문에 가상의 주소를 만들어 주어야 합니다. 라우터를 이용하여 URL을 통해 특정 컴퍼넌트를 불러와서 사이트를 구성할 것입니다. 우선 react-router-dom 패키지를 설치합니다. npm install react-router-dom yarn add react-router-dom 1.1 Router 설정 import React from 'react' import Header from './components/Header' import Main from './components/pages/Main' import About from './components/pages/About' import Reference from './components/pag..

React.js 2021.02.06