checked={checkLists.includes(cart.id) ? true : false}체크 박스가 선택 구현은 include를 이용하는 것이다. checkbodx는 boolen 타입이라 true, false 만 받는다. 따라서 cart.id 가 check
const convertPrice = (price) => { return price.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, ","); };
쇼핑몰 만들기 중 동일 품목에서 장바구니를 2번 눌렀을 때 수량만 올라가야 하는데,객체가 아래 사진과 같이 2개가 생성된다. 이럴 때에 객체가 2개만 생성되어야 하는데 같은 아이디 값이 2 인 것이 2개가 생겼다. 이를 막기 위해 아래와 같이 코딩한다.
→ Open in Slid타입스크립트 image타입스크립트 image타입스크립트 image타입스크립트 image타입스크립트 image타입스크립트 image타입스크립트 imageStars 컴포넌트에 return 타입은 따로 명시하지 않았는데 React.FC 타입에서 함수
→ Open in SlidVSCODE 단축키 image함수를 보고 싶을때 함수명에 커서대고 F12 누른다. VSCODE 단축키 image한 화면에서 다른 곳에 있는 함수를 보고 싶으면 alt + F12 누른다.VSCODE 단축키 imageHTML 에서도 할 수
→ Open in Slid실용 Redux image 실용 Redux image실용 Redux image실용 Redux image실용 Redux image\* 일단 Redux를 사용하기 위해서는 createStore 로 store를 만든다.실용 Redux imag
→ Open in SlidRedux image Redux imageRedux image Redux image Redux image Redux imageRedux imageRedux imageRedux image Redux images
→ Open in SlidCustom Hooks image Custom Hooks image Custom Hooks image Custom Hooks image Custom Hooks image Custom Hooks image
→ Open in SliduseReducer image useReducer image useReducer image useReducer image useReducer image useReducer imageuseReducer imag
useEffect (()=> { console.log('sumeFunction 이 변경 되었습니다.')},someFunction);useEffect 를 사용하여 console 값이 1번 만 나오는 줄 알았는데, 버튼을 누르면 someFunction으로 가고 여기에
p>useRef 에서는 Ref 올려 버튼을 계속 눌러도 카운터가 올라가지 않는다. 왜냐하면 useRef는 랜더링이 되지 않기 때문에 숫자는 계속 올라가고는 있으나 랜더링이 안되기 때문에 화면에 숫자는 올라가지를 않는다. 그대신 State 올려를 눌렀을 때 State
const location = { country : isKorea ? '한국','외국',},useEffect(()=>{ console.log('useEffect 호출');},location);(17:04)(17:35)(17:55)(19:48) 위의 location
Input 을 이용해 배열의 정보를 찾는 것제가 하려는 것은 예약이 되있는 지 확인하는 코딩입니다.input 창에 폰 번호를 입력하면 이미 배열로 되어 있는 숫자와 비교하여 중복 되는 것이 있는지 아닌지 찾는 것입니다.제가 코딩한 주요 핵심은처음에는 .onChange
병원에 가려고 예약을 하려고 합니다.예약이 가능한 일자를 선택하여, 예약을 진행하려고 합니다. 노쇼 방지를 위한 설계를 합니다.styled-componentsreact-domreact-router-domprettiermodala tagmedia quarylocalSto
useState(\[]) 안에 각 가로를 꼭 넣어서 초기화 해야 한다!!!.JSON 파일은 array 이기 때문에 되게 해야 하기 때문에 의 이름인 feeds를 불러냈고 feeds? 를 쓰는 것은 랜더링시 true 일 경우 map을 실행하기 위함이다.
오디오를 녹음하고, 재생하는 등 오디오 파일을 관리하는 프로그램을 개발합니다.구현 중 라이브러리 및 오디오 태그 사용 최소화합니다. (CSS 관련 라이브러리는 제외)화면 별 컴포넌트 분리합니다. (그 이상 분리해도 문제 없음)UI는 자유롭게 개발합니다.추가적인 기능 개
json = JSON.stringify(rabbit);console.log(json)json = JSON.stringify(rabbit,'name','color','size');console.log(json)원하는 것만 뽑아서 json에 넣을 수 있다. json = J