전체 글 (24) 썸네일형 리스트형 개발일기 [Django, JQuery] 금일은 클라이언트 측에서 TAB형식의 브라우저 화면을 원한다고 해서 여러가지 라이브러리를 찾아보다가 결국 마땅한 모듈이 존재하지 않길래 직접 만들어봤다! 생각보다 동적생성을 하면서 show/hide 를 하는 형식으로 하다보니 여러가지 문제점이 발생했지만 data태그를 사용해서 어느정도 해결을 해보았다 하지만 tab형식 자체는 백단에서 많은 양의 데이터가 오게 된다면 tab이 중복으로 존재할 시 show/hide로 인해서 데이터가 중첩이 되어 렌더링이 많이 느린 느낌을 받았다. 이것 또한 해결을 얼른 해야겠다.! 개발 스크립트 [JQuery] $('.nav__link').click(function () { let val = $(this).data('value') const sub_tab = $('.tab_.. 2022-11-29 개발일기 [Django, Q] 프로젝트 종료 후 WMS 개발로 인하여 다시 Django를 사용하게 되었다 이번에는 TOAST GRID를 이용하여 Django Queryset을 시각화 한후 각 열에 해당하는 고유값을 APIView를 이용하여 get한 후 DRF Q필터를 사용하여 현재 model에 있는데 Queryset과 매칭 후 다시 JSON형식으로 Toast grid가 있는 template으로 렌더링 해주면 끝! API class Table(APIView): def get(self, request): req = request.GET result = { 'result': 'false', "data": { "contents": [] } } if req.get('action') == 'product_search': item_list = M.. 2022-09-13 개발일기 [Django, Toast Grid] 금일은 Toast grid에서 진행하고있는 행사의 존재 유무를 Toast grid 내부 뿌려져있는 상품명과 매칭하여 데이터 시각화를 진행했다. 맨처음 뿌려주는것은 쉬웠으나 렌더속도가 너무 느려 페이지네이션이 하나 둘 될때마다 데이터를 렌더시키는 방법으로 진행을해서 렌더속도는 비교적 빠르게 수정이 가능했다. 맨처음 page를 datasource에 담아서 전달해주는 부분에서 헤맸지만 도움을 받아 수월하게 해결을했다!!! 개발 스크립트[script] const pagination1 = new tui.Pagination('prodinfopagenation', { totalItems: pagetotalcount, itemsPerPage: 20, visiblePages: 10, }); pagination1.on('.. 2022-09-05 개발일기 [Node.js, mongoDB] Node.js 개발 도중 디비 atlas 에러가 계속 발생되어 무슨일인가 했더니 DB생성중에 내부정보가 동일한 DBset을 두개 생성하여 충돌이 일어나 계속 발생한것이였다! mongoDB는 처음 사용해서 다음부터 주의하면서 생성을 하도록 해야겠다! node.js 와 react 사용하여 공부를 계속 해보자! 2022-09-01 개발일기 [Node.js, React] 오늘은 node.js 를 다음 프로젝트에 사용할 가능성이 있어서 미리 공부를 해보았다. 헌데 시작하자마자 MongoDB를 커넥중에 계속 npm run start시 error 가 뜨길래 뭔가 했더니... .catch(err => console.log(err) 가 정상인데 catch(err => console.log('err') 라고 해버려서 계속 에러가 발생했다. 일단 인프런 강의를 보고있긴 한데 아마도 변수를 지정해서 넣었는데 문자열로 넣어버려서 에러가 발생한게 아닐까...라는 조심스런 생각이 든다.. node.js 는 개인적으로 공부 해보고 싶은것 중 하나라서 앞으로 열심히 해야겠다 파이팅! 개발 [index.js] const express = require('express') const app = e.. 2022-08-29 개발일기 [Django, Toast UI] 금일은 Django Queryset 데이터들을 처리한뒤 데이터 시각화를 진행했다. 애초에 Model에서 Filed를 Char로 잡지말고 Datetime으로 잡아버리면 훨씬 수월했을텐데.. DB를 내가 짠게 아니니깐 그냥 view단에서 데이터를 다시 변환시켜줬다! Toast grid 관련 글은 조금 썻는데 다시 쓰는것도 좋을거같아 한번 끄적인다! 왜냐면 table 모듈중에서는 제일 편하고 좋은거같아서! 개발 [script] $(document).ready(function () { const Grid = tui.Grid; Grid.applyTheme('default', { cell: { normal: { background: '#fff', border: '#222222', showVerticalBorder:.. 2022-08-09 개발일기 [Django, DjangoTemplate] 오늘은 장고템플릿을 중 if문을 이용해서 데이터 디폴트값을 추려내는 방법으로 html에서 이용해보았다 ! 맨날 장고 쿼리셋을 뿌리는 용도로만 사용했지만 Django Template으로 조건을 거는 방법은 처음 사용했는데 생각보다 편하고 쉬운방법인거같다! 다음부터 종종 사용해봐야겠다!! 개발스크립트 [template] 카테고리명 {% for iloc in Categorylist %} {% if iloc.name == '기타' %} {{ iloc.name }} {% else %} {{ iloc.name }} {% endif %} {% endfor %} 개발스크립트 [view] if req.get('action') == 'addproduct': none_category = Category.objects.get.. 2022-07-27 개발일기 [Django, Toast UI] 오늘은 Toast Grid 내부 특정 셀에 Toast Grid 내장 함수 및 API 를이용해서 클릭 시 선택하여 해당 열에 저장되어 있는 DB를 조회한 후 Modal을 통해서 View 해준다음 동시에 수정이 가능하도록 코딩을 해보았다 !! 막혔던 부은 Submit을 한 다음 리프레쉬 했을 시 Oracle Error가 떴는데 view단에서 문제점을 찾았다 ! 새로고침을 할때마다 render가 되기때문에 계속 form데이터가 전송이 되었던것이다! 해결방법으로는 render를 시키는것이 아니라 redirect를 해줌으로써 해결이 가능했다! 여러가지 DB를 조회한 후 수정 및 삭제를 함으로써 DB내부 돌아가는 로직과 view단에 대해 더 자세히 알게된것같다! 앞으로도 더 파이팅파이팅이다! 개발 view단 def.. 이전 1 2 3 다음
