멋쟁이사자처럼후기 javascript 프론트엔드 HTML css React GIT 순수 함수와 부수 효과 비동기 자바스크립트 루프(loop) 모달 다이얼로그 React.JS 반응형 웹 CLI NPM 캡쳐 이벤트 리스너 상태 유지와 key 에러 바운더리 포커스 트랩 참조 객체 전달 포털(차원 이동) 폼 라이브러리 활용 입력 컨트롤 폼(Form) 컨트롤 사용자 정의 훅 함수 useCallback 훅 useMemo 훅 클래스 컴포넌트의 Ref 리액트에서 DOM 참조 다루기 DOM 참조(Ref) 값 참조(Ref) 리액트 훅의 규칙 안전하게 HTML 렌더링 엄격 모드로 문제 검토 useEffect 훅 컴포넌트 부수 효과 관리 컴포넌트 라이프사이클 가상 DOM의 작동 방식 배열 상태 관리 제어 vs. 비제어 인풋 이벤트 핸들링 상태를 끌어올려 공유 함수형 컴포넌트의 상태 리액트 훅의 등장과 변화 상태가 있는 컴포넌트 상태가 없는 컴포넌트 리액트 프로젝트 템플릿 구성 리액트 빌드 환경 구성 바닐라 리액트의 한계 선언적 vs. 명령형 프로그래밍 리액트 JSX 구문 확장 리액트 라이브러리 API 탄생과 발전사 Vanilla 프로젝트 회고 request/response 고유 식별자(id) xss & sanitize 폼 필드 이벤트 javascript로 폼 필드 선택 폼(form) 핸들링 텍스트 & 콘텐츠 조작 dom에서 요소(들) 추가 및 제거 text 및 html 변경 목적에 맞는 함수 설계 변수 재할당 피하기 상태 변경 줄이기 범위(scope) 관리 자바스크립트 모범 사례 명령형 vs. 선언적 코드 암묵적 객체 반환 객체 속성 순환 배열 리듀싱 유용한 배열 메서드 나머지 매개변수와 전개 구문 함수의 빠른 반환 논리 연산자 식 3항 연산자 식 애니메이션 디버깅 컨트롤 & 콜백 스태거 이징 gsap 시작하기 javascript 애니메이션 css 트랜지션 이벤트 리스너 제거 이벤트 전파 방지 이벤트 트리거 시퀀스 이벤트 기본 작동 방지 이벤트 청취 대상 dom 탐색(traversal) 요소의 크기 위치 정보 속성 설정 읽기 제거 빌트인 커스텀 속성 js로 css 스타일 설정 및 읽기 요소 선택하기 노드 vs. 요소 여러 요소 선택 foreach 루프 오프 캔버스 ui 컴포넌트(구성 요소) 콜백과 비동기 코드 class 속성 값 변경 dom 요소 선택 bom & dom null & undefined 부정 연산자 화살표 함수 표현식 반환문 함수의 선언 및 사용 ui프로젝트회고 tailwindcss vite 멀티 컬럼 레이아웃 grid 레이아웃 폼 디자인 플렉시블 레이아웃 컴포넌트 스타일링 멀티컬럼 레이아웃 폼 스타일링 테이블 스타일링 플로팅 레이아웃 포지셔닝 레이아웃 배경 스타일링 리스트 스타일링 상속과 겹침 유저 인터렉션 속성 인터렉티브 요소 스크립팅 요소 폼 관련 요소 복잡한 상태 관리 컴포넌트 렌더링 개발자 도구 활용 데이터 세트 리액트 프래그먼트 리액트 라이브러리 checked 속성 향상된 객체 리터럴 우선순위 규칙 배열 메서드 리액트의 특징 fetch API 박스 모델 구조 분해 할당 이벤트 위임 웹 애니메이션 배열(Array) 리액트 컴포넌트 템플릿 리터럴 단방향 데이터 흐름 tailwind 데이터 가져오기 css 애니메이션 WAI-ARIA 이벤트 전파 객체 비교 이벤트 루프 vscode 기본 매개변수 호이스팅 switch 문 키프레임 애니메이션 미디어 쿼리 선택자 TMI node.js 표현식 transition Var 타임아웃 세미콜론 CSS 기초 콜백 인터벌 조건문 디버깅 자료형 JSON 타임라인 FLEX 변수 객체 트랜스폼 타이포그래피 코멘트 마스크 Promise ajax 애니메이션 이벤트