분류 전체보기40 React 공부중 React.js 연습하기 1일차. Vue.js 와 다른점이 확연하다. 거의 모든걸 Script 부분에서 JSX 문법을 이용해 사용한다. Vue.js에서는 HTML에서 props 등을 추가해서 훨씬 더 직관적인 느낌이었는데.... 아직까진 뭔가 불편해 보인다. 조금더 깊게 배우면 나아지겠지. 2일차. 해보니까 방식은 Vue랑 비슷한것 같기도..? JSX 문법 배웠다. React.useState() 를 이용해 state값을 변경하는 방법을 배웠다. 컴포넌트를 렌더링하는 방식의 개발방법을 배우고 실습해봤다. 3 & 4일차. module.css useState useEffect => 한번만 실행하고싶은 것들을 지정하는곳 useEffect(한번만실행할코드 or 함수, [변화를감지할 state(dependency .. 2023. 6. 28. Object(객체)에 Type지정 및 Alias 사용법 Object 에서 Type을 지정하는 방법을 알아보자 const playerWoong = { name: 'WoongSeo', age: 29, } 위의 코드에서 playerWoong.name = 321 로 당연히 안바꿔진다. String 으로 추론된 name에 number를 넣으려고 했기 때문에 playerWoong 을 object 라고 TS에게 알려주는 방법은 뭘까?? 1번 : const playerWoong : object = { name: 'WoongSeo', age: 28, } 2번 : const playerWoong : { name: string age: number } = { name: 'WoongSeo', age: 28, } 1번은 저번 글에서 봤던 .. 2023. 6. 18. TypeScript - TypeChecker와 직접 Type을 지정하는 방법 Typescript 에서 Type을 알려주는 방법 let a = "hello" a = "world" //Ok a = 12032 // 이것도 OK 자바스크립트에서는 a의 타입에 상관없이 let a 를 재할당 할 수 있다. 하지만 타입스크립트에서는 TypeChecker 가 있어서 타입을 지정해주면 개발자가 실수 하지 않도록 Type을 확인하고 일치하지 않을 시 오류를 뱉어준다. let a = "helllllo" // 자동으로 string 으로 인식(추론) 한다. a = "everyone" // 이미 string 으로 인식하고있기 때문에 let a를 재할당하는데 문제없 a = 12302 // stirng이 아니기 때문에 typescript 에서 오류를 뱉음 이렇게 타입스크립트에서 어지간한 것들은 추론해서 오류.. 2023. 6. 18. 금주 D+day 만들기 금주 D+day 계산기 2023. 6. 16. 이전 1 2 3 4 5 6 7 8 ··· 10 다음
