본문 바로가기

교육후 개인공부61

[Next.js] 게시물수정하기 await db.collection("post").updateOne({수정할게시물정보 id같은거}, { $set: {수정할내용} }); 근데 id에 대한 정보가 없다 그래서 id를 이런식으로 보내줘야한다. import { connectDB } from "@/util/database"; import { ObjectId } from "mongodb"; export default async function Edit(props) { //제목과 내용에 담길 DB내용을 가져올거다 const client = await connectDB; const db = client.db("market"); let result = await db .collection("post") .findOne({ _id: new ObjectI.. 2023. 12. 7.
[Next.js] mongodb에 데이터 삽입하기 글작성기능을 해봤다 그래서 몽고디비에 데이터가 삽입되는 기능을 해봤다. 일단 get과 post기능은 form을 이용하면 쉽게 하기 좋단다 write/page.js export default function Write() { return ( 글작성페이지 {/* get이랑 post하는 방법을 배워보자 */} 버튼 ); } pages/api/post/new.js import { connectDB } from "@/util/database"; export default async function handler(요청, 응답) { if (요청.method == "POST") { const client = await connectDB; const db = client.db("market"); let result = .. 2023. 12. 7.
[React] todolist 구현완성본 미루고미루던 todolist 추가삭제수정 기능 다 구현했다 App.js import { useState } from "react"; import TodoList from "./TodoList"; function App() { const [addValue, setAddvalue] = useState(""); const [todos, setTodos] = useState([ { id: 1, text: "잠자기", checked: true }, { id: 2, text: "밥먹기", checked: true }, { id: 3, text: "책보기", checked: false }, ]); const handleAdd = () => { const todo = { id: todos.length + 1, text.. 2023. 12. 6.
[CSS] table설정 table은 기본적으로 틈이 존재한다 그걸 없애려면 border-collapse: collapse 셀 안의 요소 상하정렬 vertical-align: top/middle/bottom td 하나로 합친거처럼 보이게 하려면 (총가격보이는식) td colspan="5" 5칸을 합친 사이즈라는의미다. 2023. 12. 2.

티스토리툴바