React

input 태그 안에 onChange라는 이벤트는 input에 입력한 값이 바뀔 떄마다 발생여기에 inputValue라는 함수를 설정했고 코드는 다음과 같다onChange 이벤트가 발생하면 inputValue함수가 실행되고 setState로 state에 설정해 놓은 K

이번 1차 프로젝트로 왓챠피디아 홈페이지를 선택했다. 메인 페이지의 중복되는 레이아웃을 component 단위로 나누고 React 라이브러리인 slick을 사용하여 슬라이드를 구현하였다. 또한 내가 직접 버튼을 커스텀 하였다 처음에는 적용하는 방법을 찾느라 시간이

"service_providers": \["warcha", "netflix"] 의 유무에 따라 해당 ottBadge의 생성 및 레이아웃을 설정해 보았습니다.클래스 네임을 함수를 사용해서 넣어 줬다.Mockdata를 통해 "service_providers": \["war

1.컴포넌트 재사용 적용(props로 관리하기)

Pagination이란? 서버의 데이터가 많은 경우 화면에 모두 보여줄 때 일정 이벤트를 통해 부분적으로 보여지는 것을 의미한다.이번 2차 프로젝트에 적용한 스크롤 이벤트를 활용한 Pagination을 기록하면서 앞으로도 유용하게 사용해야겠다.initialData -

보통 fetch 함수를 통해 서버와 송수신을 할 때 첫번째 인자로 해당 서버의 IP 주소를 입력하게 된다.이 때 이곳저곳에서 사용한다면 IP주소가 변경 될 때 마다 해당 파일을 수정해야되고 팀 단위로 프로젝트를 진행할 경우 팀원들의 IP주소도 변경해야되는 불합리가 생기

옵셔널 체이닝(optional chaining) ?.을 사용하면 프로퍼티가 없는 중첩 객체를 에러 없이 안전하게 접근할 수 있습니다.중첨 객체의 특정 프로퍼티에 접근하기 위해서 보통 AND연산자를 통해 실제 해당 객체 프로퍼티가 있는지 확인하여 사용 했었는데 AND 연