# typescript
Express Request 새로운 object 확장
Express를 활용하여 server 프로그램을 만들다보면 세션관리와 같은 일에서 미드웨어로 처리하고 Request에 새로운 Object값을 추가로 넣어줘야하는 경우가 발생합니다.아래의 방법을 순차적으로 따른다.전달하고자하는 자료형을 미리 정의해준다.(경로는 자유롭게
TypeScript - (5) TypeScript & Styled components
스타일컴포넌트(https://styled-components.com/docs/api여기에 theme를 정의를 하고, styled.d.ts안의 속성들은 동일해야 한다.기존 스타일컴포넌트로 테마를 적용해주는 것과 동일하다.
TypeScript - (4) Form
리액트와 타입스크립트의 도움을 이용해 form을 구현할 것이다.React.FormEvent<HTMLInputElement>을 작성해줌으로써, 타입스크립트는 이 함수가 InputElement에 의해서 실행될 것을 알게 된다.모두 이벤트가 작동되는 엘리먼트를 의미한다
typescript enum 을 union으로 변경하기
개발하다보면 위와 같은 union 타입이 종종 필요하다. 하지만 위와 같은 작성 방식이면 가짓수가 많아질때 가독성이 떨어진다.그래서 아래와 같이 enum을 사용했었다.하지만 enum 을 사용할때는 tree shacking의 문제가 생긴다.또 나중에 코드상에서 사용할때에
TypeScript - (3)TypeScript와 States
const \[count, setCount] = useState(1);일때 타입스크립트는 따로 변수에 대한 타입을 지정해주지 않아도 state의 default value를 통해 타입을 유추해낸다.그래서 string타입을 넣으려고 하면 타입스크립트가 오류를 보여준다.co
TypeScript - (2)Interface & Optinal props
어떻게 컴포넌트가 필요로 하는 props를 타입스크립트에게 설명할 수 있는지를 배운다.그렇게 되면, 코드 실행 전 타입스크립트가 오류를 알려주게 된다.interface는 object를 설명해주는 역활이다.interface 안에다가 타입스크립트에게 object shape
nodejs에 token 적용하기 - 2. 미들웨어 설정하기
이번에는 아까 만든 토큰을 통해 사용자를 식별하는 걸 해 보자.아래 웹사이트들을 참고했다.How to Build an Authentication API with JWT Token in Node.jsMarkdown-Archive/jwt-guide(2).md at mast
Typescript type assestion 에 대해
오늘 Next.jS & TypeScript 공부를 하던 중에 난관에 봉착했다.사용하고 있는 Lirbrary는 특정 함수의 반환값을 아래처럼 내려주고 있다.실제 코드에서 필요한건, data 부분인데 이미 파일 안에 구조를 모두 정해놓았기 때문에, data에 대한 정보를
nodejs에 token 적용하기 - 1. 회원가입, 로그인 (with typescript)
3-layer 아키텍처를 적용한 버전이다.아래 웹사이트를 참고했다.How to Build an Authentication API with JWT Token in Node.jsREST API 설계 문서는 다음과 같다(물론 일부다).회원가입 및 로그인 시 토큰을 보내주는
typescript express sequelize 연결하기
참고: NodeJS Express Typescript로 Sequelize환경구축 Nest.js 도 있지만 프로젝트 완성까지 남은 시간 관계상 Nest는 시도하지 않았다. 언젠간 Nest도 다뤄보고 싶다. 위의 블로그 글을 참고하면서 작성했다. 그런데 나는 mig
TS) 타입스크립트(TypeScript) 입문 (1)
타입스크립트는 자바스크립트에 타입을 부여한 언어이며 자바스크립트의 확장된 언어라고 볼 수 있다.크게 두 가지가 있다.에러의 사전 방지😎숨겨진 내용😎
[Ts] useCallback 함수 props로 넘겨주기
TS를 이용해서 개발을 하다 보면 컴포넌트에 함수를 넘겨줄 일이 종종 생긴다.예제와 같이 버튼을 내보내는 컴포넌트를 가정 했을 때 useCallback으로 넘겨준 parameter가 존재하는 함수의 경우 다음과 같이 사용하면 된다.
Getting Started Using Create React App
ex sudo npm install -g n 7.24.0image.pngOpen termanal control + \`npm inpm run buildnpm run startCheck running command on packgage.json before start p
리덕스 with 타입스크립트
비동기 함수 getPostById()는 axios 객체를 이용해 API 요청을 받아오고 있다.JS와 달리 타입스크립트에서 API 요청을 할 때에는 request와 response에 대한 타입을 따로 정의해야 한다.리덕스의 보일러 플레이트 코드를 더욱 간편하게 작성할 수
TypeScript - (1)사용이유 및 기본 사용법
Typescript는 Javascript를 기반으로 한 프로그래밍 언어이다.Typescript는 strongly-typed 언어이기 때문에 프로그램이 작동하기 전에 작성한 코드 안의 데이터 타입에 대한 오류 여부를 알려준다.JavaScript자바스크립트는 오류가 있어도