프로그래밍 삽질 중

* 인프런의 "따라하며 배우는 노드, 리액트 시리즈 - 기본 강의" 내용 중 정리따라하며 배우는 노드, 리액트 시리즈 - 기본 강의"따라하며 배우는 노드, 리액트 시리즈 - 기본 강의 1. proxy - 언제 사용? react와 node.js의 서버가 다를 경우(한 쪽은 3000, 한 쪽은 5000 사용 시) (1) client 내 package.json에 'http-proxy-middleware" 설치 (2) client 내 src 폴더에 setupProxy.js 만들기, 아래 내용 추가 const { createProxyMiddleware } = require("http-proxy-middleware"); module.exports = function (app) { app.use( "/api", cr..

* 유료 강의이므로 코드의 모든 내용을 올리진 않음 * 개인적으로 중요하다고 생각되는 부분만 올릴 예정(주로 function 부분) * 당연하지만 강의코드와 작성자의 코드는 순서는 비슷하나 이름 등이 다름 [참고한 사이트] react state, props 사용법 https://velopert.com/921 css https://velog.io/@anrun/CSS-%EC%9C%84%EC%B9%98-%EC%A7%80%EC%A0%95%ED%95%98%EA%B8%B0position-float-inline-block-hyk5xn5nql [복습 결과물] (1) [ 날씨 기준 ]⭐0 밑 날씨 정보 map을 이용하기(array에 있는 내용들을 불러온 것) (2) 오늘의 날씨 버튼 열고 닫기, 날씨 변경하기(랜덤은 아..

* 유료 강의이므로 코드의 모든 내용을 올리진 않음 * 개인적으로 중요하다고 생각되는 부분만 올릴 예정(주로 function 부분) * 당연하지만 강의코드와 작성자의 코드는 순서는 비슷하나 이름 등이 다름 [참고한 사이트] 1. css(이미지 정렬) https://velog.io/@devzunky/wecode-5%EC%9D%BC%EC%B0%A8-TIL-div%EC%9A%94%EC%86%8C-3%EA%B0%9C-%EB%82%98%EB%9E%80%ED%9E%88-%EC%A0%95%EB%A0%AC%ED%95%98%EA%B8%B0-i6k1bw0n8v 1-1 리액트로 이미지 추가 https://webisfree.com/2019-12-12/[react]-img-%ED%83%9C%EA%B7%B8%EC%9D%98-%E..