생각기록

axios, post 데이터 인식을 못하는 이유 최상위 모델 설정을 했으면 모듈 내보내기를 해야지 ㅠㅠ https://ddeck.tistory.com/29 [React] DB에서 받아온 데이터 리스트 만들기 - 떽떽대는 개발공부 2021/01/29 - [React] - [React/MySQL] react 에서 MySQL 사용하기 - 떽떽대는 개발공부 [React/MySQL] react 에서 MySQL 사용하기 - 떽떽대는 개발공부 react 에서 db 연결을 하기 위해 mysql 을 다운 받았다. npm i mysql 그 ddeck.tistory.com

리퀘얼 풀 리퀘스트 비포 머징 이거 체크 하지말라고...

( 어떤 어플리케이션의 ) Stroe 정보 저장되는 곳 > 은행 state 실제로 정보가 저장되는 곳 > 금고 getState 리엑트리덕스에 없는 개념이지만, 스테이트를 가져오기 위해 사용하는 것 ( 객체 접근 함수 ) Subscribe ( 순수 리덕스 스테이트 바뀔 땜다 리랜더링 되는 얘 ) render를 등록해? Dispatch State의 값을 바꾸고 싶을때 호출 하는 얘 ( 디스패치가 리듀서라는 함수를 호출 할 때 두개의 값을 보낸다. 첫번째 값이... state(현재), 두번쨰는 action) 변경된 state를 반환해준다. cdn 가져오기 store 만들기 만들때 등록해야 하는 한가지 리듀서라는 함수를 미리 만들어 등록해야 한다. state(현재), 액션 참조해 값을 바꾸고 변경된 스테이트 r..

React App (tetz.org) 선생님 사이트 이걸 통해 무엇을 배우나요!? • 리액트 SPA(Single Page Application) 제작 • Styled-Components 활용 - 글로벌 스타일 적용 - 컴포넌트 디자인 • Redux 활용 기초 세팅 Npx create-react-app mbti-app 필요 모듈을 한큐에 설치 npm i redux react-redux @reduxjs/toolkit styled-components 폴더 구조 세팅 • Redux 활용을 위한 폴더 구조를 만들어 봅시다! Redux 기초 셋팅 src 폴더 최상위 index.js 파일 세팅 Vscode 의 추천 대로 createStore 가 아닌 configureStore 사용! rootReducer 임포트 Pr..

지난시간 더보기 cdl, 모듈을 가져오지 못할땐 패치 사용 추천! (axios 와 둘다 사용할 줄 아는 것을 추천) 컴포넌트 꾸미기 styled components 라이브러리 리액트는 컴포넌트 단위 구성이고, 많아지기 쉽다. css 따로 관리하기 귀찮으니...! 소규모로 하기 좋다. const MyDiv = styled.div` css 동일 문법 ` public 폴더 그냥 쓰면 된다. 단, 직접 웹팩을 쓰거나 리액트 프레임을 cdn으로 불러오면 사용 못함 npx ~create app 만들면 자동 설정이 되어있다. ' / ' 처리하면, 알아서 public 폴더까지 static 처리가 되어 있다. 또 한가지 차이점은 import는 src 폴더 내부까지만 import 가능! ( 보안적 이슈 때문에 막고 있음 ..

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment 구조 분해 할당 - JavaScript | MDN 구조 분해 할당 구문은 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 JavaScript 표현식입니다. developer.mozilla.org 최근에 이거 헷갈려햇다 참고. initState.nextID 만든것임

React Router React 에서 Router 활용하기 지금까지 Router 는 입력받은 주소에 따라 페이지를 변경해주는 역할로 많 이 사용이 되었습니다. React 에서는 컴포넌트별(DOM) 라우팅이 가능합니다! 조건부 렌더링으로 처리가 가능하지만 서비스의 경우 주소에 따른 구분을 해 줘야만 서비스별 구분이 가능하므로 라우팅 기능을 활용이 필요 합니다! 그리고 해당 모듈을 쓰면 페이지 깜박임 없이 부드러운 브라우징 가능 리액트는 컴포넌트가 주 주소에 따라서 보이는 컴포넌트를 변경 할 수 있다. html 파일이 변경된다는 것은 깜빡임 없이 리랜더링으로 부드럽게 여러가지를 표현 가능하다 왼쪽은 파일 변화가 있지만, 오른쪽은 주소가 바뀌어도 파일이 바뀌는게 아닌 그려주는 얘들만 다시 그려주는거고, 새로..

전시간 리뷰 더보기 getElementById , querySelector보다 편함 돔 요소에 ref 선언해서 해당 돔 컨트롤 인풋 태그같은 경우는 value값을 받을 수 있다. 돔을 컨트롤 가능하기 때문에 포커스 이동 / dom 컨트롤로 style 적용도 가능 useRef 변수처럼 활용하는게 좋다. 스테이트는 값이 변경되면 컴포넌트가 리랜더링 된다. 리랜더링 원치 않고, 값을 저장할 때 쓰는게 useRef입니다. 변수는 리랜더링시 값이 초기화 됨 값의 특성을 알고, 상황에 맞게 씁시다 React.Fragment 리액트 특성상 리턴 요소 최상위 부모요소 하나가 존재해야 함 형제요소가 많으면, 리액트가 모르기 때문에 피합니다. 주로 div요소로 썼는데, css 적으로 깨지거나 그런것을 피하기 위해 빈태그를..