반응형 2022/026 Javascript 배열 값에 접근하는 간결하고 가독성을 높이는 방법 at() Javascript 배열 값에 접근하는 간결하고 가독성을 높이는 방법 at() Javascript 에서 배열에 접근 할때는 대괄호와 index를 사용해서 접근 할 수 있습니다. [대괄호 & 인덱스로 접근] const array = [1,2,3,4,5]; const firstValue = array[0]; /*첫번째 값 반환(index 0)*/ const lastValue = array[array.length - 1]; /*마지막 값 반환(index 4)*/ Javascript 에서는 대괄호 표기법보다 간결하고 가독성을 높일 수 있는 at() 이라는 메서드를 제공합니다. [at 문법] array.at(index); at 메서드에 파라메터로 index를 넘기면 해당 index의 값을 리턴해줍니다. 위의 대괄.. Programing/JavaScript 2022. 2. 24. Javascript Canvas drawImage 이미지 추가 방법 Javascript Canvas drawImage 이미지 추가 방법 Canvas에 이미지를 추가하기 위해서는 CanvasRenderingContext2D.drawImage() 를 활용합니다. 파라미터의 개수에 따라 일반 이미지 추가와 추가할 이미지의 일부 영역을 추가로 구분됩니다. 일반 이미지 추가 문법은 아래와 같습니다. 일반 이미지 추가 문법 drawImage(image, sx, sy, sWidth, sHeight); 파라메터 설명 [image]*필수 CSSImageValue, an HTMLImageElement, an SVGImageElement, an HTMLVideoElement, an HTMLCanvasElement, an ImageBitmap, or an OffscreenCanvas. [sx.. Programing/JavaScript 2022. 2. 18. 자주 실수하는 시큐어 코딩 이슈 정리 자주 실수하는 시큐어 코딩 이슈 정리 1. SQL 삽입 (Mybatis) 원인 Mybatis를 활용한 쿼리문에 '$'를 사용할 경우 발생 이유 개발자가 의도하지 않은 동적 쿼리 작성으로 SQL Injection 공격 가능 해결방안 '$' 대신 '#' 을 사용, 또는 $ 제거 예시 SELECT A FROM ${TABLE} => SELECT A FROM A_TABLE 2. 부적절한 자원 해제 (Java IO) 원인 Stream 자원을 활용하고 반환하지 않은 경우 발생 이유 Open File Descriptor, Heap Memory, Socket, DB 등 유한 자원을 반환하지 않은 경우 메모리 이슈 발생 가능 해결방안 Reader/Writer, BufferReader/BufferWriter, PipedRe.. 알짜정보 2022. 2. 16. Code-Ray 이클립스 플러그인 설치 방법 Code-Ray 이클립스 플러그인 설치 방법 Code-Ray 는 Trinity Soft 에서 만든 시큐어코딩 점검 솔루션 입니다. 자세한 사용방법은 아래의 링크를 통해 확인하는 것으로 하고, 이번 포스팅에서는 코드레이를 이클립스와 연동하는 방법을 알아보도록 하겠습니다. Link : https://www.trinitysoft.co.kr/ 트리니티소프트 소프트웨어 개발 보안 전문 기업, 시큐어코딩 및 소스코드 보안 약점 진단도구 CODE-RAY XG www.trinitysoft.co.kr 먼저, 코드레이가 설치된 하드웨어의 ip를 브라우져에 입력합니다. 그럼 아래와 같은 페이지로 이동되고 하단 통합 최초 설치 파일 버튼을 클릭합니다. CODE-RAY_XG_All-버전.exe 파일이 다운로드 되면 해당 파일을.. 알짜정보 2022. 2. 15. Javascript Canvas Text 객체 삭제 방법 fillRect Javascript Canvas Text 객체 삭제 방법 fillRect 앞선 포스팅에서 Text 객체를 Canvas에 추가하는 방법을 알아보았습니다. Link : https://aljjabaegi.tistory.com/599 Javascript Canvas 텍스트 추가 fillText, strokeText Javascript Canvas 텍스트 추가 fillText, strokeText Canvas 에 텍스트를 추가하는 방법에 대해 알아보겠습니다. 우선 Canvas 태그를 생성해줍니다. 그럼 아래와 같이 Canvas가 보이실꺼에요. 324x68 사이.. aljjabaegi.tistory.com 이제 이 추가된 텍스트를 삭제하는 방법에 대해서 알아보겠습니다. Canvas에서 그려진 객체를 삭제한다기 보다.. Programing/JavaScript 2022. 2. 7. Spring Boot Embeded Tomcat 내장 톰캣 application.properties 설정 Spring Boot Embeded Tomcat 내장 톰캣 application.properties 설정 이번 포스팅에서는 Spring Boot 2.x 의 application.properties 에서 설정가능한 내장 톰캣 옵션에 대해서 알아보도록 하겠습니다. Connection 관련 설정 설명 기본값 server.tomcat.connection-timeout 커넥션 타임아웃 설정 server.tomcat.keep-alive-timeout 커넥션 종료 전 다른 HTTP 요청을 기다리는 시간 설정 설정하지 않으면 connection-timeout 이 사용, -1이면 무한 100 server.tomcat.max-connections 서버가 주어진 시간에 처리할 수 있는 최대 커넥션 설정 8192 Thread.. Programing/Springboot 2022. 2. 3. 이전 1 다음 💲 추천 글 반응형