분류 전체보기372 [Vite] vite프로젝트 프록시 설정 코드 import { defineConfig } from 'vite' import react from '@vitejs/plugin-react' export default defineConfig({ plugins: [react()], server: { proxy: { '/api': { target: 'http://localhost:3100', changeOrigin: true, rewrite: (path) => path.replace(/^\/api/, '') }, '/stockApi':{ target:'https://opendart.fss.or.kr/api', changeOrigin: true, rewrite: (path) => path.replace(/^\/stockApi/, '') } }, }}) /api로.. 2023. 8. 9. [React] 리액트로 Radio태그 다루기 아래의 코드는 버튼을 클릭시 보여지는 값을 radio의 value로 설정하는 간단한 예제코드이다. 타입 스크립트로 작성되었으며, name으로 radio태그 선택을 설정하지 않고 checked에서 값을 비교하여 사용하였다. checked등 태그의 속성을 저런 방식으로 사용할 수도 있다는 것에 영감을 받아 기록하고자 코드를 남긴다. function InputRadio(){ const [radioVal, setRadioVal] = useState(); let handleClick = (e:React.ChangeEvent)=>{ setRadioVal(e.target.value); } return( 선택된 항목 {radioVal} 1: 2: 3: ) } 2023. 8. 9. [Redux] 리액트 리덕스 상태관리 정리/간단한 예제 리액트 리덕스 상태관리 리덕스에서 상태관리 코드를 작성할 때 리듀서를 작성하게 된다. 리듀서는 디스패치를 호출할 때마다 콜되는 함수이다. 그런데 리듀서 안에서 어떤 것을 실행하게 될까? 보통 리듀서에는 state와 action을 파라미터로 넘기는데, action의 type을 분기로 처리하여 실행할 것을 정하게 된다. (중요한 것은 state에는 초기 한 번은 실행되므로 디폴트 값을 줘야한다.) const counterReducer = (state = 0, action) => { switch (action.type) { case 'INCREMENT': return state + 1; case 'DECREMENT': return state - 1; default: return state; } }; 위의 경우.. 2023. 8. 8. [JS] 화살표 함수로 객체 반환 화살표 함수로 객체 반환 let a = (parameter) => ({a:parameter}) 반환 객체를 괄호로 둘러줘야지 {}가 함수 본문이 아닌 반환 객체로 인식된다. 2023. 8. 8. 이전 1 ··· 8 9 10 11 12 13 14 ··· 93 다음
