본문 바로가기

부트캠프교육중301

[코딩애플] 1~3강 레이아웃을 복사붙여넣기식으로 편하게 개발가능한 => bootstrap 라이브러리 구글에다가 react bootstrap이라고 검색해라. npm install react-bootstrap bootstrap //app.js import "./App.css"; import "bootstrap/dist/css/bootstrap.min.css"; function App() { return ; } export default App; import "./App.css"; import "bootstrap/dist/css/bootstrap.min.css"; import { Button } from "react-bootstrap"; function App() { return ( Primary ); } export defau.. 2023. 6. 22.
[todolist]수정기능 구현중2 일단 누르면 상태에따라 버튼이 수정과 제출로 다르게 뜨게 여기까지 구현했다. 이제 input뜨는거 추가하고 그러면 될듯. 일단 누르면 상태에 따라 todolist랑 수정버튼이 뜨고 수정버튼을 누르면 input창과 제출버튼이 뜨게 구현했다. 문제는 하나만 움직이는게 아니고 다 움직인다는게 문제다. 해야할부분 1. id가 같은거만 input창으로 뜨게한다. 2.axios연결해서 input내용이 변경되게하게 일단 현재까지의 코드 todo import { useState, useEffect } from "react"; import axios from "axios"; import styled from "styled-components"; import TodoList from "../Todo/TodoList"; c.. 2023. 6. 17.
[todolist] 수정기능 구현 중 막히는부분 todolist 에서 수정기능을 구현중이다. 근데 api주소도 맞고 아무 이상이 없는데 계속 400에러가 떳다. 예상되는 문제는 수정되는 input 내용이 없어서 console이 안찍히는거 같았다. 그래서 밑에 input창을 하나 만들고 아무거나 찍은후 수정버튼을 누르니 정상 작용한다. 내용도 수정되었다. 이제 해결해야할부분은 내가 구현하려는건 수정버튼을 누르면 input창이 뜨면서 입력한 값으로 수정이 되는거다. 현재는 반대현상이라고 표현할수있을것 같다. 일단 내가 더 진행해야 할 방향은 방향을 좀 바꿔야할것같다. 현재처럼 하지말고 수정버튼을 누르면 input창과 제출버튼이 나오고 제출버튼을 onClick하면 저 함수가 이루어지게 해야한다. 일단 현재까지의 코드를 올려야겠다. todo import { .. 2023. 6. 17.
작업시 기본틀(계산기형태) App.js import { BrowserRouter, Routes, Route } from "react-router-dom"; import "./App.css"; import Home from "./Page/Home"; import Login from "./Page/Login"; import SignUp from "./Page/SignUp"; import Todo from "./Page/Todo"; function App() { return ( ); } export default App; Login.js import styled from "styled-components"; const Body = styled.div` border: 5px solid red; display: flex; justify-c.. 2023. 6. 13.

티스토리툴바