본문 바로가기
반응형

Generic3

[React] 함수형(function, arrow) 컴포넌트에서 generic 사용하기 React에서 함수형 컴포넌트를 작성하는 방법은 두 가지가 있습니다. 첫 번째는 function 을 사용하여서 나타내는 방식이고 두 번째는 ECMA6 에 추가된 화살표 함수를 사용하는 방식입니다. 각각의 방식에서 generic을 어떻게 선언해야 하는지 알아보겠습니다. 1. function 키워드를 사용한 경우 interface Props { value: T } function App(prorps: Props) { return App } export default App 2. Arrow function을 사용하는 경우 interface Props { value: T } const App = (props: Props) => { return App; } export default App 이와 같은 방식으로 g.. 2022. 7. 25.
[CSS] Font property font-family does not have generic default 해결 [문제점] 커스텀 폰트를 사용하고 텍스트에 font-family로 설정을 해주었더니 webstorm에서 아래와 같은 경고가 나왔다. @font-face { font-family: "galmuri"; src: url('/fonts/Galmuri11.ttf'); } .text { font-family: galmuri; } Font property font-family does not have generic default [해결 방법] 우선 webstorm에서 나온 경고이기 때문에 커스텀 폰트만 제대로 적용을 했다면 웹은 정상적으로 보일 것이다. 정상작동을 하는데도 경고를 한 이유는 네트워크 오류 등 커스텀 폰트를 불러오지 못했을 때를 대비하라는 의미이다. 따라서 그 대용 폰트를 지정해주면 경고는 사라진다. .. 2022. 2. 23.
[Flutter] DropdownButton A value of type 'Object?' can't be assigned to a variable of type 'String'. 오류 [문제점] 플러터에 DropdownButton을 구글검색으로 나온 것과 같이 구현하는데 오류가 발생하였다. 오류가 난 코드는 아래와 같다. class DropdownEaxampleState extends State { final List _valueList = ['month', 'two weeks', 'week']; String _selectedValue = 'week'; @override Widget build(BuildContext context) { return DropdownButton( value: _selectedValue, items: _valueList.map((value) { return DropdownMenuItem( value: value, child: Text(value), ); }.. 2022. 1. 5.
반응형