Developer N

Vue.js를 사용하는 새 프로젝트에 투입되면서 Vue.js를 배울 필요가 있었다.이를 위해 VSCode에서 Vue.js 환경을 세팅하면서 내용을 정리해보았다.     1. Node.js 설치https://nodejs.org/en/download Node.js — Download Node.js®Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.nodejs.org Vue.js 개발환경을 다운로드 받기 위해서는 Node.js가 필요하므로 위 링크에서 Node.js를 설치한다. Vue CLI를 설치 및 사용하고 Vue 애플리케이션 서버를 실행하려면 Node.js JavaScript 런타임과 npm(Node.js 패키지 관리지)이 설..

🤷‍♀️ 버전관리를 해야하는 이유 수정한 css, js 파일을 재배포할 경우 브라우저에 바로 적용되지 않는 경우가 있다. 새로 배포를 했음에도 이전에 배포된 파일이 계속 사용되기 때문인데 이러한 경우를 방지하려면 css와 js 파일의 버전관리를 해주어야 한다. 🤷‍♀️ 버전관리 방법 재배포할 css나 js파일의 파일명을 바꿔주는 것도 하나의 방법이지만 상당히 번거롭다. 파일명을 변경하지 않는 방법으로는 수정한 파일을 참조하는 소스에 쿼리스트링을 붙이는 것이다. 방법은 간단하다. 파일명 뒤에 ?ver=0.1 또는 ?ver=20240313 등을 붙여주면 된다. 자주 수정되는 소스의 경우 날짜를 기입하고, 그렇지 않은 경우 버전을 매겨서 기입해주면 된다. 소스를 보면 아래와 같다. // css version ..

SELECT 1. 12세 이하인 여자 환자 목록 출력하기 내 답안) SELECT pt_name, pt_no, gend_cd, age, case when tlno is null then 'NONE' else tlno end as tlno from patient where age = 2 order by user_id, product_id desc 3. 오프라인/온라인 판매 데이터 통합하기 내 답안) SELECT date_format(sales_date, '%Y-%m-%d') as sales_date, product_id, user_id, sales_amount from online_sale where date_format(sales_date, '%Y-%m') = '2022-03' union select da..

JSON(JavaScript Object Notation)이란 JavaScript에서 객체를 표현하는 방법. 다양한 프로그래밍 언어에서 데이터를 주고받기위해 사용한다. XML 등과 같이 데이터를 표현하는 일종의 데이터 표현 표준이다. 장점 1) 가독성 : 객체의 구조를 파악하기 쉽다 2) 가벼움 : JSON 이전에 사용하던 XML에 비해 가볍다 3) 플랫폼 독립적 : 특정 언어나 플랫폼에 독립적이어서 JSON 형식만 잘 지킨다면 어떤 시스템이든 데이터 교환이 가능하다. 또한 대부분의 언어에서 JSON 라이브러리를 제공하기 때문에 편리하다. JSONObject, JSONArray 사용법 1) JSONObject JSONObject는 객체를 JSON 객체로 바꿔주거나 JSON 객체를 새로 만드는 역할을 한다..

api로 가져온 List에서 각 Object의 특정 필드값만 따로 추출할 필요가 있었다. for문을 사용하여 각 객체에서 get을 통해 필드 값을 추출하는 방법도 있었지만, 자바8에서 새로 추가된 기능인 strem()을 활용하여 코드를 간결하게 작성해보았다. 간단한 예제로 정리를 해보자면 @Getter public class PersonDto { private String name; private Integer age; } 위와 같은 객체로 이루어진 List personList에서 stream()을 이용하여 name 값만 추출하여 List으로 만들어보자. List nameList = personList.stream().map(PersonDto::getName).collect(Collectors.toLis..