IT 일기장

시작 계기 개발을 하다 보면 select, radio, checkbox 같은 폼 태그를 반복해서 작성해야 할 때가 많다.특히 데이터베이스(DB) 값이나 공통 코드(CMMN)로 옵션을 불러오는 경우, HTML을 매번 직접 작성하는 것은 굉장히 비효율적이라 생각하여 공통 유틸을 만들고자 생각했다."태그 유형별로 적절히 생성해 주고, 필요한 옵션만 넘기면 알아서 만들어주는 유틸리티가 있으면 좋지 않을까?"하는 생각에서 HtmlObjUtil을 만들게 되었다.HtmlObjUtil은 JSP에서 태그 하나로 select, radio, checkbox, toggle 형태를 자동으로 출력해 주는 공통 모듈이다. 기본 입력 폼을 깔끔하고 일관성 있게 관리하고자 설계했다. CSS는 bootStrap5를 사용했다. 구조 ..

어떤 언어든 메모리 체크는 필수 불가결이다.브라우저 단에서 메모리 확인은 어떻게 하는지 궁금했었는데전 회사에서 다니면서 수행했던 프로젝트의 감리 기관에서 수석님이 알려주셨던 lighthouse그리고 내가 발견해서 써본 힙 스냅샷이다. 사용법 사용법은 쉽다. 1. 먼저 크롬 브라우저를 키고 내가 작업하고 있는 곳에 개발자 도구를 열고 메모리 탭을 연다. 그러면 힙 스냅샷이라는게 보인다.2. 내가 원하는 해당 페이지에서 javascript 객체 및 관련 dom 노드의 메모리 분포가 궁금하다면 하단에 스냅샷 촬영을 누르면 된다. 그러면 이 페이지에서 할당된 메모리의 크기를 알 수 있다. 활용 사례 1. 처음에 탭이 있었을때 메모리는 35.8MB2. 탭을 닫은 후에 메모리는 32.1MB3. 그리..

시작 계기 개발하면서 키 값과 기업명의 상관관계를 :와 ,로 연결해서 데이터를 불러오자고 정의했던게 있었다.데이터를 넣었을때는 단일로 넣었지만 불러올때는 간편하게 :와 ,로 연결해서 데이터를 불러오고 싶었는데for문과 forEach문으로 충분히 해결은 가능하지만 불필요한 코드도 줄이고 싶고 성능을 높이고자 시작하게 됐다. 람다식이란? 별도의 명칭을 지정할 필요 없이 이름 없이 그 내용물만 정의한 개념이다.Java 8 버전 이후 부터 가능하며, 실무적인 장점으로 코드가 간결해진다. 불필요한 루프문의 삭제가 가능하고 동일한 함수를 재활용할 수 있는 여지가 많아지고 필요한 정보만을 사용하는 방식으로 인해 퍼포먼스가 향상된다. 예를 들면for문은 "1부터 100까지 순차적으로 증가하면서 이 코드를 순차적으로 ..

개발 환경 Spring Boot 3.2JDK 17TOMCAT 10 (내장 톰캣)Maven 시작 계기 스타트업에서 프로젝트를 진행하면서 초기 단계에서 만들었던 공통으로 쓰고자 했던 방법이다.사실 Spring MVC 패턴으로 개발하는게 가장 쉽고 효율적이나,React처럼 Component와 SPA 개념을 활용하여 UI로 기초 설계를 해놓은 임원진 분들의 시작으로 인해진행하게 되었다. 기초 설계 기초 설계는 다음과 같이 구성하고 정의했다. 1. 공통으로 사용할 함수명은 selectListApi 로 정의2. 매개변수는 url, params, successCallBack, errorCallBack으로 구성3. 데이터 타입은 json과 post 방식으로 고정 ** url은 컨트롤러 주소** params는 json..