본문 바로가기

컴퓨터/웹 : JS29

[js]인풋으로 사진 입력받아 띄우기 let file = document.frm.fileInput.files[0] URL.createObjectURL(file) 위 코드를 사용하여 frm라는 이름의 폼 내의 fileInput이라는 인풋 태그의 파일에 접근한다. URL.createOnjectURL은 블롭이나 파일 객체를 URL형식으로 변환해준다. 즉, 두 번째 줄 코드 결과로 나오는 url 값을 img태그의 scr에 넣으면 사진이 나온다! 2023. 8. 18.
[Axios] Axios Early Return 구현/axios 핸들링 import axios from "axios"; export function getCodeByName(name:string){ } export interface dyData{ list:any|null, year:number|null, reprt_code:string|null } async function getDividendYieldByCode(corCode:string):Promise{ //연도를 거슬러가며 사업보고서, 3분기 2분기 1분기 순으로 훑어 유효한 데이터일시 리턴 let result:any[] = []; let ReportCode = ['11011', '11014', '11012', '11013']//사업보고서, 3분기 2분기 1분기 const currentDate = new Date();.. 2023. 8. 9.
[JS] 화살표 함수로 객체 반환 화살표 함수로 객체 반환 let a = (parameter) => ({a:parameter}) 반환 객체를 괄호로 둘러줘야지 {}가 함수 본문이 아닌 반환 객체로 인식된다. 2023. 8. 8.
[JavaScript]Spread/Rest 정리(스프레드와 나머지) Spread와 Rest spread와 rest는 JavaScript에서 배열과 객체를 다룰 때 사용되는 문법이다. 이들은 ES6(ES2015)에서 도입되었으며, 배열이나 객체를 조작하고 전달하는 데 편리한 방법을 제공한다. Spead 문법 Spread 연산자 Spread는 펼치다라는 뜻이다. Spread 연산자를 이용하여 객체, 배열등 반복 가능한 객체를 펼칠 수 있다. Spread 연산자는 기존의 객체에 영향을 끼치지 않는다. 펼친다는 것은? 객체를 펼친다는 것은 개별 요소로 분리할 수 있다는 것을 의미한다. 아래 코드를 확인해보자. 배열 예시 //don't use spread let arr1 = [1, 2, 3]; let arr2 = [arr1, 4, 5, 6]; console.log("스프레드 연산.. 2023. 6. 2.