1차프로젝트 장바구니 페이지를 구현하며 상품의 총 가격을 반영해야하는 일이 생겼다. state로 관리하여 해당하는 상품의 가격을 모두 더해주어도 괜찮지만 reduce 함수를 사용하여 간단하게 처리하기로 해보았다. 선택된 상품의 배열을 reduce함수로 탐색하며 이

사용자 인터페이스를 구축하기 위한 선언적이고 효율적이며 유연한 JavaScript 라이브러리입니다.프론트엔드 개발에서 컴포넌트란 재활용 가능한 UI 구성 단위를 의미합니다. 하나의 컴포넌트로 여러 페이지에서 사용함으로써 페이지 구성이 간결해지며,유지보수하기 용이해집니다

배열 혹은 문자열을 startIndex ~ endIndex 까지 자르며, 원본은 바뀌지 않는다. 인자로 하나의 양수 값만 입력할 시 endIndex값으로 간주하여 자르고, 인자로 하나의 음수 값만 입력할 시 뒤에서 음수값의 갯수만큼 잘라준다.주어진 Index의 앞부분까

nav 검색창에 아이디를 검색하면,해당 문자열을 포함하는 아이디를 화면에 보여준다.

하위에서 상위 요소로의 이벤트 전파 방식을 이벤트 버블링(Event Bubbling)이라고 함아래와 같이 박스 세개가 중첩된 구조를 가질 때 3 depth인, 세 번째 박스를 클릭하면 이벤트 버블링 현상이 일어남으로 three -> two -> one 순서대로 아래에서

댓글 내용 입력 후 Enter press, 혹은 게시 버튼 클릭 시 댓글 추가 기능로그인 상황은 고려하지 않고 댓글 내용이 입력 된 후,Enter press 혹은 게시 버튼 클릭시 내용이 리스트에 추가 될 수 있도록 구현하였다.

id, pw 에 각각 한 글자 이상 써야 로그인 버튼이 활성화 되도록 작업3가지 방법을 고민함.<input> 태그에 onkeyup property를 통한 제어, 함수만 별도 생성input의 문자열 길이를 체크하는 함수(checkInp)를 만들어id와 pw에 각각a