분류 전체보기14 [Typescript] utility type utility type 이란? 먼저 어떤 타입이 있고 그걸 내 마음대로 요리하는 것을 유틸리티 타입이라고 한다. 기존 걸 변형해서 새롭게 쓰겠다 라는 의미이다. api로 받아오는 데이터에 대해 타입을 정의 해야 하는데 그걸 하기 위해 그래프 큐엘 코드젠을 적용할 것이다. 이 때, 그래프 큐엘 코드젠의 내용이 유틸리티 타입을 알아야만 해결할 수 있는 것들이 있어서 유틸리티 타입을 먼저 공부하는 것이 좋다. export interface IProfile { name: string; age: number; school: string; hobby?: string; } // 1. Partial 타입 // 모든 타입 물음표 type aaa = Partial; // 2. Required 타입 // 모든 물음표 삭제 .. 2024. 1. 27. [Typescript] Typescript 환경설정 목차 타입스크립트란? 자바스크립트의 타입을 강제시키는 언어이다. 더 안전한 코드를 작성할 수 있게 한다. 타입스크립트는 에디터가 타입을 알려주는 용도이고 실제로 실행될 때는 자바스크립트로 변환된다. (브라우저는 타입스크립트가 뭔지 모른다.) tsx? ts? jsx(react 전용 html)가 있는지 없는지에 따라 확장자가 달라진다. tsx는 jsx가 있는 파일에 쓰는 확장자이다. ts는 jsx가 없는 파일에 쓰는 확장자이다. 타입스크립트 환경설정 1. https://www.typescriptlang.org/download 로 들어가서 아래 코드를 복사한다. yarn add typescript --dev 이때 --dev란? 아래 사진과 같이 실제 실행할 때 필요 없는 부분을 말한다. yarn install.. 2024. 1. 21. [Typescript Error] types.ts 파일 안생김 문제상황 인터넷 강의를 듣던 중 "yarn generate"를 하면 types.ts 파일 생성이 안되는 상황이 벌어졌다. 터미널 창에서 아무리 yarn generate를 해도 ts파일이 생기지 않은 모습이다. codegen.yaml 파일은 이러하였고 package.json 파일은 이러했다. 구글링을 해보고 질문글도 올려 봤으나 해결되지 않았다. 좌측 메뉴탭 윗부분의 새로고침 버튼을 여러번 눌러봐도 마찬가지고 비쥬얼스튜디오코드 에디터를 껐다 다시 켜봐도 마찬가지 였다. 노드모듈즈와 yarn.lock을 지우고 yarn install 이후 package.json 에서 코드젠 관련 된 코드줄 다 지우고 다시 처음부터 하나씩 해봐도 안됐다. 해결 방법 프로젝트 자체를 전체 삭제를 하고 깃허브에서 다시 클론 받아와.. 2023. 12. 10. [React] React.js 란? 목차 React란? - javascript의 라이브러리 사용자 인터페이스 UI를 만들기 위한 자바스크립트 라이브러리입니다. 쉽게 말해, 화면을 만들기 위한 기능들을 모아놓은 것입니다. (라이브러리 : 자주 사용되는 기능들을 정리해 모아놓은 것) 한마디로, 사용자와 웹사이트의 상호작용을 돕는 인터페이스를 만들기 위한 자바스크립트 기능 모음집입니다. 리액트 장점 1. 빠른 업데이트 와 렌더링 속도 2. 컴포넌트 - 재사용성이 높은 컴포넌트 기반 구조 4. meta(구 페이스북)의 든든한 지원 5. 활발한 지식 공유 커뮤니티 6. 리액트 네이티브를 통한 모바일 앱 개발 가능 2023. 6. 3. 이전 1 2 3 4 다음
