| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
- googleColaboratory
- 타자 게임 만들기
- spring-boot
- 따라하며 배우는 노드 리액트 기본 강의
- props
- Python
- vs code 내 node
- 거북이 대포 게임
- node.js 설치
- 웹 게임을 만들며 배우는 리액트
- 자바스크립트
- intellij
- intllij 내 Bean을 찾지 못해서 발생하는 오류
- 리액트
- You are importing createRoot from "react-dom" which is not supported. You should instead import it from "react-dom/client"
- Do it 자바스크립트 + 제이쿼리 입문
- ReactDOM.render is no longer supported in React 18. Use createRoot instead
- 노드에 리액트 추가하기
- react
- Concurrently
- 인프런
- Spring-Framework
- 모던자바스크립트
- 모두의 파이썬
- 계산맞추기 게임
- JS 개념
- Colaboratory 글자 깨짐
- DB Browser
- react오류
- node.js로 로그인하기
- Today
- Total
목록전체 글 (248)
프로그래밍 삽질 중
React로 이미지 올리기
* '따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기' 강의 참고 * react -> node.js로 이미지 올리기 * 오류 1 : handler assigned value but never used - react에서 파일을 올릴 때 axios가 포함된 파일 내 handler가 인식되지 않음 - 이미지 올릴 때 react-dropzone 사용함 * 해결책 - Dropzone 사용 시 onDrop={}에 제대로 Handler가 있는지 확인 - onDrop 내 console.log()가 Handler를 읽어오는데 방해될 수 있으므로 제거 //수정 전 function testUpload() { const Handler = (files) => { //config //axios 포함 } return..
React로 option 값 넣고 변경하기
* '따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기' 강의 참고 * 서울 ~ 울산광역시가 포함된 option 기능 react로 만들기 * 결과물 - 확인 위에 부분만 참고할 것 해당 코드 import React, { useState } from "react"; import { Button, Form, Input } from "antd"; const { TextArea } = Input; const Metropolitans = [ { key: 1, value: "서울특별시" }, { key: 2, value: "부산광역시" }, { key: 3, value: "전주광역시" }, { key: 4, value: "대구광역시" }, { key: 5, value: "인천광역시" }, { key: ..
[인프런 강의]리액트 무비앱 시리즈5 - MovieDetail(2)
* 인프런 '따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기' 내용 정리 * The Moive DB API 이용 (사이트 : https://www.themoviedb.org/) * The Moive DB API 관련 설명 - 영어(사이트 : https://developers.themoviedb.org/3/getting-started/images) * 회원가입/로그인/인증한 페이지에 이 부분 넣을 예정 (정리한 글 : https://ba-gotocode131.tistory.com/category/%EA%B0%9C%EC%9D%B8%EA%B3%B5%EB%B6%80/%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8) [API 이용해서 MovieDetail에 정보 넣기] 1. Movi..
[인프런 강의]리액트 무비앱 시리즈4 - MovieDetail(1)
* 인프런 '따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기' 내용 정리 * The Moive DB API 이용 (사이트 : https://www.themoviedb.org/) * The Moive DB API 관련 설명 - 영어(사이트 : https://developers.themoviedb.org/3/getting-started/images) * 회원가입/로그인/인증한 페이지에 이 부분 넣을 예정 (정리한 글 : https://ba-gotocode131.tistory.com/category/%EA%B0%9C%EC%9D%B8%EA%B3%B5%EB%B6%80/%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8) [API 이용해서 MovieDetail에 정보 넣기] 1. Land..
* 인프런 '따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기' 내용 정리 * The Moive DB API 이용 (사이트 : https://www.themoviedb.org/) * The Moive DB API 관련 설명 - 영어(사이트 : https://developers.themoviedb.org/3/getting-started/images) * 회원가입/로그인/인증한 페이지에 이 부분 넣을 예정 (정리한 글 : https://ba-gotocode131.tistory.com/category/%EA%B0%9C%EC%9D%B8%EA%B3%B5%EB%B6%80/%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8) [API 이용해서 LandingPage에 [Load More] 버튼..
[인프런 강의]리액트 무비앱 시리즈2 - LandingPage(2)
* 인프런 '따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기' 내용 정리 * The Moive DB API 이용 (사이트 : https://www.themoviedb.org/) * The Moive DB API 관련 설명 - 영어(사이트 : https://developers.themoviedb.org/3/getting-started/images) * 회원가입/로그인/인증한 페이지에 이 부분 넣을 예정 (정리한 글 : https://ba-gotocode131.tistory.com/category/%EA%B0%9C%EC%9D%B8%EA%B3%B5%EB%B6%80/%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8) * antd 적용하기 : client/src/index.js에 im..
[인프런 강의]리액트 무비앱 시리즈1 - LandingPage(1)
* 인프런 '따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기' 내용 정리 * The Moive DB API 이용 (사이트 : https://www.themoviedb.org/) * The Moive DB API 관련 설명 - 영어(사이트 : https://developers.themoviedb.org/3/getting-started/images) * 회원가입/로그인/인증한 페이지에 이 부분 넣을 예정 (정리한 글 : https://ba-gotocode131.tistory.com/category/%EA%B0%9C%EC%9D%B8%EA%B3%B5%EB%B6%80/%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8) [API 이용해서 LandingPage에 정보 넣기] 1. Movi..
프로젝트 수정 8 - node.js로만 구성된 프로젝트에 리액트 추가(클라이언트 항목 : 인증하기)
* 현재 진행상황 - 프로젝트에 CRUD만 만든 상황 - fetch로 로그인 했으나 auth로 로그인 및 react로 로그인 화면을 만드는 것이 중요하다고 판단 - node.js 화면단을 ejs로 만들었으나 react에서 js로 만들 예정 - 참고 강의 : 따라하면서 배우는 노드, 리액트(로그인 부분) * 프론트부분에서 인증이 필요한 부분 - 로그인 시 로그인 페이지/회원가입 페이지로 이동 못하게 하기 -> 가려고 하면 기본페이지(LandingPage)로 이동할 것 [인증 부분 만들기 - client 부분] 1. hoc/auth.js에서 인증 부분 만들기 2. hoc/auth.js에서 console.log(response)로 확인한 부분들로 조건문 만들기 3. _actions/_reducer에서 auth..