🌈일상/대외활동2 [사전 미션] Wanted - React와 다시 시작하는 취업 준비 | 프리온보딩 FE 챌린지 8월 사전 미션아래 영상의 기능과 동일한 기능의 화면을 만들기 사용 프레임워크vite + react 설계1. 검색창에 검색어를 입력하면 입력한 값이 태그의 value값으로 변경돼야 한다.2. 검색창에 검색어가 입력되면 Company 목록을 보여줘야 한다.3. 검색창에 입력한 검색어와 동일한 단어가 굵게 표시돼야 한다. 설계에 대한 구현1. 검색어가 변경되는 경우, 두 컴포넌트(검색창, 회사 목록)에서 검색어를 알아야 한다. > 따라서 최상위 컴포넌트인 App.tsx에서 useState() 함수를 선언하고 각 컴포넌트에 props로 전달해준다. 2. 검색어가 입력되는 경우에만 회사 목록을 보여준다. > 회사 목록 컴포넌트를 검색어가 있는 경우에만 표시되도록 검색어의 length를 체크해서 표시한다.. 🌈일상/대외활동 2024. 7. 26. [세미나] COMMIT - 타입으로 견고하게 다형성으로 유연하게 값의 능력 let msg = "Hello World"; msg.toUpperCase(); let date = new Date(); date.getHours(); 위의 코드에서 보듯 값에는 각자의 능력이 있다. string 타입인 msg는 toUpperCase() 메소드를 호출할 수 있는 능력이 있고 Date 타입인 date는 getHours() 메소드를 호출할 수 있는 능력이 있다. 반대로 msg는 getHours() 메소드를 호출할 수 없고 date는 toUpperCase() 메소드를 사용할 수 없다. 이렇듯 값을 능력에 따라 분류하는 것을 타입(Type)이라고 칭한다. - boolean : true, false - number : -2, 0, 1, 3.14, ... - string : "", "x",.. 🌈일상/대외활동 2024. 1. 22. 이전 1 다음