우주먼지 개발 log

오늘도 쉽지않군.. TIL TypeScript React 에서 쓰기 함수의 input, output에 type 쓰는 기본부터, 객체 배열 type 까지 원장님 추가 세션에서 받아적은 것 정리했다 !! [TypeScript] React 에서 사용하기 2 지난 포스팅에서 설치만했으니까 이제 사용하는 방법!! 스파르타 내배캠 프론트엔드과정 원장님 추가세션 수업들은 내용 정리 ^.^ 1. typescript 문법을 쓰지 않아도 컴파일러가 추론해서 에러를 잡 developer.happymunzi.com 그 다음은 props랑 children, eventHandler type 주는법 예정... 그 다음은 redux 사용하는 법.. 와.. 어렵다 ^.^ 이러다가 숙제 1level props-drilling 인채로 제..

React 숙련주차 개인과제 해설 참고 https://www.youtube.com/watch?v=i0kLshFoaeM 1. GlobalStyle 만들기 with styled-components GlobalStyle.js import {createGlobalStyle } from "styled-components"; const GlobalStyle = createGlobalStyle` `; export defualt GlobalStyle; 2. reset Styles 을 복사해 넣어요 구글에 reset Styles 검색해보면 나오는 걸 사용하면 된다. import { createGlobalStyle } from "styled-components"; const GlobalStyle = createGlobal..

지난 포스팅에서 설치만했으니까 이제 사용하는 방법!! 스파르타 내배캠 프론트엔드과정 원장님 추가세션 수업들은 내용 정리 ^.^ 1. typescript 문법을 쓰지 않아도 컴파일러가 추론해서 에러를 잡아준다. javascript 로 작성해보고 오류를 잡아나가면서 수정해 보자. 아래 두 문장은 javascript에서는 가능하지만 typescript에서는 에러를 발생시켜 준다. 첫 문장에서 a는 number 타입으로 정해졌기 때문에. const a = 1; a = "hell"; // 에러 발생 2. useState hook 추가해보기 아래 useState 구문에서 타입을 정해주지 않아도 컴파일러가 추론해서 number는 number 타입이구나 라고 알고 있다. const [number, setNumber] ..

오늘도 화이팅! TIL Animation css 공부하기 따로 작성하였다~ [css] 애니메이션 @keyframes React App 처음 생성했을 때 이미지가 돌아가는 것에 대해 생각해 본적이 없었는데, 이제야 갑자기 궁금해져서 얘 gif 인가? 했는데 아니었다. css를 통한 애니메이션 효과였던 것이다. ㅇ0ㅇ 팀플 후 developer.happymunzi.com TypeScript React에서 사용하기 이것도 따로 작성하였다~ [TIL] 23/12/12 TypeScript 문법 종합반 : Start 오늘도 화이팅! TIL TypeScript 요약 = > javascript는 웹페이지에 동적인 효과를 주기 위해 만들어진 스크립트 언어인데 -> 발전하여 성능을 높이고자 구글에서 v8 엔진을 크롬 브라..

1. CRA 만들기 with TypeScript yarn create react-app --template typescript 2. type debugging에 유용한 vscode extension 3. useState에서 typeScript 사용해보기 generic을 사용한다. const [counter, setCounter] = useState();