| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | ||||
| 4 | 5 | 6 | 7 | 8 | 9 | 10 |
| 11 | 12 | 13 | 14 | 15 | 16 | 17 |
| 18 | 19 | 20 | 21 | 22 | 23 | 24 |
| 25 | 26 | 27 | 28 | 29 | 30 | 31 |
- 큐넷
- 타입스크립트
- React
- Front-End
- 웹개발자
- spring
- TypeScript
- 프론트엔드
- Redux
- spring boot security
- frontend
- JWT
- 자바스크립트
- It
- Authentication
- VUE
- spring boot
- security
- 백엔드개발자
- 정보처리기사
- 리액트
- JS
- 수제비
- 백엔드
- TS
- useState
- Node.js
- 정보처리기사 실기
- JavaScript
- 스프링부트
- Today
- Total
목록프론트엔드 (18)
솔적솔적
코드를 짤 때 애매한 타입은 단번에 에러 잡아내주시는 이 타입스크립트에는 Narrowing 과 Never 타입이 있는데, Narrowing은 애매한 타입에서 Narrowing : "조건문으로 하나만 타입지정해" 여기 이거, typeOf 써. 라고했지만 typeOf연산자로는 할 수 없는 상황들이 있다. 그럴 땐 어떻게 해야할까? | typeOf 연산자말고 && 아까말한 애매한 상황이라는 것은 null | undefined 로 타입을 체크하는 경우이다. 이럴 때 &&를 사용한다면 function 함수(x :string | undefined){ // 만약 x가 undefined면 이렇게 실행하라 // 만약 x가 null이면 이렇게 실행하라 //if문을 2개 써야하는데 //이런 방법도 있다. &&를 사용해서 여..
안녕하세요, 오늘은 rest parameter / destructuring에 대한 간단한 개념설명과 타입스크립트에서 타입지정하는 방법을 알아보려함다 rest parameter 간단 개념, 타입지정 destructuring 간단 개념, 타입지정 | rest parameter란? 함수를 쓸 때 함수 (1,2,3,4,.... ) -> 몇개의 파라미터가 올지 모르는 경우가 있을 때 몇개의 파라미터가 들어올지 모를때파라미터를 무한히 지정하는 것이아니라 ...a 이런 식으로 지정하는 것. rest parameter이다. 파라미터 몇십몇만 들어올 수 있는 rest parameter. function 함수(...x){ } 함수(1,2,3,6,8,7,6) 근데, 이 rest 파라미터를 사용할 경우 다른 파라미터와 같이 ..
type 키워드를 이용해서 타입변수를 생성할 수 있었지만 interface로도 interface 키워드도 변수 생성이 가능합니다. type키워드를 이용한 변수 생성 type person = { name : string , age : number} let 솔 : person - { name : 'park', age : 12} interface키워드를 이용한 변수생성 interface person = {name : string , age : number} let 솔 : person = {name :'park', age : 12} 엥 똑같은데 인터페이스를 왜 써? extends가 가능하기 때문이다. interface person { name :string age : number } interface anima..
안녕하세요, 오늘은 지금까지 배웠던 리액트를 기반으로 프로젝트를 하나 개인 연습으로 생성하여 프로토타입을 기반으로 홈페이지 구조와 기능들을 만들어 보려고합니다. 자, 차근히 진행하도록 하겠습니다. 1. 프로젝트 생성 새로운 파일하나를 만들고 1) Ctrl + shift + ` 를 눌러 npx create-react-app test(원하는 파일명으로 설치) 2) npm 대신에 쓸 수 있는 소프트웨어, yarn 을 구글에 검색 yarn https://classic.yarnpkg.com/lang/en/docs/install/#windows-stable Yarn Fast, reliable, and secure dependency management. classic.yarnpkg.com 노란 현광색으로 표시된..