전체 글 (274) 썸네일형 리스트형 overflow-x, overflow-y 스크롤 리액트에서는 overflowX, overflowY scroll, auto, hidden, visible(default) scroll은 스크롤바 항상표시 auto는 분량이 넘쳐서 스크롤 생길 경우에만 표시됨 www.w3schools.com/cssref/css3_pr_overflow-y.asp CSS overflow-y property CSS overflow-y Property Example Show different overflow-y property values: div.ex1 { overflow-y: scroll; } div.ex2 { overflow-y: hidden; } div.ex3 { overflow-y: auto; } div.ex4 { overflow-y: visible; } Try it Yo.. request와 response request: 클라이언트 측에서 => 서버측으로 보내는 요청에 관련된 정보들이 저장되는 객체 response: 서버측에서 => 클라이언트 측으로 보내는 것, 응답에 관련된 것들이 저장되는 객체 클라이언트가 화면을 띄우기 위해 필요한 것들을 요청(request) 보내면 서버는 필요한 것들을 클라이언트에 보내는 응답(response)를 한다. [Node.js] multer 파일 저장 npm i multer -s dropzone으로 업로드를 했다면 multer로 파일을 저장해보자 ekgoddldi.tistory.com/81?category=955664 [React.js] dropzone 파일 업로드 npm i react-dropzone -s npmjs.com/package/react-dropzone react-dropzone Simple HTML5 drag-drop zone with React.js www.npmjs.com import React from 'react' import Dropzone from 'react-dropzone'.. ekgoddldi.tistory.com www.npmjs.com/package/multer multer Middleware for handling .. [React.js] dropzone 파일 업로드 npm i react-dropzone -s npmjs.com/package/react-dropzone react-dropzone Simple HTML5 drag-drop zone with React.js www.npmjs.com import React from 'react'import Dropzone from 'react-dropzone' console.log(acceptedFiles)}> {({getRootProps, getInputProps}) => ( Drag 'n' drop some files here, or click to select files )} [React.js] react-router-dom npm i react-router-dom -s 패키지 설치 import { Route, Switch, BrowserRouter } from "react-router-dom"; // pages import import Home from './Comp/Home' import About from './Comp/About' import DashBoard from './Comp/DashBoard' function App() { return ( ); } export default App; 최상단에 BrowserRouter로 감싸줘야 한다. exact를 안넣어주면 '/', '/about'도 똑같이 Home 컴포넌트가 나올 것이다. switch는 링크와 매칭되는 첫번째 라우트만 보여주고 나머지는 보여주지 않는다 따라서.. [React.js] Enter 이벤트 keyPressHandler = (e) => { // if(e.charCode === 13) { // 요즘은 안씀 // event // } if (e.key === "Enter") { //event } }; onKeyPress={keyPressHandler } form에서 onSubmit이벤트로 처리하면 엔터 이벤트를 따로 만들 필요가 없이 처리된다 cookie localstorage 쿠키는 도메인당 4KB 로컬스토리지는 2.5MB ~ 5MB 브라우저마다 최고 용량이 다르긴함, 또한 서버로 전송되지 않음 html5에서 추가됨 아래는 사용법이다 www.w3schools.com/jsref/prop_win_localstorage.asp css 테두리 겹치기 꼼수 box-shadow: 2px 0 0 0 #888, 0 2px 0 0 #888, 2px 2px 0 0 #888, 2px 0 0 0 #888 inset, 0 2px 0 0 #888 inset; 이전 1 ··· 23 24 25 26 27 28 29 ··· 35 다음