div.log('Code Trail')

리액트 프로젝트를 진행하다보면 여러 상태를 선언하고 사용하게 된다.TS를 활용한다면 이런 상태에 대한 타입까지 명확하게 정의해 관리할 수 있다. useState 활용 시 타입 지정 : 제네릭 타입// App.jsx// useState 활용 시 타입 지정type WeatherType={[key: string]: string[]}// 날씨 정보 초기값const weatherInfoInit: WeatherType={ T1H:[], RN1:[], SKY:[],}function App(){ // 날씨 정보를 관리할 상태 선언 const [weatherInfo, setWeatherInfo]=useState(weatherInfoInit);}export default App; 날씨의 정보를 ..

더보기 그동안 포스팅 업로드가 뜸했는데 미루고 있던 TypeScript 프로젝트를 진행중이었다.3월까지 진행했던 MINI 중고차 홈페이지 제작은 입문용 프로젝트였던 만큼 시행착오가 많았지만 그만큼 리액트 활용법이나 웹 개발의 전반적인 프로세스에 대한 이해도를 올릴 수 있었던 것에 의미를 두고 있다.물론 여전히 보완할 점이 계속해서 보이지만 우선순위에서는 잠시 미뤄두었다. 새로운 프로젝트 : 해변 날씨 예보 기능 구현이번 프로젝트를 시작하기 전에 몇 가지 규칙을 정했다.DB는 사용하지 말 것공공 API를 활용해볼 것any 타입을 사용하지 말 것이전에 게시판을 구현해본 결과, DB를 활용한 프로젝트는 비용 문제도 있고 포트폴리오 방향성에 혼동을 줄 수 있을 듯 하여 우선은 배제하였다.그래서 이번엔 개발자라면..