전체 글75 [Javascript] 자바스크립트 Date 기간 조회하는 법 (+ 주의사항) 이번 포스팅에서는 자바스크립트 Date를 이용하여 기간을 조회하는 방법과, 자바스크립트 날짜 계산 시 주의할 점에 대해 발견하여 정리하고자 한다. 프로젝트를 그대로 가져올 수 없어서 간단하게 예제로 구현해보았다. 자바스크립트로 날짜 구간을 지정하고 해당 기간에 대한 결과를 조회하고자 한다. 아래와 같이 필터링이 일주일, 3개월, 6개월, 1년으로 지정되어 있고 각 버튼을 누르면 마감 날짜 기준으로 시작 날짜를 변경해주는 기능을 만들었다. 기본적으로 자바스크립트의 Date 객체는 setMonth(), setDate()를 이용하여 날짜를 직접 지정할 수 있는 기능을 제공하고, setMonth(월 + N) 과 같은 기능을 통해 날짜 계산이 가능하다. let today = new Date()// Sun Sep .. 2021. 8. 12. [Javascript] Javascript Date → Java LocalDate/LocalDateTime 변환 오류 프로젝트를 진행하다가 자바스크립트에서 Date 타입 변수를 자바로 보낼 때 typeMismatch 에러가 발생하였다. 사내 프로젝트를 진행하다가 발생한 에러이기 때문에 간단한 예제로 해당 오류를 재연해 보았다. 에러 Resolved [org.springframework.validation.BindException: org.springframework.validation.BeanPropertyBindingResult typeMismatch Field error in object 'reservation' on field 'checkInTime' Resolved [org.springframework.validation.BindException: org.springframework.validation.BeanP.. 2021. 8. 12. [Error 해결법] Spring Boot - https to http redirect 에러 Error 상황 회사에서 Spring으로 프로젝트 개발 중 로컬에서는 문제없이 동작했는데 개발/운영 서버에 배포한 후 리다이렉트된 페이지가 뜨지 않고 Chrome 개발자도구 console에 https to http redirect 에러가 발생했다. 원인 특정 url로 요청할 때 Spring에서 아래와 같이 redirect: 를 이용하여 리다이렉트 시켜주었는데 redirect:는 현재 프로토콜이 무엇이든 간에 기본적으로 http로 리다이렉트 된다. 프로젝트에서는 https를 사용하고 있었는데 redirect:를 사용함으로써 http로 프로토콜이 변경되며 문제가 생긴 것이었다. return "redirect:newPage"; 해결법 나는 별다른 설정은 하지 않고 굳이 Spring에서 redirect: 를 이.. 2021. 8. 6. [CS] 고정소수점과 부동소수점 고정 소수점과 부동 소수점은 이진수만을 사용하는 컴퓨터에서 소수점이 포함된 실수를 표현하는 방식이다. 고정 소수점(Fixed Point) 소수점이 고정된 형태이다. 상위 1비트 부호비트(양수 0, 음수 1)와 정수부, 소수부로 구성된다. 16bit의 경우 부호비트 1bit, 정수부 7bit, 소수부 8bit로 구성된다. 표현법 정수부 - 2진수 변환 방법 사용 소수부 - 정수부의 반대(2를 곱해가면서 진행), 소수점부터 오른쪽으로 채워서 나머지는 0으로 채운다. # 10.375 (결과는 위에서 아래로) 0.375 * 2 = 0.75 # 0 0.75 * 2 = 1.5 # 1 0.5 * 2 = 1 # 1 # 10.375 => 1010.011 부동 소수점(Floating Point) 고정 소수점 방식.. 2021. 8. 6. [Network] RestAPI, Restful이란? RESTful REST API를 제공하는 웹 서비스를 RESTful하다고 한다. REST 원리를 따르는 시스템 Rest(REpresentational State Transfer) 자원을 이름으로 구분하여 해당 자원의 정보를 주고받는 모든 것.웹 사이트의 이미지, 텍스트, DB 등 모든 자원에 고유한 ID인 HTTP URI를 부여함. ex - DB의 학생정보가 자원일 경우 'students'를 자원의 표현(이름)으로 정함. 데이터가 요청되어 지는 시점에 JSON이나 XML을 통해 데이터를 주고 받는다. 네트워크 상에서 Client와 Server 사이의 통신 방식 중 하나. HTTP URI를 통해 자원을 명시하고 Post, Get, Put, Delete, Head와 같은 HTTP Method를 통해 .. 2021. 7. 12. [Java] Overloading과 Overriding 공통점과 차이점 공통점 method 정의 시 이름을 같게 정의한다. 사용이 편리하다. 다형성 효과 Overriding(메서드 재정의) super class의 메서드를 sub class에서 재정의해서 사용하는 것 상속이 전제가 되어야 한다 상속받은 메서드와 전체적인 기능은 동일하지만 상세 구현이 다를 경우 기존의 상속 받은 메서드를 사용할 수 없으므로 새로운 메서드를 추가로 선언해야 한다. 규칙 메서드명, 인자, 리턴 타입을 동일하게 선언 Access Modifier(접근 제한자)는 부모와 같거나 부모보다 넓은 범위로 정의 부모 메서드와 같은 예외를 던지거나 예외를 안던진다. 리턴 타입 1.7 버전 : 상속 받은 메서드와 리턴 타입이 반드시 같아야 한다. 1.8 버전 : 상속 받은 메서드와 리턴 타입이 같거나 sub를 리.. 2021. 7. 11. [Network] Proxy란? Forward Proxy와 Reverse Proxy 1. 프록시(Proxy)란? 개발을 하지 않더라도 '프록시'라는 단어는 종종 듣게 되는데 정확히 프록시가 무엇이고, 어떤 역할을 하는지 이번 기회에 정리를 해보려고 한다. 프록시란? 프록시의 사전적 의미는 '대신', '대리'이다. 말 그대로 두 PC가 통신을 할 때 직접 하지 않고 중간에서 대리로 통신을 하는 것을 '프록시'라고 하고, 중계 역할을 하는 것을 '프록시 서버' 라고 부른다. 즉, 클라이언트와 서버 사이의 '중계 서버'라고 생각하면 된다. 프록시 서버는 보안 목적이나 캐싱 등의 기능을 제공한다. 프록시 서버가 중간에 위치함으로써 클라이언트는 프록시 서버를 '서버'라고 인식하고, 서버 입장에서는 프록시 서버를 '클라이언트'로 인식하게 된다. 프록시 서버는 서버가 어디에 위치하느냐에 따라 포워.. 2021. 7. 9. [Javascript] 데이터 불변성(Immutability) 데이터 불변성(Immutability)이란? 자바스크립트에서 데이터는 원시 데이터와 참조형 데이터로 분류할 수 있다. * 원시 데이터 : String, Number, Boolean, undefined, null * 참조형 데이터 : Object, Array, Function(다른 함수의 인자로 사용되는 callback 함수로 사용이 가능하기 때문에 참조형 데이터에 해당) 1) 데이터 불변성 - 원시데이터 원시데이터가 메모리에 들어있을 경우 동일한 값을 참조할 경우 새로운 메모리에 할당되는 것이 아닌, 기존 메모리를 참조하도록 함 따라서, 단순하게 생각한다면 원시데이터는 a와 b의 값이 동일하면 a===b : true이고, a와 b의 값이 다르다면 a===b : false이다. let a = 1 let b.. 2021. 7. 9. [Javascript] 전개 연산자(...) 패스트 캠퍼스의 한 번에 끝내는 프론트엔드 개발 초격차 패키지 Online 강의 중 Part 4. JavaScript Level up 내용을 정리하고, 추가 내용을 살짝 덧붙여 포스팅하였습니다. 문제가 되는 내용이 있을 경우 댓글로 알려주신다면 바로 조치하겠습니다. :) 전개 연산자 (...) 전개 연산자는 말 그대로 객체나 배열을 전개할 수 있는 연산자이다. 전개 연산자를 이용하면 기존의 것을 건들이지 않고 새로운 객체를 생성할 수 있다. 1. 배열 배열에서 전개데이터를 사용할 경우 하나의 배열 데이터를 쉼표로 구분하는 각각의 아이템으로 전개하여 출력한다. 사용법은 단순하게 배열명 앞에 ...을 붙여주면 된다. const fruits = ['Apple', 'Banana', 'Cherry'] consol.. 2021. 7. 8. 이전 1 ··· 4 5 6 7 8 9 다음 반응형
