Happy things are always here! ꔷ̑◡ꔷ̑

Ajax 데이터를 전역으로 사용해야 할 일이 있었는데요, function 1 안에서 Ajax로 가져온 데이터를 function 2 안에서도 업데이트하고 사용해야 했었죠. 그래서 배열을 만들어 전역으로 선언한 다음, 그 배열에 데이터를 넣고 function 2 에서도 사용하려고 했는데요, 초기값은 잘 담기지만 데이터가 달라질 때마다 업데이트가 안됐습니다. 그래서 찾아낸 방법이 바로 async입니다! $.ajax({ type: 'POST', dataType: 'json', url: json_url + 'json/chart/chart.php', async:false, //요부분! false로 바꿔주기 cache:false, data: { }, success: function (data){ } }); async..

getDay() 메소드를 사용해 한글로 요일을 붙여주도록 합시다 ! 우선 getDay()는 0부터 숫자를 반환하는데요, 예를 들어 오늘이 11월 22일 월요일입니다. 그럼 오늘 날짜를 넣었을 때 월요일 즉, 1를 반환하게 되겠죠? (일요일부터 0, 월 1, 화 2 .....) let date = new Date(); let year = date.getFullYear(); //2021 let month = date.getMonth()+1; //11 let day = date.getDate(); //22 let today = year + '-' + month + '-' + day; //2021-11-22 //오늘 날짜 담아주기 (YYYY-MM-DD 형식) var week = ['일', '월', '화', '수..

자바스크립트로 오늘 날짜와 현재 시간을 띄우고 시간의 흐름에 따라 자동으로 변경되도록 만들어보겠습니다. 1. 오늘 날짜 보여주기 (YYYY-MM-DD 형식으로) 2. 오전 or 오후 띄우기 3. 현재 시간 보여주기 (HH-MM 형식으로) 4. 오후 시간을 한 자리 수부터 보여주기 (13시가 아닌 01시로) 5. 시간이 지나면 자동으로 날짜, 시간 바꿔주기 이 5가지 동작이 들어가야 합니다. 아래에서 코드 확인할 수 있습니다. function showDateTime(){ let date = new Date(); let year = date.getFullYear(); let month = date.getMonth()+1; let day = date.getDate(); let hour = date.getHou..

스트립트로 문자열이나 숫자를 밀어 넣을 때 띄어쓰기 처리를 해야 할 때가 있는데 가 안 먹힐 때가 있습니다. 그럴 땐 당황하지 말고, 유니코드 문자열인 '\u00A0' 을 넣어주시면 해결이 됩니다. var date = '11월 11일' $("#text").text('오늘은' + '\u00A0' + date + '입니다.') //오늘은 11월 11일입니다.

현재 진행 중인 프로젝트에서 데이터가 담긴 배열을 n개씩 잘라 2차원 배열로 만들어야 하는 일이 생겼습니다. slice라는 배열 관련 메소드를 사용하면 되는데요, 코드는 아래를 참조하시면 됩니다. var arr = [1,2,3,4,5,6,7,8,9] //1차원 배열 var new_arr = []; //2차원 배열로 만들어 담을 새로운 배열 생성 //3개씩 끊어 이중 배열로 만드려면 for(var i = 0; i

자바스크립트 숫자와 관련된 내장 함수들에 대해 정리해보겠습니다. Math.ceil 올림 Math.floor 내림 Math.round 반올림 let num = 12.678; let ceil = Math.ceil(num) //올림 13 let floor = Math.floor(num) //내림 12 let round = Math.round(num) //반올림 13 Math 함수 이외에 유용하게 쓰이는 함수는 toFixed() 입니다. 예를 들어 12.34566767879와 같이 많은 소수점을 달고 있는 숫자가 있는데, 소수점 2번째 자리까지 보여주고 싶다면 이렇게 사용하시면 됩니다. let num = 12.34566767879; num.toFixed(1) //12.3 num.toFixed(2) //12.34..