728x90 반응형 프론트엔드3 [TIL] 11/5 프론트엔드 심화2 - 몰랐던 부분 정리 1. useState 상태 변경 함수의 타입 정의 isFormOpen, setIsFormOpen 을 props 를 이용해 다른 컴포넌트로 보내어 사용해야 하는 상황에서는 props 의 타입을 정해줘야 한다. const [isFormOpen, setIsFormOpen] = useState(false);import React, { FC } from 'react'import { FiPlusCircle } from 'react-icons/fi'type TFormProps = { isFormOpen: boolean, setIsFormOpen: React.Dispatch>}const SideForm: FC = ({isFormOpen, setIsFormOpen}) => { return ( /.. 2024. 11. 5. [React.js] 3주차 - React.js 입문(1) 1. React 컴포넌트리액트에서는 HTML 태그를 반환하는 함수를 컴포넌트라고 하며, 보통 함수의 이름을 따서 부른다. 컴포넌트는 함수 선언식이나 화살표 함수를 사용해 만들 수 있다. 컴포넌트를 만들 때 컴포넌트 이름의 첫글자는 꼭 대문자로 적어줘야 하는데, 그렇지 않으면 리액트 내부적으로 컴포넌트로 인식하지 않기 때문이다. // 함수 선언식function Header() { return ( header );}// 화살표 함수const Header = () => { return ( header );} 2. JSX (JavaScript Extensions) 리액트는 jsx 즉, 확장된 자바스크립트의 문법을 사용하기 때문에 자바스크립트에서는 불가능.. 2024. 10. 14. [TIL] 8/20 웹(Web), 인터넷, 클라이언트-서버, 프론트엔드, 백엔드 웹 (Web) 1. 웹의 이해 인터넷 != 웹 인터넷 (Internet)Internet Network 의 약자로, 전 세계의 모든 컴퓨터를 하나의 통신망 안에서 연결한다는 의미를 가지고 있다. 웹 (Web)월드 와이드 웹 (World Wide Web) 이 사실 풀네임인터넷에 연결된 컴퓨터를 통해 사람들이 정보를 공유할 수 있는 공간을 말한다. 웹의 시작?-> 1980년대 스위스의 한 유럽 입자 물리 연구소의 컴퓨터과학자 팀 버너스-리에 의해 탄생한다. 연구원들 간의 신속한 정보 교환을 위해 고안되었다고 한다. (참고로 페이스북의 탄생 배경도 비슷한데, 마크주커버거는 옆 연구실 친구와 대화하기 위해 만든 것이 페이스북이라고 한다. ) 웹의 특징?정보를 공유하기 위한 것하이퍼텍스트를 따라 이동하면서 .. 2024. 8. 20. 이전 1 다음 728x90 반응형
