본문 바로가기

Javascript&Typescript32

[Typescript] typescript 설치, 시작 1. Install typescript https://www.typescriptlang.org/ - node , npm version 확인 // globally npm install -g typescript // project npm install typescript --save-dev typescript version 확인 tsc -v 2. 실행해보기 .tsx 확장자 : component 용 .ts : 기본 intro.ts let user = {name: "hitesh", age: 10} console.log("Hitesh"); console.log(user.name); tsc {filename}.ts 를 실행하면 코드는 동일한 javascript로 변환된 파일이 생성됨. (typescirpt => j.. 2024. 2. 5.
[Error] Error: listen EADDRINUSE: address already in use :::5000 5000 포트 사용중인 프로세스 확인 sudo lsof -i :5000 Spotlight 검색 통해 Airplay 수신모드 검색 Airplay 수신모드 해제 5000 포트를 사용중인 프로세스가 없음 참고 : https://velog.io/@jsy7517/Error-listen-EADDRINUSE-address-already-in-use-5000 2024. 1. 10.
[Node.js] Express app.js const express = require("express"); const app = express(); app.listen(5000, () => { console.log("server is listening on port 5000..."); }); const express = require("express"); const app = express(); app.get("/", (req, res) => { res.send("Home Page"); }); app.listen(5000, () => { console.log("server is listening on port 5000..."); }); app.all 모든 메서드(GET, POST, PUT, DELETE 또는 그 외의 것)에 대해 핸들.. 2024. 1. 10.
[Node.js] npm npm init npm init enter 로 default 설정 후 yes package.json 생성됨 { "name": "nodejs-and-expressjs-full-cource", "version": "1.0.0", "description": "", "main": "01-intro.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "author": "", "license": "ISC" } 패키지 추가 package.json 에 추가 됨. { "name": "nodejs-and-expressjs-full-cource", "version": "1.0.0", "description": "", "main": "01-in.. 2024. 1. 7.
[Node.js] module exports / require exports : object - module exports // local const secret = "SUPER SECRET"; // share const john = "john"; const peter = "peter"; // console.log(module); module.exports = { john, peter }; john, peter 의 key name이 같기 때문에 값을 그대로 전달 module 위치 const names = require("./04-names"); - module import const { john, peter } = require("./04-names"); const sayHi = require("./05-utils"); sayHi("susan"); sayHi(joh.. 2024. 1. 6.
[React] 페이지 이동 Hook useNavigate, useParams, useSearchParams 페이지 이동 HookuseNavigate, useParams, useSearchParams useNavigate :다른 페이지로 이동, 뒤로 가기 시 사용하는 hook.import axios from "axios";import React, { useState, useEffect } from "react";import { useNavigate } from "react-router-dom";const InfoProductSoldOutPage = () => { ... const navigate = useNavigate(); return ( ... navigate("/listSoldOut")} > 돌아가기 .. 2022. 12. 2.