IT/development212

• 

  [JavaScript] 객체 해체 할당(Object Destructuring Assignment)(feat. ES6) ES6부터 지원하는 기능 중 하나인 객체 해체 할당 객체에서 바로 변수에 값을 한번에 할당할 때 사용(코드의 가독성 및 객체의 속성을 더 쉽게 추출) //객체의 구조가 복잡하거나 여러개의 속성을 한번에 추출할 때 유용하게 사용됨 const person = { name: '어흥', age: 50 }; //객체해체할당을 통해 객체의 속성값을 바로 변수에 할당 const { name, age } = person; //변수명 변경도 가능(아래는 person객체의 name값을 uname이라는 변수에 할당하는 예시) //const { name: uname } = person; console.log(name); // '어흥' console.log(age); // 50 //객체 해체 할당 미사용 const person.. IT/development 2023. 10. 4.

• [thymeleaf] 동적 url 생성(feat. @{/url}) 사용자목록 웹 애플리케이션의 Context Path를 기반으로 상대경로로 URL 생성 Conext Path가 "/"일 경우 위와 같이 작성할 경우 호스트:8080/user로 url이 생성된다. 보통 정적 url말고 동적 url을 많이 사용한다. ※ 정적 url 작성 시 리소스 경로가 변경될 경우 다시 변경해야 한다. IT/development 2023. 9. 24.

• [springBoot] 인터셉터를 통해 메뉴 접근 관리 시스템에서는 보안 때문에 로그인한 사용자의 메뉴 접근 범위를 제한해야 한다. 예를 들어 시스템관리자는 시스템관리 메뉴만 접근할 수 있어야 하고 급여관리자는 급여메뉴에만 접근할 수 있어야 한다. 인터셉터를 통해 아래처럼 구현했다. package kr.dev.common.interceptor; import kr.dev.cmmn.mapper.CmmnMapper; import kr.dev.cmmn.model.MenuVo; import kr.dev.cmmn.service.CmmnService; import kr.dev.user.model.EmpVO; import kr.dev.user.service.UserService; import lombok.extern.slf4j.Slf4j; import org.springf.. IT/development 2023. 9. 24.

• [Vue.js] checkbox 일괄 체크 전체선택 {{ item.name }} checkbox element를 v-model로 data의 items의 isChecked속성과 양방향 바인딩 시킨 후 전체선택 버튼 클릭 시 items를 순회하며 isChecked를 현재 상태와 반대로 설정 IT/development 2023. 9. 24.

• 

  [development] 티스토리 일괄 댓글 작성 개발(feat. open API) 티스토리 Open API 이용해서 게시글 중 댓글이 있는 목록만 일괄 댓글 작성 하는 기능 개발 중.. 역시 필요로 해서 만드는 것은 재밌다. IT/development 2023. 9. 13.

• 

  [base64] 이미지를 base64로 인코딩 이미지를 base64로 인코딩 한 다음 문자열로 html에 삽입 아래와 같은 base64 툴을 이용해 이미지를 base64로 변환 Image to Base64 | Base64 Encode | Base64 Converter | Base64 Image to Base64 Convert image to Base64 online and use the result string as data URI, img src, CSS background-url, and others. Sometimes you have to send or output an image within a text document (for example, HTML, CSS, JSON, XML), but you cannot do this base64.gu.. IT/development 2023. 9. 9.

• 

  [JavaScript] htmlToPdf convert(feat. html2pdf) 목차 javascript/jQuery 기반 Hello, PDF! This is an example of converting HTML to PDF using html2pdf.js javascript/Vue.js 기반 Hello, PDF! This is an example of converting HTML to PDF using html2pdf.js convert 숨김 항목 PDF 변환 예시 숨김 항목을 버튼 클릭 시 잠시 보이게 해서 PDF 변환 후 다운로드 후 다시 숨김처리 하는 예제 Hello, PDF! This is an example of converting HTML to PDF using html2pdf.js convert 결과 위코드 에디터에 붙여 넣고 실행하면 pdf 다운로드 창 표시됨 ref.. IT/development 2023. 8. 26.

• 

  [Git] Git Branching Strategy(feat. 브랜치 전략) ppt로 작성하려고 했으나 너무 시간이 오래 걸릴 것 같아서 그림은 이걸로 하고 텍스트로 보충master branch 😎실제 운영서버에 올라가는 최종 릴리즈 버전 브랜치candidate branch 😭QA Server에 배포해서 실서버 반영 전 검증하는 브랜치candidate branch에서 최종 검증이 되면 그 때 master에 반영master branch에 올라가기 바로 전 소스dev branch 🙄개인 브랜치에서 로컬 검증 후 개발서버에서 돌리는 용도의 브랜치개발서버에서 돌려보는 용도라서 온갓 잡다한 소스가 다 있을 수 있다.(버그가 있는 소스 등등)절대 이 branch는 master나 candidate branch로 반영하면 안된다.persnal branch 😛개발자 각자 개발하는 용도의 .. IT/development 2023. 8. 24.

• 

  [springBoot] 엑셀파일 읽기(feat. ajax) 목차 프로세스: 화면에서 엑셀 업로드 시 엑셀의 내용을 읽어서 테이블에 저장 의존성 추가(gradle) //springBoot ver: 2.7.7 //poi 의존성 추가 implementation 'org.apache.poi:poi:5.1.0' implementation 'org.apache.poi:poi-ooxml:5.1.0' service @Service @Slf4j @RequiredArgsConstructor @Transactional(readOnly = true) public class ExcelService { private final ExcelMapper excelMapper; /** * 엑셀업로드 화면 * @param mv * @return */ @Override public ModelAnd.. IT/development 2023. 8. 23.

• [Java] 가변인자 사용(feat. String ... str) java에서 parameter개수와 타입을 다르게 해서 같은 기능을 하는 메소드를 동일한 메소드명으로 사용할 수 있다.(오버로딩)@Slf4j public class Test { public void print(String str) { log.info("str = [{}]", str); } public void print(int num) { log.info("num = [{}]", num); } }하지만 parameter의 개수를 가변적으로 사용하고 싶을 땐?Test test = new Test(); //이렇게 호출하고 싶을 때.. test.print(1); test.print(1, 2); test.print(1, 2, 3); test.print(1, 2, 3, 4); test.print(1, 2, 3, .. IT/development 2023. 8. 22.