나만 보는 개발 블로그

원형 이미지 import 'bootstrap/dist/css/bootstrap.min.css'; import Image from 'react-bootstrap/Image'; bootstrap 이용. nth :nth-child() ex) .클래스이름 :nth-child(숫자) ex) 3번째 자식 제외하고 적용 .second_block>div:not(:nth-child(3)) hr태그 꾸미기 Community🌐 /{" "} 자유게시판⚽ /* 상단 구분선 시작*/ .division_line { position: relative; display: flex; margin: 32px 0; } .division_line > div { background-color: white; color: #999999; displ..

// 스크롤기능 const scrollRef_port = useRef(null); const scrollRef_market = useRef(null); const [isDrag, setIsDrag] = useState(false); //드레그 중인지의 상태확인 const [startX, setStartX] = useState(); //처음 클릭한 x좌표 const onDragStart_port = e => { e.preventDefault(); setIsDrag(true); setStartX(e.pageX + scrollRef_port.current.scrollLeft); }; const onDragStart_market = e => { e.preventDefault(); setIsDrag(true); ..

1. git reset --hard 커밋아이디 2. git push -f origin master(branch 이름) 리셋 시점 이후 커밋 싹 날라감

1. git init 2. git add. 3. git remote add origin repo주소 (remote 삭제) git remote rm origin

폴더구성 1. server.js. server.js파일에서 db연결, mapper 등등 전부 써줄 수 도 있음, 하지만 가시성을 위해 최대한 파일을 분리시킴. 1. schemas -> jsp에서 DTO와 유사하면서도 완전 다른 개념. 기본적으로 document형 DB인 몽고(망고 아님)DB는 정해진 틀이 없이 데이터를 삽입 시킬 수 있음. 이런 점을 방지하기 위해 쓰는게 스키마임. (몽구스 라이브러리 부가기능) 2. schemas 스키마는 무작위로 들어가던 몽고DB에 하나의 틀을 만들어준다고 생각하면 됨. 스키마가 없다면 데이터를 입력할때 바로 db에 들어가지만 스키마를 사용한다면 db에 입력되기전에 스키마를 한번 거치고 들어가기 때문에 우리가 원하는 형식으로만 데이터가 입력되도록 할 수 있음. 또한 추..

mongo-db.js const mongoose = require("mongoose"); // 스키마와 모델 정의 const planetSchema = new mongoose.Schema({}); // const testPlanetSchema = new mongoose.Schema({}); const Planet = mongoose.model("Planet", planetSchema); const TestPlanet = mongoose.model("TestPlanet", planetSchema); exports.mongoDB = async () => { try { await mongoose.connect("mongodb+srv://hr:"패스워드입력"@cluster0.bjwmlof.mongodb.net/..

1. 링크접속 https://cloud.mongodb.com/v2/64ed4116f69f1343b459ba67#/clusters Cloud: MongoDB Cloud account.mongodb.com 2. Network Access 클릭 3. ADD 클릭 4. current ip 클릭 5. Connect 클릭 6. 계정, 비밀번호 입력 후 MongoDB for VS Code 클릭 7. 코드 복사 인스톨 npm i mongoose // server.js /* server.js */ const express = require("express"); const app = express(); const { mongoDB } = require("./config/mongo-db"); // mongoDB mongoD..

// 모달 외부를 클릭하면 모달을 닫습니다. window.onclick = function (event) { if (event.target == modal) { modal.style.display = "none"; } }; 원화 단위 DecimalFormat df = new DecimalFormat("###,###");

프로필 사진 삭제 정말 삭제하시겠습니까? 예 / 아니오 DeletepicCon package controller; import java.io.UnsupportedEncodingException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import javax.servlet.http.HttpSession; import command.Command; import model.UserDAO; import model.UserDTO; @WebServlet("/DeletepicCon") public class Del..

SummerNote API를 사용하여 글 작성부분에 글 + 이미지 를 넣을 경우 html 태그 통째로 저장됨 태그만 짤라서 썸네일 구현 DAO, Mapper public ArrayList topFive(String info_cate) { SqlSession session = sqlSessionFactory.openSession(true); List top_five = session.selectList("topFive", info_cate); session.close(); return (ArrayList) top_five; } select * from info_trade where info_num in ( select info_num from( select info_num from trade_his whe..