본문 바로가기
반응형

취미 공부67

2024. 06. 17 (월) 8주차 - Daily Coding - Day01 50강사이드 이펙트 Part 1.사이드 이펙트는 일반적인 UI 렌더링 사이클과 다르게 동작한다useEffect 훅을 통해 사이트 이펙트를 컴포넌트 안에서 핸들링이 가능하다 사이드 이펙트 Part 2.- useEffect로 유효성 검사- cleanUp 함수 유효성 검사 (Back / Front 모두 중요한 요소)- 사용자가 input 창에서 어떤 값을 입력했을 때 의도한 규칙에 맞게 들어오는지 여부를 검사하는 것. ex)id : 영문소무자와 숫자로 이루어진 10자 이내PW : 영문 대소문자, 숫자, 특수문자 등Email : xxx@xxx.xx등 유효한 이메일이 맞는지 debounce동일한 이벤트가 반복해서 실행되는 경우 일정 시간 지연 시킨 후 처리한다일정 시간 안에 동일 이벤트가 다시 발생하면 마지막 발.. 2024. 6. 18.
2024. 06. 16 (토) 7주차 - Weekly Coding - Day06 1주간 배운 내용 요약 정리: Day 1: 이벤트,state, inputDay 2: submit 제출, 이미지 관리, 리스트 값 삭제, 추가, keyDay 3: 필터링, 동적인 스타일링, styled-components, CSS ModulesDay 4: Tailwindcss, 디버깅Day 5: 이벤트 버블링, 캡처링, 드롭다운 만들기, 데이터 정렬​2024-06-17부터 2주간 공부를 쉴 예정이다input이 너무 방대해 학습이 제대로 되고 있다는 느낌이 안든다.그동안 배운걸 조금 정리하고 복습하고 익힌 후 다시 공부를 해보려고 한다.회사를 다니면서 공부하는 모든 직장인들은 정말 대단하다. 2024. 6. 16.
2024. 06. 14 (금) 7주차 - Daily Coding - Day05 48강Ref - 참조를 의미- 직접 DOM을 참조할 수 있게 해준다- 상태를 사용하지 않고 DOM의 값들을 조작할 수 있다- Referencing Values with Refs (공식 문서) 4주차 3강(4-3)https://github.com/dev-owen/react-fundamental/tree/practice/4-3 GitHub - dev-owen/react-fundamental: 슈퍼러닝 react 실습 repository슈퍼러닝 react 실습 repository. Contribute to dev-owen/react-fundamental development by creating an account on GitHub.github.com  어떤 값을 기억하고 싶지만 그 값으로 인해 컴포넌트의 렌.. 2024. 6. 14.
(진행 중)_스노우_팀장님 프로젝트_FE 프로젝트 명가계부 프로젝트프로젝트 설명자신이 소비한 항목들을 리스트로 볼 수 있는 가계부 웹 어플리케이션을 만들어 봅시다.요구사항create-react-app 으로 프로젝트를 세팅합니다.다음과 같은 항목들을 form input을 통해 입력을 받습니다.이름 : string가격 : number유형 : string구입 날짜 : date메모 : string체크박스로 체크가 된 경우만 메모 input을 보여주고 값을 받습니다.재구매 의사 : boolean라디오 버튼을 통해 구현입력받은 소비 항목들은 최신 순서대로 리스트로 보여집니다.유형별 필터를 통해 유형에 맞춰 필터링된 리스트를 볼 수 있습니다.정렬 기준을 다음과 같이 가지고 정렬해 줄 수 있습니다.가격 높은 순가격 낮은 순최신 순오래된 순기간을 정해서 해당 .. 2024. 6. 14.
반응형

티스토리툴바