-
📕 javascript - async awaitjavascript 2023. 9. 15. 15:14
📍 async 와 await javascript의 비동기 처리 패턴중 제일 최근의 문법으로 기존의 비동기 처리 방식인 콜백 함수와 프로미스의 단점을 보완하고 가독성 높은 코드를 지원 📍 async & await 기본 문법 async function 함수명() { await 비동기처리 메서드명(); } 함수의 내부 로직중 HTTP 통신을 하는 비동기 처리 코드 앞에 await를 붙인다. 여기서 주의해야 할 점은 비동기 처리 메서드가 꼭 프로미스 객체를 반환해야 await가 정상 동작한다. 📍 example function mainExcel() { return new Promise(function(resolve, reject){ $.ajax({ url: '/', type: "GET", data: postda..
-
📕 javascript numberFormat 타임리프에서 사용하기javascript 2023. 9. 15. 14:46
REST API 방식으로 게시글 리스트를 불러오는 중 출력 정보 중에서 가격을 출력할 때 숫자 포멧으로 콤마가 찍혀있는게 보기 좋을 것 같아서 추가 했다. 📑 기존 소스 list.forEach(row => { html += ` ${row.writer} / ${row.publish_com} ${row.title} ${row.price} `; }) 기존에는 list 배열을 받아와서 forEach를 돌면서 html 에 원소를 그대로 넣어서 출력했다. 📑 변경 후 소스 list.forEach(row => { let num = new Intl.NumberFormat('en-US').format(row.price); html += ` ${row.writer} / ${row.publish_com} ${row.titl..
-
Javascript - javascript의 함수와 메소드javascript 2021. 1. 11. 23:02
1.함수 function a () { } var exam = [ function(input) { return input + 5; }, function(input) { return input / 4; }, function(input) { return input * 3; }, ] -함수는 값이 될 수 있다. -함수는 값이기 때문에 다른 함수의 인자(매개변수)로 전달 될 수 있다. -값을 저장하는 컨테이너인 배열에도 함수를 저장할 수 있다. (함수는 값이 될 수 있기 때문) 2.메소드 function a () { } a = { b:function() { } } -a의 변수(객체) 안에 정의된 b라는 함수는 메소드라고 부른다. *이 포스팅의 모든 지식은 인프런 자바스크립트 언어 기본을 통해 배운 내용입니다.