Javascript&Typescript26 [Node.js] Node.js 시작하기 Node 설치 2022.07.20 - [setting] - [MacOS - M1] nvm으로 node.js 와 npm 설치, 버전 업데이트 Node 설치 후 vscode에서 실행해보기 1. 사용할 프로젝트 폴더에서 src 폴더 안에 app.js 파일 생성. const http = require('http'); const hostname = '127.0.0.1'; const port = 3000; const server = http.createServer((req, res) => { res.statusCode = 200; res.setHeader('Content-Type', 'text/plain'); res.end('Hello World'); }); server.listen(port, hostname, (.. 2022. 10. 26. [React] 리액트 pagination 적용 react-js-pagination 사용 https://www.npmjs.com/package/react-js-pagination npm i react-js-pagination src/components/Paging.js activePage : 현재 페이지 itemsCountPerPage : 한 페이지 당 보여줄 아이템 수 totalItemsCount : 총 아이템 수 pageRangeDisplayed : paginator에서 보여줄 페이지 범위 prevPageText : 이전 페이지로 가기를 나타내는 텍스트 nextPageText : 다음 페이지로 가기를 나타내는 텍스트 onChange : 페이지가 바뀔 때 핸들링하는 함수 import React from "react"; import Pagination.. 2022. 9. 29. [React] Date picker 사용하기 ( + default 값으로 오늘 날짜) 날짜 new Date(); 로 오늘 날짜 현재 시간을 구한 후 문자열로 변환해 날짜에 해당하는 부분만 슬라이싱 해 오늘 날짜를 defaultValue로 한다. saleStartDate 역시 default 값을 오늘 날짜로 한다. src/pages/SalesRegistrationPage.js const dateNow = new Date(); const today = dateNow.toISOString().slice(0, 10); const [saleStartDate, setSaleStartDate] = useState(today); Date picker src/pages/SalesRegistrationPage.js return() setSaleStartDate(e.target.value)} inputPro.. 2022. 9. 8. [React] 버튼 클릭 이벤트 새로운 페이지로 이동하기 (button click to new page) 새로운 페이지 만들기 src/pages/PurchasePage.js import React from "react"; const PurchasePage = () => { return PurchasePage; }; export default PurchasePage; useNavigate() 사용하기 참고 : 2022.07.20 - [javascript/React] - [React] React app - 시작 로고 페이지 만들기 (useNavigate, setTimeout()) navigateToPurchase 에서 navigate 함수를 호출해 주소를 전달한다. navigate 함수에 인자로 주소를 넣어준다. src/pages/ListProductsSalePage.js const navigate = useN.. 2022. 9. 6. 이전 1 2 3 4 5 6 7 다음
