D36CHOI

2021.10.31 - [프로그래밍/frontend] - [vue] 스스로 만들어보는 To Do List - 1 [vue] 스스로 만들어보는 To Do List - 1 vue.js 강의를 들었으니 스스로 만들어보자 우리 팀에서 사용하는 프론트엔드 프레임워크는 vue.js 다. 이 프레임워크를 이용해 모바일웹과 앱 뷰어를 통해, 우리 팀이 관리중인 영역에서의 사용자 choichumji.tistory.com 1을 통해 간단히 입력창과 버튼을 통해 리스트를 추가해보았다. 이제 새로운 vue 라이브러리를 써보고, 좀 더 그럴싸하게 바꿔봐야겠다. vuex 를 추가해 상태관리를 쉽게 해보자 이전에는 props, emit 등을 활용해 컴포넌트간 데이터 전달과 이벤트 전달로 할일 추가를 구현했다. 하지만 만약 앱이 커..

vue.js 강의를 들었으니 스스로 만들어보자 우리 팀에서 사용하는 프론트엔드 프레임워크는 vue.js 다. 이 프레임워크를 이용해 모바일웹과 앱 뷰어를 통해, 우리 팀이 관리중인 영역에서의 사용자가 보는 화면을 만들고 있다. 나 또한, 이따금씩 들어오는 프로젝트들로 우리 팀의 vue 앱을 수정하거나 이해해야하는 일들이 생기고 있지만 vue를 제대로 다뤄본적 없는 내 입장에서 쉽지는 않았다. 하지만 조금만 시간을 들여서 이해한다면 충분히 그 데이터의 흐름이나 문법을 이해할 수 있을 정도로 vue는 백엔드 개발자에게 친절한 프레임워크였다. 그래도, 내가 직접 처음부터 시행착오를 겪어보는 것과, 이미 많은 개발자선배들이 구축해놓은 애플리케이션의 일부분을 건드리며 수정하는 것에는 큰 차이가 있다고 생각했다. ..

스프링 서버에서 요청에 대해 쿠키를 생성했더니 public void setCookie(HttpServletRequest request, HttpServletResponse response, String recommendationCode, int hour) { CookieManager cookieManager = new CookieManager(request, response); cookieManager.setMaxAge(hour * HOUR); cookieManager.setDomain(DOMAIN); cookieManager.setCookie(COOKIE_NAME, COOKIE_VALUE); } 웹 어플리케이션 서버를 개발하면서 위와 같이 쿠키를 생성해줘야 했었다. 그런데 final String DOM..

개발할 때, 금액을 보기 좋게 표현하려면 10000원 -> 10,000원으로 천원 단위마다 , (comma) 를 추가해줘야 할 때가 있다. 방법1 DecimalFormat 을 이용한다 DecimalFormat 은 NumberFormat의 서브클래스다. 십진법 숫자를 다양한 특징을 가진 숫자로 변환해주는 기능을 가지고 있다. 통화($100), 퍼센트(12%), 고정소수점 등 다양하게 숫자를 표현할 수 있다. 일반적으로 생성자를 호출하지 않고 factory method를 활용하는 것이 일반적이다. @Test void format_test() { int price = 125000; final String format = DecimalFormat.getInstance().format(price); Asserti..

어노테이션 기반 설정 AppConfig.java 파일을 이용한 스프링 컨테이너 빈 주입 방법은 관리해야하는 빈 수가 적은 경우에만 적절하다. 애플리케이션에 빈이 너무 많으면 불필요하게 작성해야하는 중복되는 코드들이 너무 많아진다. 그래서 스프링은 어노테이션 기반의 설정을 제공한다. 훨씬 쉽게 관리가 가능하다. 두 가지 유형의 어노테이션을 제공한다. 빈 선언 어노테이션 @Repository @Controller @Service @Component 등의 스테레오 타입 어노테이션 세트를 제공한다. 스프링이 관리해야하는 클래스에 위 어노테이션을 적용한다. 스프링은 @ComponentScan 에 입력한 기본 패키지부터 스캔해서 위 어노테이션이 달린 클래스를 수집한다. @Component 는 제네틱 스테레오 타입이..