![]()
https://velog.io/@ahsy92/JavaScript-FileList%EB%8A%94-%EB%B0%B0%EC%97%B4%EC%9D%B4-%EC%95%84%EB%8B%88%EB%8B%A4 이벤트 객체의 FileList는 배열이 아닌 file 객체를 여러개를 담고 있는 유사배열 객체(Array-like)이다. 위처럼 이벤트 핸들러에서 input엘리먼트의 .files로 FileList 배열객체를 참조할 수 있다. 그렇기 때문에 .files[0]접근이나 .length는 사용가능하나, 배열이 아니기 때문에 map, filter, foreach 등을 사용할 수 없는 것이다. 라고 하신다. 일단 나는 FileList를 사용하여 여러장을 올려볼 생각이다. 타입으로도 가능할 것 같긴 하다.. ㅋㅋ.. 일단 F..
![]()
에러 상황 해석 : 얘가 null 일 수도 있어 바보야 (..? ㅋ) 해결방법 1번 es5 사용법 : 널리쉬 ? 변수?속성명 -> 만약 변수가 null이면 -> undefine로 변경 만약 변수가 null이 아니면 -> 속성명이 실행됨 2번 (변수 as any) 3번 if(변수 != null) { 실행문 }
![]()
폴더 : types // 자바의 모델 클래스와 유사 // 인터페이스 역할 : 속성에 자료형을 미리 지정하는것. // => 목적 : 각 속성에 자료형(type) 를 강제하는 것 export default interface IEmp { eno?: any | null, ename: string, job: string, manager: number | string, hiredate: string, salary: number | string, commission: any | null, dno: number | string } service 나 page 등 다양하게 쓰임 service 예제 import http from "../utils/http-common"; import IEmp from "../types/IE..
![]()
타입 추론 모든 변수에 자료형을 지정하지 않아도 값으로 추론하는 기능을 부여 타입(자료형) 단언 컴퓨터는 알수 없으나 개발자는 확실히 그 변수의 자료형을 확신하면 사용 가능 사용법 변수 as 자료형 예시 (가정) : 개발자가 isNumber가 true 이면 무조건 val 값은 정수가 된다고 확신할때 변수의 초기값 : 생략가능 예시 let num : number = 10; 자료형 생략 가능 기본값이 있는 매개변수 : 생략 가능 예시 function 함수명 (매개변수1 : number , 매개변수2 : number = 0) : number { return 값 } 자료형 생략 가능 리턴자료형 : 함수에서는 생략이 가능 예시 function function 함수명 (매개변수 : number ) : number ..
![]()
enum 열거형 특징 1) 상수를 대체해서 사용한다. 2) 자동으로 1씩 증가한다. 3) 값을 직접 지정도 가능하다. 사용법 enum enum명 { 속성1, 속성2, ... } 예시 에러 type 별명 붙이기 (네... 별명...) 사용법 type 별명 = 자료형 | 자료형2 ... let 변수명 : 별명 = 값 특징 같은 형태의 자료형을 쓸 때 편리할것 같다. 예시
![]()
readonly 읽기 전용 : 값 수정 불가 예시) 튜플 (tuple) 정해진 자료형의 고정된 크기의 배열 예시 let 변수명 : [ 자료형1 , 자료형2 ...] = [ 값1, 값2 ... ] 1) 자료형의 순서가 맞지 않거나 2) 값이 고정된 크기를 벗어나면 에러
![]()
함수 const 함수명 = (매개변수 : 매개변수의 자료형) : 리턴자료형 => {} 예시 1번 문제) 이정도는 알것 같다 다만 2번 문제) 요런 얘들이 문제인데 이벤트는 자료형이 너무~ 많기 때문에 매번 함수를 정의 할때마다 바뀔 것 같다 ㅋㅋ.. 따라서 onChange에 마우스를 갖다 대어서 추천 자료형을 가져오면 좋다 다만 지금의 event의 자료형은 React.ChageEvent의 자료형 안에 있기 때문에 Handler를 빼야한다는 점을 유의하자 다른 부분보단 함수 부분이 조금 그런것 같다 ㅎㅎ...
유니온 여러 자료형을 참고하게 할수 있다. let 변수명 : 자료형(type) | 자료형2(type2) ... 예제) let num : number | string = 1 let num2 : number | string = "안녕"
![]()
배열 let 변수 : Array = [값] 객체 자료형 ★ 객체는 자료형을 개발자가 따로 정의해서 사용한다. 일반 let 변수명 : 객체 자료형(밑의 IObject) = { 속성 : 값 } useState 함수 let [변수명 , set변수명] = useState({속성 : 값} ) 객체 배열 일반 let 변수명 : Array = [{ 속성:값 },{ 속성:값 } ... ] usestate 함수 let [변수명 , set변수명] = useState>([ {속성 : 값} , {속성 : 값} ]) ★ 사용자 정의 객체 자료형 types 폴더 - IObject.ts 파일 export 관례 : types 폴더에 하나씩만 쓰도록! 왜냐면 가독서이 떨어진다 pages 폴더 - B..
![]()
기본 자료형 String : 문자열 number : 숫자 (정수,실수 모두 포함) boolean : 논리 (참/거짓) 일반 변수 정의 let 변수명 : 자료형 = 초기값 바인딩 변수 let [변수명 , set변수명] = useState(초기값)
자바스크립트의 특징 장점 코딩이 간략 / 코딩 생산성 증가 단점 js는 type(자료형)을 정의하지 않고 자유롭게 변수의 값을 넣어 코딩함 따라서 코딩시 에러를 잡지못하고 서비스때 심각한 에러가 발생함 TypeScript 자바스크립트에 자료형을 명시해서 코딩하게 해주는 js의 확장언어 회사 마이크로소프트(깃허브 , vscode , typescript , 윈도우 등) 프로젝트 생성 명령어 npx create-react-app 프로젝트명 --template typescript
