
💥 스니펫(Snippet)vscode는 반복적으로 입력해야하는 정보에 대해 Snippet을 지원한다.하단 [환경설정] - 사용자 코드 조각(snippets) - typescriptreact.jsontypescriptreact.json에 스니펫을 등록하고 특정 키워드를 입력해서 입력을 바로 할 수 있다.typescriptreact 처럼 확장자에 대응하는 json 파일들이 존재한다. 근데 json 파일들에 직접 내용을 넣으려면 이렇게 코드가 복잡해지고 개행문자도 따로 파싱해야한다.그래서 스니펫을 쉽게 만들어주는 Snippet Generator 를 써보려고 한다. 💥 스니펫 등록Home이 들어가야하는 부분을 멀티셀렉트 한 후, $1을 입력한다.멀티셀렉트는 Home 부분을 더블 클릭 후, 바꾸고 싶은 만큼..

💥 장바구니 화면 구현하기- 장바구니 목록 요구사항 1) 사용자가 장바구니에 담은 내역 확인 2) 선택한 도서 아이템의 수량과 가격 합계를 표시 3) 장바구니 담은 도서 아이템을 삭제 4) 각 도서 아이템을 선택하여 주문서 작성 1. Cart.tsximport { 생략 }function Cart() { const { showAlert, showConfirm } = useAlert() const navigate = useNavigate() const { carts, deleteCartItem, isEmpty } = useCart() const [checkedItems, setCheckedItems] = useState([]) const handleCheckItem..