일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 | 31 |
- 자료구조와함께배우는알고리즘입문
- 이터레이터
- 코드로배우는스프링웹프로젝트
- 처음 만나는 AI 수학 with Python
- 처음 만나는 AI수학 with Python
- 깃
- 코드로배우는스프링부트웹프로젝트
- 데비안
- 네트워크 설정
- 스프링 시큐리티
- GIT
- 티스토리 쿠키 삭제
- iterator
- 리눅스
- 선형대수
- 자료구조와 함께 배우는 알고리즘 입문
- Kernighan의 C언어 프로그래밍
- 구멍가게코딩단
- resttemplate
- 페이징
- 병합
- merge
- 알파회계
- 스프링부트핵심가이드
- /etc/network/interfaces
- 자바편
- 목록처리
- 친절한SQL튜닝
- network configuration
- 서버설정
- Today
- Total
목록분류 전체보기 (320)
bright jazz music
1. 편집기 설정파일 설정 파일 -> 기본설정 -> 설정 ctrl + , -> user settings(json) 선택 : json형식으로 보겠다는 것 탭사이즈 2로 변경 2. prittier 설치하고 설정파일에 적용 settings.json { "editor.inlineSuggest.enabled": true, "github.copilot.enable": { "*": true, "plaintext": false, "markdown": false, "scminput": false }, "editor.tabSize": 2, "editor.defaultFormatter": "esbenp.prettier-vscode", "editor.formatOnSave": true, "[typescript]": { "ed..
출처: https://www.daleseo.com/css-position/ 1. position: static - position 속성을 별도로 지정하지 않으면 기본값인 static이 적용된다. - position 속성이 static인 요소는 HTML 문서 상에서 원래 있어야 하는 위치에 배치된다. - 이는 요소들이 HTML에 작성된 순서 그대로 브라우저 화면에 표시된다는 것을 의미하며, top, left, bottom, right 속성값은 positio 속성이 static일 때는 무시된다. 2. position: relative - position 속성을 relative로 설정하면 요소를 원래 위치에서 벗어나게 배치할 수 있다. - 요소를 원래 위치 기준으로 상대적으로 배치한다고 생각하면 이해가 쉽다...
/src/index.js // /src/index.js import React from "react"; // import ReactDOM from "react-dom/client"; import "./index.css"; import App from "./App"; import reportWebVitals from "./reportWebVitals"; import { createRoot } from "react-dom/client"; // 라우터 경로가 들어있는 RouterApp.js파일 추가하기 import AppRouter from "./AppRouter"; /* //기존 //ReactDOM을 사용한다. const root = ReactDOM.createRoot(document.getElementBy..
//App.js function App() { //기본 스테이트를 객체로 설정하였다. const [items, setItems] = useState([]); //백엔드에 보낼 요청 옵션 const requestOptions = { method: "GET", headers: { "Content-Type": "application/json" }, }; //fetch를 통해 요청 발송 fetch("http://localhost:8080/todo", requestOptions) .then((response) => response.json()) .then( (response) => { setItems(response.data); }, (error) => {} ); //... cors 오류 발생. cors를 가능케..
import { Container, List, Paper } from '@mui/material'; import './App.css'; import Todo from './Todo'; import React, { useState } from 'react'; import AddTodo from './AddTodo'; function App() { const [items, setItems] = useState([ // { // id: "0", // title: "Hello World 1", // done: true // }, // { // id: "1", // title: "Hello World 2", // done: true // } ]); //2. TodoList에 목록 추가하기 const addItem..
App.js -> 추가 -> AddTodo.js -> Todo.js -> 수정/삭제/체크 -> 재 렌더링(App.js) // App.js import "./App.css"; import Todo from "./Todo"; import AddTodo from "./AddTodo"; import React, { useState } from "react"; import { Paper, List, Divider, Container } from "@mui/material"; function App() { //기본 스테이트를 객체로 설정하였다. const [items, setItems] = useState([]); //Todo에서 쓰레기통 아이콘을 클릭하면 삭제된다. 이걸 를 호출할 때 넣어준다. 위를 봐라. co..
material-ui 라이브러리 설치 npm install @mui/material @emotion/react @emotion/styled npm install @mui/material @mui/styled-engine-sc styled-components npm install @fontsource/roboto npm install @mui/icons-material axios 설치 npm install axios react-router-dom 설치 npm install react-router-dom index.js import React from "react"; import ReactDOM from "react-dom/client"; import "./index.css"; import Main from..
1. App.js 작성 import axios from "axios"; import { useState, useEffect } from "react"; function NameAndAge(props) { if (props.data !== null) { // 입력받은 props.data 에서 직접 값을 가져오는 경우 const name = props.data.name; const age = props.data.age; console.log("##name: " + name + ", ##age: " + age); console.log( typeof props.data.age, ": props.data.age와 그 값을 입력받은 age 모두 number 타입이다. " ); console.log("#"); // ..
React에서 axios를 사용하여 POST 요청을 보내는 방법을 알려드리겠습니다. 먼저, `axios` 패키지를 설치해야 합니다. 프로젝트 디렉토리에서 다음 명령을 실행하여 패키지를 설치합니다. npm install axios 설치가 완료되었다면, POST 요청을 보내는 React 컴포넌트에서 `axios`를 import합니다. import axios from 'axios'; 그리고 POST 요청을 보낼 함수를 만듭니다. 함수에서 `axios.post()`를 사용하여 요청을 보냅니다. 다음은 간단한 예시입니다. import React from 'react'; import axios from 'axios'; class MyComponent extends React.Component { constructo..