개발자's Life

1. 쿼리 파라미터를 통한 데이터 전송 - GET 방식 - 주로 정렬 필터(검색어) 2. 메세지 바디를 통한 데이터 전송 - POST, PUT, PATCH - 회원가입, 상품주문, 리소스 등록, 리소스 변경 전송 4가지 상황 정적데이터 조회 - 쿼리 파라미터 미사용 : 보통 쿼리 파라미터 없이 리소스 경로로 단순하게 조회 가능 -> 이미지, 정적 테스트 문서 -> 조회는 GET 사용 동적데이터 조회 - 쿼리 파라미터 사용 -> 주로 검색, 게시판 목록에서 정렬 필터 -> 조회 조건을 줄여주는 필터, 조회 결과를 정렬하는 정렬 조건에 주로 사용 -> 조회는 GET 사용 -> GET 은 쿼리 파라미터 사용해서 데이터를 전달 HTML Form 데이터 전송 : Form 을 Submit 하면 태그 안 Input ..

DataTable 을 이용하여 간단하게 Table 을 만들 수 있다. 백앤드에서 들어오는 데이터는 Json 형태로 다음과 같다 [ {"col1" : "col_1", "col2" : "col_2", "col3" : "col_3", "col1" : "col_4"}, {"col1" : "col__2", "col2" : "col_3", "col3" : "col_4", "col1" : "col_5"}, {"col1" : "col__3", "col2" : "col_4", "col3" : "col_5", "col1" : "col_6"}, {"col1" : "col__4", "col2" : "col_5", "col3" : "col_6", "col1" : "col_7"}, {"col1" : "col__5", "col2"..

(일기형태의 메모장이라 '다' 로 끝납니다.) Slick Grid 플러그인과 Select2 박스를 접목시켜 사용해보았다. 우선 Slick Grid 자체적으로 Select2 박스를 사용할 수 있게 되어 있지만 내가 원하는 형태는 아니였다. 아래 링크는 Slick Grid 자체적으로 Select2 를 이용할 수 있는 데모 및 코드이다. https://6pac.github.io/SlickGrid/examples/example-select2-editor.html SlickGrid example: 'Select2' javascript dropdown editor 6pac.github.io 내가 한 방법에 대해서 순서대로 적어본다.(slickGrid 셋팅은 생략) 1. formatter 를 개별적으로 만든다. fu..

웹 풀스택 개발자로 빽엔드와 프런트앤드를 넘나들며 개발을 진행하고 있다. 오늘은 Javscript 의 fiter 함수와 findIndex 함수에 대해 간략히 적어보자 한다. 우선 업무에 정말 도움이 되었던 녀석들이다. // List-Object 배열 var temp = [ {name:"개똥이", age:3}, {name:"영희", age:14}, {name:"철수", age:15} ] console.log(temp.findIndex(i => i.name == "개똥이")); 위 내용을 콘솔로 찍어보면 0 이 나올것이다. // List-Object 배열 var temp = [ {name:"개똥이", age:3}, {name:"영희", age:14}, {name:"철수", age:15} ] console.l..

오늘은 회사 신규모듈 예산 기능 개발중에 틀 고정 기능이 있으면 좋을 듯 하여 시간은 빠듯하지만 Slick Grid 의 틀 고정 기능을 사용하여 완성하였습니다. 확실히 컬럼이 많은 테이블일 경우 틀 고정 기능은 필수라 생각이 드네요. https://github.com/6pac/SlickGrid/blob/master/examples/example-frozen-columns-and-rows.html#L363 GitHub - 6pac/SlickGrid: A lightning fast JavaScript grid/spreadsheet A lightning fast JavaScript grid/spreadsheet. Contribute to 6pac/SlickGrid development by creating a..

오늘은 현 관리하는 시스템 양식을 다른 시스템으로 양식을 전송하는 기능에 이미지 에디터 기능(Toast UI)을 이용하여 양식에 이미지까지 추가되 전송을 해야했다. 이전 작성 된 코드에는 정상적으로 이미지 기능이 있는 에디터 함수와 이미지 기능을 막아놓은 함수가 있었다. 아마 개발 당시에도 불가능해서 그런건지 시간 소요가 너무 많이 걸려서 그렇게 해놓은건지는 모르겠으나 쉬운 작업은 아니였었을거 같다.. 내가 관리하는 시스템 내부에서만 저장하는 이미지를 관리하는데는 문제가 없는데 Toast UI 이미지 추가하게 되면 img 태그의 src 는 base64 형태로 나오는것이었다. 그렇게 다른 시스템에 에디터 편집 내용을 전송하게 되면 img 태그에는 src가 나오지 않았던 것이다. base64 를 구글링 했을..