IHS_digital_nomad

https://wsss.tistory.com/1618 모바일 하단 탭 메뉴 스타일See the Pen Animated Tab Bar v.2 by abxlfazl khxrshidi (@abxlfazl) on CodePen. 모바일 하단 탭 메뉴 스타일wsss.tistory.com https://codepen.io/trending CodePenAn online code editor, learning environment, and community for front-end web development using HTML, CSS and JavaScript code snippets, projects, and web applications.codepen.io

삭제버튼 추가 // App.jsimport React, { useState, useRef } from "react";import Userlist from "./UserList";import CreateUser from "./CreateUser";function App() {  const [inputs, setInputs] = useState({    username: '',    email: ''  })  const {username, email} = inputs;  const onChange = e => {    const {name, value} = e.target;    setInputs({      ...inputs,      [name] : value    });  };  const [users..

// App.jsimport React from "react";import Counter from "./Counter";function App() {  return (    Counter/>  );} export default App;// Counter.jsimport React, {useState} from "react";function Counter() {    // let number = 0;     const [number, setNumber] = useState(0);    const onIncrease = () => {        // number++;        // console.log(number);        setNumber(number + 1);        console.lo..

리액트(React) - Facebook에서 개발한 JavaScript 사용자 인터페이스를 만들기 위한 라이브러리  - 재사용이 가능한 UI 컴포넌트를 작성할 수 있게 해주며, 데이터의 변경에 따라 UI를 효율적으로 업데이트할 수 있는 방법을 제공  - Virtual DOM을 사용해서 실제 DOM 조작을 최소화하고 성능을 향상 - 단일 페이지 응용 프로그램(SPA) 및 대규모 웹 애플리케이션에서 많이 사용  - JSX라는 문법을 통해 JavaScript 코드 내에서 HTML과 유사한 문법을 사용하여 컴퍼넌트를 정의 라이브러리(library) vs 프레임워크(Framework) 라이브러리     - 개발자가 필요할 때 함수 또는 모듈을 호출하여 사용하는 방식으로 동작     - 애플리케이션의 전체 구조를 개..

Mongoose - Node.js와 MongoDB을 위한 ODM(Object Data Mapping) 라이브러리 - Javascript Object와 MongoDB의 데이터를 Mapping하여 호환성을 만들어내고, 간편한 CRUD를 가능- https://mongoosejs.com/ Mongoose ODM v8.3.4Let's face it, writing MongoDB validation, casting and business logic boilerplate is a drag. That's why we wrote Mongoose. const mongoose = require('mongoose'); mongoose.connect('mongodb://127.0.0.1:27017/test'); const Ca..

MongoDB- MongoDB는 NoSQL 데이터베이스로 문서 기반 데이터 저장 방식을 채택한 오픈소스 DBMS - 관계형 데이터베이스와 달리 스키마가 없으며, BSON(Binary JSON) 형태로 데이터를 저장 - 유연성이 좋고, 대규모 처리에 용이 - https://www.mongodb.com/ko-kr MongoDB: 개발자 데이터 플랫폼업계 최고의 최신 데이터베이스를 토대로 구축된 개발자 데이터 플랫폼을 사용해 아이디어를 더욱 빠르게 실현하세요. 공통 쿼리 인터페이스와 개발자들이 원하는 데이터 모델을 사용하는 동www.mongodb.com MongoDB Atlas- MongoDB의 관리형 클라우드 데이터베이스 서비스 - MongoDB 데이터베이스를 클라우드에서 호스팅하고 관리하는 것을 중심으로 ..

branch 생성과 동시에 전환 git checkout -b 브랜치이름  Sequelize - node.js에서 mysql 등 RDBMS를 쉽게 다룰 수 있도록 도와주는 라이브러리     npm i sequelize https://sequelize.org/ SequelizeSequelize is a modern TypeScript and Node.js ORM for Oracle, Postgres, MySQL, MariaDB, SQLite and SQL Server, and more. Featuring solid transaction support, relations, eager and lazy loading, read replication and more.sequelize.org // db/databas..

ORM(객체 관계 맵핑, Object Relational Mapping) - 객체 지향 프로그래밍 언어에서 사용되는 객체와 관계형 데이터베이스 간의 불일치를 해결하기 위한 기술 - 객체 모델과 관계형 데이터베이스의 테이블 간의 매핑을 수행하여 개발자가 SQL 쿼리 대신 객체 지향 코드를 사용할 수 있도록 함 ODM(객체 문서 매핑, Object Document Mapping) - NoSQL 데이터베이스와 객체 지향 프로그래밍 언어 간의 매핑을 제공하는 기술  - 주로 문서 지향 데이터베이스(MongoDB)와 함께 사용  git branch 현재 작업 중인 브랜치 확인 - 목록 확인     git branch - * 표시가 되어 있는 것이 현재 작업중인 브랜치  branch 생성하기 git branch 브..

html 다운받는 팁 사이트  (관리자 페이지 팁)https://colorlib.com/wp/free-bootstrap-admin-dashboard-templates 42 Free Bootstrap Admin Dashboard Templates 2024The most promising and mobile-ready free Bootstrap admin dashboard templates for SaaS applications and other online projects.colorlib.com 회원리스트번호     아이디     이름       휴대폰번호

환경 변수 관리  - 로컬에서 개발 또는 서버에 배포할 때 DB연결, 포트 설정, 시크릿 키 등 안전하게 관리하기 위한 환경 변수로 처리 -  .env라는 파일에 환경 변수를 설정          npm i dotenv .env# DBDB_HOST=127.0.0.1DB_PORT=3306DB_USER=rootDB_PASSWORD=1234# JWTJWT_SECRET=abcd1234%^&*JWT_EXPORES_SEC=172800# BCRYPTBCRYPT_SALT_ROUNDS=10# SERVERPORT=8080// app.jsimport express from "express";import morgan from "morgan";import tweetsRouter from './router/tweets.js'im..