타코딩

보호되어 있는 글입니다.

다크모드 ts styled.d.ts // import original module declarations import "styled-components"; // and extend them! declare module "styled-components" { export interface DefaultTheme { textColor: string; bgColor: string; btnColor: string; } } https://styled-components.com/docs/api#typescript styled-components: API Reference API Reference of styled-components styled-components.com theme ts import { Defaul..

로그인 인증절차 client -------------> server[id,pass] DB(MYSQL) bcrypt.compare()

bcrypt 는 비밀번호를 안전하게 저장하기 위한 해싱 라이브러리입니다. $2a$10$A4hKdXuPsN3uJBtsvm.iyeQ/7CyWiSz3xsMQgCzE.JNA4Ubo3o0lm 위 같은 형태로 해싱이 됩니다. 2a 어떤 알고리즘을 쓰는지값 나머지는 중 반틈은 salt인데 랜덤으로 만드는 문자열, 단방향통신 - 인코딩은 가능하나 디코딩은 안됨 (사이트에서 비밀번호 찾기 하면 새로운 비밀번호로 변경하라는 이유) 사용예시 터미널 npm install bcryptjs 설치 import * as signupRepository from "../repository/signupRepository.js"; import bcrypt from "bcryptjs"; export async function signUp(r..

다크모드/라이트모드 구현 리액트의 라이브러리 styled-components를 사용해서 다크모드/라이트모드를 구현할 수 있습니다 요약 1. index에 themeprovider로 우산씌우기 import { ThemeProvider } from "styled-components"; const darkTheme = { textColor: "whitesmoke", backgroundColor: "#111", }; const lightTheme = { textColor: "#111", backgroundColor: "whitesmoke", }; const root = ReactDOM.createRoot( document.getElementById("root") as HTMLElement ); root.rende..

Styled-Components 는 태그 된 템플릿 리터럴을 사용하여 React 구성 요소의 스타일을 지정하는 데 널리 사용되는 라이브러리입니다. 내장된 애니메이션 기능을 제공하지는 않지만 , 또는 CSS 키프레임과 같은 다른 라이브러리를 사용하여 스타일이 지정된 구성 요소와 애니메이션을 쉽게 통합할 수 있습니다 설치 및 예시 npm i styled-components 터미널 입력 import styled from "styled-components"; app.js에 import 해서 사용(해당하는 컴포넌트 자바스크립트파일에서 import 후 사용하면 됩니다.) 😲 🌑 Emoji와 Box라는 컴포넌트 JSX 파일에 적용 const rotationAnimation = keyframes` from{ trans..

import mysql from "mysql2"; const pool = mysql.createPool({ host: "localhost", port: "3306", user: "root", password: " ", database: " ", }); export const db = pool.promise(); import express from "express"; import * as newsController from "../controller/newsController.js"; const router = express.Router(); router.use(express.json()); router.use(express.urlencoded({ extended: true })); // list 들어가면..

MySQL을 Node.js와 통합 하려면 널리 사용되는 MySQL 드라이버인 mysql2 . 또한 MySQL을 설치하고 작업할 테이블이 있는 데이터베이스를 생성해야 합니다. 요약 npm i mysql2 터미널에 mysql2 버전으로 설치를 진행한다 import mysql from "mysql2"; const dbInfo = { host: "localhost", port: "워크벤치포트", user: "워크벤치아이디", password: "워크벤치비번", database: "db이름", }; const db = { init: function () { return mysql.createConnection(dbInfo); }, connect: function (conn) { conn.connect(functi..

import express from "express"; import dbConfig from "../db/database.js"; const conn = dbConfig.init(); dbConfig.connect(conn); const router = express.Router(); let replyList = [{ nid: "1696569917661", replyContent: "1등 ( ͡~ ͜ʖ ͡°)" }]; router.use(express.json()); router.use(express.urlencoded({ extended: true })); router.get("/", (req, res, next) => { const sql = "select nid,url,title,content,le..

-- 형식 delete 테이블명 -2023-10-20 -- delete from 테이블명 where 조건절 -- 모든테이블 목록조회 SELECT * FROM information_schema.tables WHERE TABLE_SCHEMA = 'hrdb2019' -- emp_emp 테이블의 데이터 조회 SELECT * FROM emp_emp -- emp_id 홍길똥1인 사원을 삭제 DELETE FROM emp_emp WHERE emp_name ='홍길똥1'; SELECT * FROM emp_emp ee -- emp_name이 테스트인 모든 사원을 삭제 DELETE FROM emp_emp WHERE emp_name = '테스트' -- 모든사원삭제 DELETE FROM emp_emp; DROP TABLE em..