본문 바로가기
반응형

전체 글108

jQuery 연습 -20240612 완성. Q. 회원가입 웹페이지에서 '전송하기' 버튼을 클릭 할 시 페이지 리로드 발생하지 않고 ,'회원가입 페이지'에서 입력 한 정보 웹에 띄우기!  HTML   아이디 중복체크 비밀번호 비밀번호 확인 .. 2024. 6. 10.
2024. 06. 08 (토) 6주차 - Weekly Coding - Day06 이번주는 리액트에 전반적인 부분에 대해서 강의를 들었다강의 내용이 점차 심화될 수록 복잡해지고 이해가가지 않기 시작했다..이걸 어떻게 풀어나가야할지 고민이 많이 되는 한주였다...  아래 문제는 이번주 팀장님 문제인데.. 아직도 난 정답을 모르겠다.. 필터링 조건을 연도가 아닌 가격으로 바꾸고 Form Input의 Range 타입을 통해 1~100 사이의 값으로 필터링을 할 수 있게 구현을 해보기  복습을 다시 하고.. 주사위 문제랑 같이 풀어봐야지..진짜 시간이 너무 없다.. 회사를 퇴사하고 공부에만 집중하고 싶다 하.. 2024. 6. 8.
2024. 06. 07 (금) 6주차 - Daily Coding - Day05 34강리스트에 필터 걸기리스트에 상품들을 특정 조건에 따라 필터링 해서 보여주기필러링을 할 때마다 업데이트가 되어야 한다값이 없으면, 없다는 문구를 나타낸다 getFullYear- 년도만 추출할 수 있는 명령어 필터 걸기 방법 1.import React, {useState} from 'react';import ExpenseItem from "./ExpenseItem";import Card from "../UI/Card";import "./Expenses.css";import ExpensesFilter from './ExpensesFilter';const Expenses = (props) => { const [filteredYear, setFilteredYear] = useState('2023'); con.. 2024. 6. 8.
2024. 06. 06 (목) 6주차 - Daily Coding - Day04 32강리스트 렌더링 Part 1.- 리스트를 state 값과 연동하기  1. 추가 const getPaymentFormData = (data) => { console.log('data', data) console.log('expenses', expenses) setExpenses([ { id: Math.random().toString(), title: data.name, amount: data.price, date: new Date(data.today) }, ...expenses ] ); };   2. 삭제  Math.random()0보다 크거나 같고 1보다는 작은 숫자를 추출하는 기능. 삭제 기능1. filter (id 값을 받을 때 유리)co.. 2024. 6. 6.
2024. 06. 05 (수) 6주차 - Daily Coding - Day03 29강- Form 제출하기- Two-way binding(현업에서 많이 쓰이는 개념) Form 제출하기에는 onSubmit(메서드) 이벤트 리스너가 있어서 form의 제출 이벤트를 핸들링하고,이 이벤트를 발생하기 위해서는 이 필요하다. event.preventDefault()해당 event에서 기본적으로 실행되는 로직을 실행되지 않게 하고 싶은 경우즉, 강제로 해당 실행을 막을 때 사용한다고 보면 된다.ex)1. a 태그 클릭 시 href 링크로 이동 => 해당 링크로 이동을 막는다2. form의 submit을 클릭 시 새로 실행이 됨 => submit을 눌러도 아무런 실행이 되지 않게 됨 const buttonSubmitHander = (event_) => {     event.preventDefaul.. 2024. 6. 5.
반응형

티스토리툴바