프로그래밍(Web)/Javascript(TS,Node)

    페이징 예제 코드

    JS // 페이징 함수 function pagination() { // 시작 페이지 let start_page = 1; // 페이지 별 보여줄 게시물 수. let req_num_row = 5; // 테이블의 각 행을 선택하여 변수 tr에 저장 let tr = $('.board tr'); // 총 행의 개수를 변수 total_num_row에 저장 let total_num_row = tr.length; // 전체 페이지 수 계산 let num_pages = Math.ceil(total_num_row / req_num_row); // 이전 버튼 추가 if (num_pages > 0) { $('.pagination').append('Previous'); } // 페이지 버튼 추가 i는 페이지 버튼에 보여질 숫자..

    [바미] React, Go(Gin) axios 통신 예제 코드.

    React import axios from "axios"; const api = axios.create({ baseURL: "http://localhost:3000", // headers: { "Content-Type": "application/json" }, withCredentials: true, }); export const getData = async () => { await api .get("data") .then((response) => { if (response.ok) { return response.json(); } console.log(response.data); }) .catch((error) => { console.log(error); }); }; function App() { con..

    [바미] 댓글 추가, 수정, 삭제 샘플코드

    게시판을 작성하다가 댓글 기능이 필요해서 인터넷을 검색했는데 검색이 잘 안되서 참고할 샘플을 찾다 유용하게 사용하고 있어 공유해봅니다. 글 수정 글 삭제 제목: 댓글 테스트 작성자: 허스크 게시글 내용 이름: 패스워드: 댓글 등록 게시판 출처 : https://huskdoll.tistory.com/126

    [바미] Node - Mysql2

    Node에서 Mysql쿼리를 사용하다보면 다중 쿼리가 필요할 때가 많이 있습니다. 물론 SQL문 함수로 다중쿼리를 처리하는 방법도 있지만 오늘은 Node의 Mysql2을 사용하여 다중쿼리 처리하는 방법에 대해 알아보도록 하겠습니다. Mysql2을 써보지 않은 분들은 'Mysql'은 아는데 'Mysql2'는 뭐야? 하실 겁니다. MySQL과 MySQL2의 차이점은 promise에 있습니다. mysql은 callback기반이기 때문에 promise를 사용하지 못하고 npm에 있는 promise-mysql 모듈을 따로 설치해서 사용해야하지만 mysql2는 promise를 지원하기 때문에 다른 모듈을 설치하지 않고 사용이 가능합니다. 그래서 promise는 pending, fullfilled, rejected ..

    [바미] JS ajax에서 success한 result값 return하기

    $(document).ready(function() { // 검색결과 값 가져오기. let data_result = search_data(); }) function search_data() { var success_data = ""; $.ajax({ url : 'any URL', // 통신하려는 URL type : "POST", async: false, data : { param1 : param1, // url과 함께 보내줄 값 적어주시면 됩니다. param2 : param2, }, success : function(result) { if (result) { // data 전달 success_data = result; } else { console.log("Not Result"); } }, error :..

    [바미] 간단하게 Array, String 포맷 바꾸기.

    안녕하세요. 오늘은 splice(), split()을 사용하여 Array, String의 포맷을 바꾸는 방법을 예제로 알려드리려 합니다. 먼저 아래와 같은 형태의 Array에서 양쪽 대괄호만 없앤 형태인 'DE', 'PL', 'BD', 'SE', 'CE', 'WEB' 으로 변경할 때 사용하는 예제입니다. var arr =['DE', 'PL', 'BD', 'SE', 'CE', 'WEB']; "'" + arr.join("', '") + "'"; 두 번째로 String 형태의 데이터가 ','나 '-', '/'과 같이 특정 문자로 나뉘어져 있는 부분을 다른 형태로 나눌 때 사용하는 예제입니다. var str = "a,b,c" var changedstr = str.split(',').join('ㆍ'); // ch..

    [바미] JavaScript Object 중복 없애기

    let dataarr = []; var memberData = new Object(); memberData.model = "K5"; memberData.brand = "Kia"; memberData.price = 3000; dataarr.push(memberData); memberData = new Object(); memberData.model = "K3"; memberData.brand = "Kia"; memberData.price = 1000; dataarr.push(memberData); memberData = new Object(); memberData.model = "K7"; memberData.brand = "Kia"; memberData.price = 4500; dataarr.push(me..

    [바미] JavaScript GMT 값만 뽑아오기.

    GMT 값을 뽑아와 "+HH:MM" 형태로 만들기 위해 사용한 방법입니다. let today = new Date(); // Fri Mar 04 2022 11:13:37 GMT+0900 (한국 표준시) let format = today.toString().substring(28, 34); // +0900 이 상태에서 "+09:00" 형식으로 만들어 주려면 +09와00사이에 ":"를 넣어주면 됩니다. let formatGMT = format.slice(0,3) + ':' + format.slice(3,5); // '+09:00' 이렇게요. 추가적으로 today.toString().substring(시작점, 끝점) 만 사용하시면 원하시는 부분을 잘라 사용하실 수 있습니다.