| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
- node.js 설치
- ReactDOM.render is no longer supported in React 18. Use createRoot instead
- 따라하며 배우는 노드 리액트 기본 강의
- 인프런
- 노드에 리액트 추가하기
- 타자 게임 만들기
- 거북이 대포 게임
- 계산맞추기 게임
- 리액트
- You are importing createRoot from "react-dom" which is not supported. You should instead import it from "react-dom/client"
- intllij 내 Bean을 찾지 못해서 발생하는 오류
- react오류
- 자바스크립트
- DB Browser
- Do it 자바스크립트 + 제이쿼리 입문
- Colaboratory 글자 깨짐
- node.js로 로그인하기
- 웹 게임을 만들며 배우는 리액트
- Spring-Framework
- JS 개념
- Python
- Concurrently
- 모두의 파이썬
- vs code 내 node
- spring-boot
- react
- props
- intellij
- googleColaboratory
- 모던자바스크립트
- Today
- Total
목록분류 전체보기 (248)
프로그래밍 삽질 중
* 상황 import React, { useEffect, useState } from "react"; import { Descriptions } from "antd"; function DataInfo(props) { const [Data, setData] = useState({}); useEffect(() => { setData(props.detailData); console.log(props.detailData); }, []); return ( //변경 시 오류 {Data.price} {props.datailData.seasons} {props.datailData.description} ); } export default DataInfo; -> useEffect를 통해 Data값 전달 시 ' React..
React로 상세페이지 만들기 (2) - 상세 정보 보여주기
* '따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기' 강의 참고 * react -> node.js로 이미지 및 정보 저장하기 * mongoDB에 저장하는 것까지 확인 [1. 상세정보를 담을 페이지 작성(DataInfo.js)] [Client] ShowDetailData.js import React, { useEffect, useState } from "react"; import axios from "axios"; import { useParams } from "react-router-dom"; import { Row, Col } from "antd"; import DataImages from "./Sections/DataImages"; import DataInfo from "./Secti..
React로 상세페이지 만들기 (1) - 상세이미지 보여주기
* '따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기' 강의 참고 * react -> node.js로 이미지 및 정보 저장하기 * mongoDB에 저장하는 것까지 확인 [1. 상세정보를 담을 페이지 작성(ShowDetailData.js)] [Client] ShowDetailData.js import React, { useEffect } from "react"; import axios from "axios"; import { useParams } from "react-router-dom"; function ShowDetailData() { const { dataId } = useParams(); useEffect(() => { axios.get(`/api/data/data_id?id=${da..
* 문제 상황 : 상세페이지 작성 시 params로 값을 가져오려다가 실패 * 해결 : React 버전이 업데이트 되서 생기는 오류 * 해결에 참고한 글 : https://velog.io/@kcdoggo/Cannot-read-property-params-of-undefined-%EC%97%90%EB%9F%AC
React로 필터 만들기(검색바) - 검색창을 통해 검색하기
* '따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기' 강의 참고 * react -> node.js로 이미지 및 정보 저장하기 * mongoDB에 저장하는 것까지 확인 [1. search를 작동한 js페이지(DataSearch.js 만들기)] [Client] DataSearch.js import React, { useState } from "react"; import { Input } from "antd"; const { Search } = Input; function DataSearch() { return ( ); } export default DataSearch; [Client] ShowAllData.js import axios from "axios"; import React, { us..
React로 필터 만들기(radioBox) - checkBox에서 사용한 filters 사용
* '따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기' 강의 참고 * react -> node.js로 이미지 및 정보 저장하기 * mongoDB에 저장하는 것까지 확인 * 저장된 값의 정보 바꿔야함 -> 필터 적용시켜 찾기 위함 [1.필터 만들기 전 사전 작업] 1. MongoDB 수정 [Server] 1. review/Data.js const mongoose = require("mongoose"); const dataSchema = mongoose.Schema( { title: { type: String, }, description: { type: String, maxlength: 50, }, images: { type: Array, default: [], }, seasons: { typ..
React로 필터 만들기(checkbox) (2)
* '따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기' 강의 참고 * react -> node.js로 이미지 및 정보 저장하기 * mongoDB에 저장하는 것까지 확인 * 저장된 값의 정보 바꿔야함 -> 필터 적용시켜 찾기 위함 * 이전 진행 상황에서 이어서 진행(https://ba-gotocode131.tistory.com/136) * season으로 값 저장하는 것이 아닌 seasons로 해야 함(mongoDB, server의 data.js, client의 DataUpload.js 수정 필요) [3.필터 적용하기] [Client] ShowAllData.js import axios from "axios"; import React, { useEffect, useState } from "re..
React로 필터 만들기(checkbox) (1)
* '따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기' 강의 참고 * react -> node.js로 이미지 및 정보 저장하기 * mongoDB에 저장하는 것까지 확인 * 저장된 값의 정보 바꿔야함 -> 필터 적용시켜 찾기 위함 [1.필터 만들기 전 사전 작업] 1. MongoDB 수정 [Server] 1. review/Data.js const mongoose = require("mongoose"); const dataSchema = mongoose.Schema( { title: { type: String, }, description: { type: String, maxlength: 50, }, images: { type: Array, default: [], }, season: { //추가..