전체 글62 React - Hook (State, Effect) React 에서 Hook 이란?함수형 컴포넌트에서 사용되는 state와 관련된 기술들을 모아서 일컫는 말임 대표적으로 useEffect() , useState() 가 있음 Hook은 함수컴포넌트에서 React State 와 생명주기 기능을 연동 할수 있게 해주는 함수임Hook 은 class 안에서 동작하지 않음 단 class 없이 React 를 사용할수 있게 해주는 것임 React Hooks에서 구독(subscription)과 클린업(cleanup)은 부수 효과(side effect) 관리를 위한 핵심 개념임 구독(subsciption) 이란?외부 데이터 소스 연결 : WebSocket, 실시간 DB, 이벤트 리스너 등 지속적인 연결이 필요한 경우장기 실행 작업 관리: 타이머(setInterval), 애.. 2025. 2. 2. React - Side Effect Side Effect 란?함수 내에서 구현한것이 함수 외부에 영향을 끼치는 경우 해당하는 함수는 Side Effect 가 있다고 이야기 함React 에서는 컴포넌트내에서 fetch 를 사용해 API 정보를 가져오거나 이벤트를 활용해 DOM 을 직접 조작할때 Side Effect 가 발생했다고 말함 순수함수란? ( Pure Function )오직 함수의 입력만이 함수의 결과에 영향을 주는 함수함수의 입력이 아닌 다른 값이 함수의 결과에 영향을 주는것은 순수함수라고 부를수 없음순수 함수는 입력으로 전달된 값을 수정하지 않음순수함수에는 Side Effect 가 일어나지 않음즉 순수함수의 특징은 어떠한 전달 인자가 주어지는 경우 항상 똑같은 값이 리턴됨을 보장함(예측 가능한 함수임) 함수의 불변성( Immuta.. 2025. 2. 1. 타입스크립트 - 인터페이스 type Score = 'A'|'B'|'C'|'F';interface User { name : string, age : number, gender? : string, // ? = 선택적 [grade:number] : Score, // 학년 다양하게 넣을수 있음 또한 타입 위에서 지정한것만 사용가능 readonly birthDate : number // 읽기 전용 한번 넣은 값 수정 불가능}let user : User = { name : 'user1', age : 30, gender : 'female', birthDate : 1995}console.log(user)------------------//출력값[LOG]: { "name": "user1", "age.. 2025. 1. 22. 타입스크립트 - 기본 타입 자바스크립트 = 동적인 언어런타임에 타입 결정 / 이때 오류 발견됨사용자가 오류를 고스란히 받을수 있음자바/타입스크립트 = 정적인 언어컴파일 타임에 타입 결정 / 이때 오류 발견됨![타입의 종류]anynumberstringArray | number[]Array | string []튜플 : Tuple => [ string, number ]void => 아무것도 반환하지 않는 타입(함수)function SayHello() : void { console.log("hello! world");};never => 항상 오류만 반환하거나 영원히 끝나지 않는 타입(함수)//항상 오류 반환function showError() : never { throws new Error();};//무한루프function.. 2025. 1. 22. 이전 1 2 3 4 5 6 ··· 16 다음
