취미 공부

37강CSS 스타일링 part2.- CSS-in-JS 방식은 자바스크립트에서 CSS를 작성하는 방식이다- CSS-in-JS 방식은 CSS를 컴포넌트 레벨로 추상화  해서 관리할 수 있다- styled-components는 리액트 컴포넌트 스타일링을 위해 CSS를 JS로 쓸 수 있게 만든 가장 많이 쓰이는 도구 중 하나이다 CSS 스타일링 part3.- CSS Module은 일반적인 CSS 사용 방식과 비슷하나, CSS 클래스 명을 중첩되지 않게 사용할 수 있다- 동적으로 CSS Module을 사용하고 싶을 땐 string className 처럼 사용할 수 있다.- CSS Modules 유니크한 클래스명을 만들어 줌 (자동으로!)[filename]\_[classname]\_\_[hash] style.css..

Q. 회원가입 웹페이지에서 '전송하기' 버튼을 클릭 할 시 페이지 리로드 발생하지 않고 ,'회원가입 페이지'에서 입력 한 정보 웹에 띄우기!  HTML   아이디 중복체크 비밀번호 비밀번호 확인 ..

이번주는 리액트에 전반적인 부분에 대해서 강의를 들었다강의 내용이 점차 심화될 수록 복잡해지고 이해가가지 않기 시작했다..이걸 어떻게 풀어나가야할지 고민이 많이 되는 한주였다...  아래 문제는 이번주 팀장님 문제인데.. 아직도 난 정답을 모르겠다.. 필터링 조건을 연도가 아닌 가격으로 바꾸고 Form Input의 Range 타입을 통해 1~100 사이의 값으로 필터링을 할 수 있게 구현을 해보기  복습을 다시 하고.. 주사위 문제랑 같이 풀어봐야지..진짜 시간이 너무 없다.. 회사를 퇴사하고 공부에만 집중하고 싶다 하..

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..