[JavaScript] 배열 요소 수정/삭제 함수, splice() 이 페이지는 자바스크립트의 배열에서 요소를 삭제 또는 교체, 추가할 때 사용하는 내장함수 splice()에 대해 설명하고 있다. 기본적으로 자바스크립트의 배열에는 요소를 제어하는 역할을 하는 splice() 메서드가 있다. array.splice(start[, deleteCount[, item1[, item2[, …]]]]) 기본 구조를 보면, start로 배열을 변경할 시작 인덱스를 지정하여 작업하고 변경된 요소를 담은 Array 객체를 반환한다. (제거한 요소를 담은 배열로 반환한다는것은, 하나의 요소만 제거한 경우 길이가 1인 배열을 반환하고, 아무 값도 제거하지 않았으면 빈 배열을 반환한다는 뜻이다.) start는 배열의 변경을 시작할 인덱스로, 음수인 경우 배열의 끝에서부터 센다. deleteC..
Programming/JavaScript 2020. 1. 3. 11:30
[JAVA] How to Generate Random String 이 페이지는 문자, 숫자 등으로 이루어진 랜덤 문자열을 생성하는 방법을 설명하고 있다. # 랜덤 숫자(난수) 생성 1. java.lang.Math.random() 함수 Math.random() 메서드는 0.0 과 1.0 사이의 double 값을 생성하기 때문에, 정수를 얻고 싶다면 반드시 int형으로 캐스팅시켜야한다. import java.lang.Math; double d = Math.random()*10; System.out.println("double: " + d); // double: 7.241387938681597 int i = (int)(Math.random()*10); System.out.println("int: " +i); // int: 3 2. import java.util.Random ..
Programming/Java 2019. 10. 15. 16:47
[JavaScript] 배열 정렬 함수, sort() 이 페이지는 자바스크립트에서 배열을 정렬할 때 사용하는 내장 함수 sort()에 대해서 설명하고 있다. 기본적으로 자바스크립트의 배열에는 정렬하여 반환하는 역할을 하는 sort() 메서드가 있다. arr.sort([compareFunction]) 기본 구조를 보면, compareFunction로 정의된 정렬 순서를 통해 arr라는 Array 객체를 정렬하여 반환한다. compareFunction을 생략하면 기본적으로 각 요소의 유니코드 값에 따라 자동으로 정렬된다. (default 오름차순) 정렬되면서 기존의 배열 데이터가 변경되는 메서드이기 때문에 신중하게 사용해야한다. const months = ['March', 'Jan', 'Feb', 'Dec']; months.sort(); console.log(..
Programming/JavaScript 2019. 10. 8. 16:51
[JAVA] Get Orientation Metadata and Rotate Image 이 페이지에서는 사진의 메타정보를 통해 각도를 얻어 회전시켜주는 방법에 대해 설명하고 있다. 모바일에서 사진을 찍어 업로드할 때, 아이폰 ios는 자동 회전을 지원하고 android는 사진이 돌아간 상태로 저장되는 이슈가 생겼다. 이를 해결하기 위한 방법으로 이미지의 메타정보를 통해 사진의 각도를 확인하고 그 각도에 맞게 회전시키는 방식으로 진행하려 한다. 해당 프로젝트에서 클라이언트가 보내주는 이미지 타입은 MultipartFile이기 때문에 편의를 위해 File로 변환한 후 진행한다. 참고) 타입 변환 및 userAgent 정보 가져오기 1. Converting MultipartFile to File [JAVA] Converting MultipartFile to File 이 페이지에서는 멀티파트파일을..
Programming/Java 2019. 9. 18. 08:24
[JAVA] Converting MultipartFile to File 이 페이지에서는 멀티파트파일을 파일객체로 변환하는 방식에 대해 설명하고 있다. # MultipartFile vs File 변환하는 코드 작성에 앞서 두 객체에 대해 간단하게 설명하려한다. 1) MultipartFile 멀티파트파일이란, 사용자가 업로드한 File을 핸들러에서 손쉽게 다룰 수 있게 도와주는 매개변수 중 하나이다. 매개변수를 사용하기 위해서는 MultipartResolver Bean이 등록되어 있어야 한다. 이는 springBoot에서는 자동 등록을 지원하지만, springMVC에서 기본으로 등록해주지 않으므로 꼭 확인해야한다. 2) File 하드디스크에 존재하는 파일에 대한 경로 또는 참조를 추상화한 객체로, new File()을 통해 디렉토리를 생성할 수 있다. 파일객체를 사용한 후에는 ..
Programming/Java 2019. 9. 17. 11:02
[JAVA] Get User Agent And IP Information 이 페이지에서는 IP, Agent, 브라우저, OS등의 접속자 정보를 가져오는 방법에 대해 설명하고 있다. # IP X-Forwarded-For (XFF) 헤더는 HTTP 프록시나 로드 밸런서를 통해 웹 서버에 접속하는 클라이언트의 원 IP 주소를 식별하는 사실상의 표준이다. (X-Forwarded-For 은 이메일 메시지가 다른 계정으로부터 포워딩되었음을 나타내는 이메일 헤더이기도 하다) XFF를 사실상의 표준이라고 표현하는 이유는, 정식 RFC 에 포함된게 아니어서 다른 헤더를 사용하는 경우가 있기 때문이다. 그래서 WebServer, WAS, L4, proxy 종류에 상관없이 원하는 client IP를 가져오게 하려면 먼저 해당 헤더가 있는지 확인하는 방식을 추가하여 아래와 같은 방식으로 코드를 작..
Programming/Java 2019. 9. 15. 21:44
[JavaScript] Hoisting 이 페이지에서는 자바스크립트의 호이스팅의 정의와 예시를 설명하고 있다. hoist: 들어올리다, 끌어올리다 Hoisting(호이스팅)이란, 변수의 사용 및 함수의 실행 코드가 선언보다 먼저 일어나도 정상 진행이 되도록 하는 것. (흔히 선언코드가 끌어올려진다고 표현하지만, 실제 메모리에는 변화가 없다.) 함수선언식만 호이스팅이 일어난다. 함수표현식은 NONO! 할당구문은 런타임 과정에서 이루어지기 때문에 호이스팅되지않는다 - 함수를 끌어올리지만 변수의 값은 끌어올리지않는다! + 함수선언식 function foo() {} + 함수표현식 / 함수할당식 var foo = function() {} # 예제1. Name("sohyun"); function Name(name) { console.log("My nam..
Programming/JavaScript 2019. 8. 19. 14:32
[IT] Naming Convention 이 페이지에서는 프로그래밍에서 사용하는 변수 명명 규칙에 대해 설명하고 있다. Naming Convention 이란, 변수명을 지을 때 관례적으로 사용하는 방법이다. 언어마다 권장하는 표기법이 다르고, 하나의 프로젝트에서 케이스를 섞어 쓰는것은 좋은 코드가 아니라고 한다. # 카멜 표기법 (camel case). 1) 소문자 카멜 케이스 (lower camel case) 보통 카멜케이스라고 하면 소문자 카멜 표기법을 의미한다. 각 단어의 첫 문자를 대문자로 표기하지만, 전체에서의 첫 글자는 소문자로 표기하여, 단봉낙타 표기법이라고 불리기도 한다. ex) camelCase, lowerCamelCase 2) 대문자 카멜 케이스 (upper camel case) / 파스칼 케이스 (pascal case) 파스..
Programming/Other 2019. 8. 8. 08:29
[JavaScript] Compare Version Numbers 이 페이지는 자바스크립트를 이용한 버전비교를 설명하고 있다. 버전을 비교하기에 앞서 버전관리에 대해서 간단하게 설명하려한다. Semantic Versioning (SemVer)는 버전 형식에 의미를 부여하여 체계적인 버전관리를 위한 제안이다. 명확한 버전 구분을 통해 변화량을 짐작할 수 있다. 보통 0.0.0 (Major, Minor, Patch) 같이 세부분으로 나눠진 형태의 버전을 많이 사용한다. Major: 전체를 뒤엎을 정도로 큰 변화가 발생했을 경우, 이전버전과 호환되지 않는 API 변경시 버전 증가 Minor: 주요 기능의 추가나 변경 시 버전 증가 Patch: 버그 수정 등 작은 변화 발생 시 버전 증가 Q. 버전은 1.0.0 / 1.0.23 / 1.1 처럼 '.'으로 구분된 문자열이다. 두..
Programming/JavaScript 2019. 6. 21. 17:22
[JavaScript] Pass By Value / Pass By Reference 이 페이지는 Pass By Value와 Pass By Reference를 설명하고 있다. # pass vs call Call By Value, Call By Reference 와 무슨 차이가 있을까? 보통 주어가 함수일 때 call by, 인수일 때 pass by를 사용하는 듯 하다. > They are synonymous. The term 'call-by-value' means exactly the same as 'pass-by-value'. # Pass By Value (Call By Value, 값에 의한 호출) : 인자로 넘기는 값을 복사해서 새로운 함수에 전달하는 방식. 값에 의한 호출은 원본값이 변경될 가능성은 없지만, 고비용과 메모리의 문제점이 있다. 예제1. const a = 1; cons..
Programming/JavaScript 2019. 6. 11. 08:13
1 2 3 4 ··· 6
최근에 올라온 글
TAG more
«   2024/11   »
일 월 화 수 목 금 토
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
Total
Today
Yesterday