FormData HTML5의 태그로 input 값을 서버에 전송하는 것처럼 자바스크립트에서 폼 데이터를 다루는 객체. 자바스크립트에서 다룰 일은 거의 없지만, 이미지 같은 멀티미디어 파일을 페이지 전환 없이 폼 데이터를 비동기로 제출하고 싶을때나 자바스크립트로 좀 더 타이트하게 폼 데이터를 관리하려고 할때 이용한다. 폼 객체에 key와 value 값을 차례로 추가해주는 것이 input 태그에 값을 입력하는 것 같은 효과를 가진다. 중요한 점은 값이 무조건 문자열로 자동 변환 됨으로 객체나 배열같은 복잡한 데이터는 넣을 수 없다는 점이다. 도움받은 글들 https://inpa.tistory.com/entry/JS-%F0%9F%93%9A-FormData-%EC%A0%95%EB%A6%AC-fetch-api 🌐..
study
지금 하는 프로젝트에서 .env로 환경변수를 사용하려고 했는데 오류가 발생했다. >> uncaught referenceerror: process is not defined
맥북에서 yarn 설치하기 brew 로 설치방법 brew install yarn --ignore-dependencies #node가 있다면 brew install yarn # node 가 없다면 npm 으로 설치방법 npm install --global yarn yarn 최신버전 업데이트 yarn self-update yarn 버전 확인 yarn -v 패키지 설치 yarn install
TS Enum(열거형) 특정 값의 집합을 정의할때 사용. 숫자형과 문자형을 지원한다. enum Color { Red, Green, Blue, } 숫자형 Enum 열거형(Enum)은 디폴트 값으로 숫자형을 사용함. 각 값은 자동으로 0부터 시작해 1씩 증가한다. 또는 수동으로 값을 지정할수도 있다. enum Color { Red = 1, Green = 2, Blue = 5, } 열거형의 값에 대해 산술 연산도 가능하다. 열거형은 일반적으로 상수값을 대신하여 사용되므로, TS에서는 열거형이 많이 사용된다. 사용시 코드의 가독성이 더욱 높아지고 오타 등의 실수를 방지할 수 있다. enum Color { Red = 1, Green = 2, Blue = 4, } let c: Color = Color.Green; ..
타입스크립트 타입스크립트 프로젝트 환경 세팅 프로젝트 폴더 생성 mkdir 폴더명 cd 폴더명 npm init -y 로 새 프로젝트 초기화 npm i typescript --save-dev 로 타입스크립트 설치 프로젝트 루트 디렉토리에 tsconfig.json 파일 생성 { "compilerOptions": { "target": "ES6", "module": "CommonJS", "sourceMap": true, "outDir": "./dist" }, "include": ["src/**/*"] } src 폴더 밑에 typescript 파일 작성 가능! Typescript ESLint와 Prettier 설정 타입스크립트는 2020년까지만 tslint를 지원하고 이후부터는 typescript-eslint를 ..
* 노마드코더 Typescript로 블록체인 만들기 강의 듣고 필기한 내용 타입스크립트의 타입 추론 // 타입 추론 let a = "hello" // let a : string a = "bye" // OK => string -> string a = 1 // Error => string -> number // 타입 설정(Type Checker) let b:boolean = "x" // Error => boolean -> string 명시적 표현은 최소한으로 하는 것을 추천. 시간을 아낄 수 있음. 하지만 값이 비어있다면(빈 배열 등) 명시적으로 타입을 설정해주는 것을 추천. 타입스크립트의 타입 // number, string, boolean // :type 형태로 작성 // 변수 생성시 항상 반드시 타입을..
문제 설명 정수 배열 arr와 자연수 k가 주어집니다. 만약 k가 홀수라면 arr의 모든 원소에 k를 곱하고, k가 짝수라면 arr의 모든 원소에 k를 더합니다. 이러한 변환을 마친 후의 arr를 return 하는 solution 함수를 완성해 주세요. 제한사항 1 ≤ arr의 길이 ≤ 1,000,000 1 ≤ arr의 원소의 값 ≤ 100 1 ≤ k ≤ 100 입출력 예 arr k result [1, 2, 3, 100, 99, 98] 3 [3, 6, 9, 300, 297, 294] [1, 2, 3, 100, 99, 98] 2 [3, 4, 5, 102, 101, 100] 입출력 예 설명 입출력 예 #1 주어진 k인 3은 홀수이므로, 전체 배열에 3을 곱합니다. 따라서 [3, 6, 9, 300, 297, ..
문제 설명 실수 flo가 매개 변수로 주어질 때, flo의 정수 부분을 return하도록 solution 함수를 완성해주세요. 제한사항 0 ≤ flo ≤ 100 입출력 예 flo result 1.42 1 69.32 69 입출력 예 설명 입출력 예 #1 1.42의 정수 부분은 1입니다. 입출력 예 #2 69.32의 정수 부분은 69입니다. function solution(flo) { return Math.trunc(flo) } javascript에서 정수만 가져오기 Math.trunc() : 주어진 값의 소수부분을 제거하고 숫자의 정수부분을 반환 Math.floor() : 주어진 숫자와 같거나 작은 정수 중에서 가장 큰 수를 반환 https://school.programmers.co.kr/learn/cou..
** 유튜브 코딩앙마님 강의 보고 배운 내용을 정리한 글 https://www.youtube.com/playlist?list=PLZKTXPmaJk8KhKQ_BILr1JKCJbR0EGlx0 TypeScript 강좌 www.youtube.com 함수 함수 타입 정의 // 함수 타입 정의 // number 값을 리턴하기때문에 number function add(num1:number, num2:number):number { return num1 + num2; // console.log(num1+num2); 19; } 매개변수 // ? : 옵셔널 파라미터. 선택적 매개변수. function hello(name?:string):string { return `Hello, ${name || "world"}`; // 매..
** 유튜브 코딩앙마님 강의 보고 배운 내용을 정리한 글 https://www.youtube.com/playlist?list=PLZKTXPmaJk8KhKQ_BILr1JKCJbR0EGlx0 TypeScript 강좌 www.youtube.com 기본 타입 let car:string = 'bmw'; // 문자열 타입. // 타입을 선언하지 않아도 문자열임을 알고 있긴 함(=타입 추론) // 숫자 타입 let age:number = 30; // 불리언 타입 let isAdult:boolean = true; // 배열 - 숫자로 이루어짐 let a:number[] = [1,2,3]; let a:Array = [1,2,3]; // 배열 - 문자로 이루어짐 let week1:string[] = ['a', 'b', '..
