전체 글 HTML srcset이 모바일에서 적용이 안될 때 2021. 5. 22. img 태그에 srcset을 사용해서 크기별로 이미지를 다르게 사용하려고 했다. vutify의 v-carousel로 동적 이미지 바인딩을 하려 했기 때문에 css media query도 쓰기 어려웠다. 그래서 적용해보았는데 아래 그림처럼 크롬 개발자도구에서 모바일 버튼만 누르면 원하는 사이즈의 이미지가 나오질 않았다. sizes를 이렇게도 수정해보고 저렇게도 수정해봤지만 다 안 됐다. 크롬 개발자 모드를 통해 보면 적용이 안 된 것 처럼 보일 수 있다는 stackoverflow 답변에 aws로 배포해서 직접 폰으로 보기도 했는데 적용 안된 게 맞았다. 그렇게 열심히 검색하던 중 해결방법을 찾을 수 있었다. 바로 picture 태그와 source 태그를 사용하는 것이다. 이렇게 picture 태그와 sou.. STS Maven java.lang.ClassNotFoundException 2021. 3. 17. 학교 강의때문에 오랜만에 STS로 spring-boot project를 만들어보았는데 시작하자마자 java.lang.ClassNotFoundException 이 계속 발생했다. 검색해서 나오는 해결 방법을 전부 시도해봤는데 안됐다. STS를 몇년만에 켜본지 10분도 안돼서 intellij를 더욱 찬양하게 되는.. 그런 시간이었다. 결국에 해결했는데 다음에 STS를 사용할때도 겪을만한 Exception 같아서 블로그에 기록해둔다. 해결 방법이 간단해서 글로 적기도 뭐하지만 spring-boot 버전을 내려서 해결하였다. STS에서 Spring Starter Project로 boot project를 만들면 boot 버전이 default로 2.4.3으로 되어있는데 이 버전을 maven에서 2.4.0 으로 내려.. 백준 1408 24 Java 2021. 3. 14. 24 친구가 풀어달라고 해서 오랜만에 풀어본 백준 문제이다. 구글에 검색해도 자바 풀이는 안 나온다고 해서 제일 먼저 올려보고픈 욕심에 풀이를 올려본다.😉 문제에서 핵심은 현재 시각이 임무 시작 시각보다 큰 경우를 처리하는 방식이다. boolean 변수로 뺄셈 시 앞의 수를 빌려왔는지 체크한다. 그리고 다음으로 넘어갔을 때 boolean 변수에 체크가 되어있으면 1을 빼주면 된다. 빌려오는 경우에 hour면 24를 더해주고 minute, second면 60을 더해준다. 그리고 boolean 변수에 체크한다. 초심자 친구에게 최대한 쉽고 친절하게 알려주고 싶어서 api를 최대한 안쓰고 변수명을 한글로 지었다. 불편해도 이해해주시길..ㅎ import java.util.Scanner; public class .. Vue PWA index.html 서비스 워커 캐시에서 제외하기 2021. 1. 21. PWA 에서는 서비스 워커가 캐시를 해줘서 서비스 디자인 업데이트를 해도 반영하기가 힘들다. 사용자가 직접 캐시를 날리진 않기 때문이다. 그래서 어떻게든 해야하는데 방법을 찾기가 힘들었다. 여러 가지 방법을 모색하던 중 이 글을 발견했다. 글 내용에 따르면 PWA에서는 일반적으로 새로운 버전이 있을때 아래 이미지처럼 알림을 보여주고 사용자가 버튼을 누르면 캐시를 날리는 방법으로 업데이트 버전을 반영한다고 한다. How to display a "new version available" for a Progressive Web App 글을 보면 위에서 말한 방식을 적용하는 친절한 예제가 있다. 그런데 내가 만들고 있는 토이프로젝트에 적용하기엔 맘에 안 들었다. 사용자를 귀찮게 하는 것을 최대한 하고 싶지 않았.. API vs Library vs Framework 2021. 1. 12. 차이에 대해 정확히 알고있다고 생각했는데 말로하려니 정리가 안돼서 [10분 테코톡] 🙆♀️티버의 API vs Library vs Framework을 다시 한 번 보고 글로 정리하면서 확실히 기억하려고 한다. API vs Library vs Framework 의 차이를 쉽게 이해하려면 [10분 테코톡] 🙆♀️티버의 API vs Library vs Framework 영상을 먼저 보는 것을 추천한다.👍 API(Application Programming Interface) 응용 프로그램에서 운영 체제나 프로그래밍 언어가 제공하는 기능을 제어할 수 있게 만든 인터페이스 프로그램 간에 연결을 시켜주는 다리라고 생각하면 쉽다. 특징 uri 를 통해 데이터를 받는 형태가 많음 구현과 독립적으로 사양(사용법)만 정의.. 2020년 별거 없는 회고 2020. 12. 31. 2020년은 정말 특별하고 의미 있는 한 해였다. 20살 이후 특별한 사건 없이 무난하게 살아왔던 내게 특별한 사건들이 계속해서 일어났기 때문이다. 그런 2020년을 마무리하면서 회고를 쓰려고 계속 시도했는데, 뭔가 계속 글이 안 써졌다. 아마도 누군가에게 어떠한 자극을 줄 수 있는 멋진 회고를 작성하고 싶은 마음, 욕심 때문이었던 것 같다. 어떻게 쓸지 고민만 하다가 2020년이 끝나고 흐지부지될 바에는 별거 없는 회고라도 작성하자는 생각에 2020년 별거 없는 회고 작성을 시작하게 되었다. 이 회고는 2020년 당시의 마음과 고민을 회상하며 웃고 있을 미래의 나를 위해 작성한다. 내 블로그 첫 글처럼 말이다. 우아한테크코스 2020년은 우아한테크코스 이야기를 빼놓을 수가 없다. 유재석 님의 인생을 바.. 점진적인 리팩토링 2020. 12. 23. 레벨 4 미션인 점진적인 리팩토링 미션이다. 취준과 함께 약 한 달 동안 진행했던 미션이다. 3단계로 이루어진 미션이었는데 단계별로 아래와 같은 요구사항이 있었다. 1단계는 리팩토링을 하기 위해 우선 테스트 코드를 작성해서 비즈니스 로직을 보호하는 미션이었다. 2단계는 본격적으로 프로덕션 코드를 리팩토링하고 단위 테스트를 추가하고 수정하는 미션이었다. 3단계는 도메인 연관 관계를 전부 단방향으로 바꾸는 미션이었다. 미션을 진행하면서 받았던 의미 있는 코드리뷰를 정리해보자! 따봉 하나 받았을 뿐이지만 나에겐 의미 있는 코드 리뷰다. 왜냐하면 고민을 많이 했던 부분이기 때문이다. 테스트 코드를 작성할 때 필요한 entity들을 생성하고 repository에 save해주는 로직이 너무 많은 부분을 차지하고 있.. 자바 제네릭(Generics) 조금 심화 2020. 11. 27. 자바 제네릭(Generics) 기초에서 못 알아본 내용을 다루고자 한다. 이 글을 읽고 이해했다면 제네릭을 조금은 알고 사용한다고 말할 수 있을 것 같다. Wildcards 와일드 카드는 제네릭의 하위 개념으로 ? 로 표시되며 알 수 없는 유형을 참조하는 데 사용한다. 어떤 타입이든 올 수 있다는 말이다. 와일드 카드를 사용한 예제를 살펴보자. public static void printList(List list) { list.forEach(System.out::println); } public static void main(String[] args) { List numbers = Arrays.asList(1, 2, 3); printList(numbers); } 위 예제의 printList는 와일드 카드.. 이전 1 2 3 4 5 6 7 ··· 31 다음
