반응형

타입스크립트 4

[next.js] 심심풀이 진행 중...

아아... 시간이 없습니다... 젠장. ㅠㅠ 개발하기에는 솔직히 템플레이트로 제작하는 것이 제일 좋지만, 그런데 돈쓰기엔 아까우니 그냥 개인적으로 개발하는 여차저차 typescript 적용해서 만드는 프로젝트가 있습니다. head, footer 완성. home 진행 중인데, 가장 첫 탭인 react-slider 적용해서 완성... 약간 비율도 안맞고, 헤더의 경우 로고와 링크 주소를 고쳐야하는 것이 있지만 기본틀은 잡혀있다. 진행해야할 페이지 로그인, 회원가입, 로그아웃, 메인페이지(홈) 상품 리스트 상품 페이지 장바구니 결제페이지 인데...언제 하니 ㅠㅠ

코딩/Next.js 2022.09.14

[타입스크립트] 내용 정리

interface는 한마디로 객체를 정리하는것이다. 타입스크립트는 정적 검사기로 코드를 실행하지 않고 오류를 처리하는 것이다. 그러기 위해서 컴퓨터도 이것을 제대로 알아야 하는데, 이를 위해서 입력값이나 반환값을 컴퓨터도 알아야 한다. 그래서 해당 내용을 interface를 통해 입력값을 정해주는 것이다. const user = { name: "Hayes", id: 0, }; // 요렇게도 가능하지만 그냥 보통 interface User { name: string; id: number; } // 인터페이스 명확하게 쓴다. const user: User = { name: "Hayes", id: 0, }; 물론 클래스도 적용이 가능하다. interface User { name: string; id: numb..

코딩/typeScript 2021.08.30

[타입스크립트] error : Cannot use JSX unless the '--jsx' flag is provided

//tsconfig.json "compilerOptions": { jsx: "react-jsx" } "react-jsx" 부분에 에러가 생겨 아래와 같은 문제가 발생한다. react-jsx를 react로 변경하면 잠시 에러가 잡히지만, 다시 vs코드를 실행하면 자동으로 react-jsx로 바뀌며 에러 발생 npm list -g typescript 로 버전을 체크 없는 경우 npm install -g typescript 로 설치 vscode의 경우 //settings.json "typescript.tsdk": "{global_npm_path}/typescript/lib" global_npm_path 주소는 터미널에서 npm root -g 로 위치를 파악한다.

코딩/typeScript 2021.08.25

[RN]리액트 네이티브-Today I'm Learned (4)"카운터"

- 오늘 학습한 내용. 타입스크립트를 적용하여 리액트 네이티브를 통해서 만들어보았다. 코드의 내용은 간단하다. 그러나, 타입스크립트를 적용하는 것도 해봤지만 내가 직접 짤 수 있는 능력은 늘어나고 있는 것인가? 그리고 작동에러가 너무 많다. 상대경로에서는 작동이 잘되는데, 절대경로에서 왜인지 에러가 너무 잦다. 못 찾아서 일일히 상대로 잡아서 바꾸어주었다. youtu.be/wQ0L7w54RTY - 소감 이건 완전 버그와의 싸움이다. 절대 경로했다고 에러가 뜨는데 node창을 보면서 원인 파악을 해야한다. 그래도 expo보단 편해서 좀 낫다고 생각한다. ++ RN의 절대경로 문제는 5장에서 해결했다.

코딩/React Native 2020.11.30
728x90