문제 상황 최근 Oracle OpenJDK 21을 사용하여 프로젝트를 구축하던 중, 예상치 못한 에러가 발생했습니다. 아래는 해당 에러의 스크린샷입니다. Unsupported class file major version 알고 가는 기본 개념 1. Gradle 이란 무엇인가? Gradle helps teams build, automate and deliver better software, faster. [출처] : https://gradle.org Gradle은 "Build 자동화 도구"로 정의될 수 있습니다. 간단히 말해, 소프트웨어 개발 과정에서 반복되는 빌드 작업을 자동화하여 개발자가 더 빠르고 효율적으로 소프트웨어를 제작할 수 있게 돕습니다. 2. 그렇다면 Build 란? build is the p..

Day 7 : 왜 굳이 웹 서버 프레임워크를 사용해야 하나? 2023.05.24 - [Project ISL/프론트엔드] - Day 6 : 첫걸음은 '레이아웃 설계'로부터 Day 6 : 첫걸음은 '레이아웃 설계'로부터 2023.05.18 - [Project ISL/프론트엔드] - Day 5 : 세계지도 인터랙션, 국가별 호버 이벤트 xpmxf4.tistory.com 이전 글을 읽고 와주시면 감사하겠습니다 :) 오늘의 WORK 오늘은 3 가지의 작업을 완료했습니다. world-map.html 에 존재하는 나라들의 국가코드(ISO 3166-1 alpha-2)를 모으기 해당 국가코드들의 풀네임을 매핑한 json 생성 이렇게 생성한 json 파일을 JavaScript로 DB에 넣기 world-map.html 에서..

2023.05.18 - [Project ISL/프론트엔드] - Day 5 : 세계지도 인터랙션, 국가별 호버 이벤트와 법규(?) Day 5 : 세계지도 인터랙션, 국가별 호버 이벤트와 법규(?) 2023.05.17 - [Project ISL/프론트엔드] - Day 4 : 노력하는 자에겐 상이...? Day 4 : 노력하는 자에겐 상이...? 2023.05.16 - [Project ISL/프론트엔드] - Day 3 : SVG와 자바스크립트를 활용한 세계지도 만들기 Day 3 : SVG xpmxf4.tistory.com 위 글을 읽고 오신 다음에 이 글을 읽는 것을 추천 드립니다! 날짜를 보면 아시겠지만... 이 글은 그간과는 다르게 작업을 한지 좀 뒤에 작성하게 되는 글입니다. 핑계를 대자면 최근 코로나에..

대략적인 기획이 끝나고 실제로 UI 를 보고 나서 필요해보이는 기능이 더 있을 거 같다고 판단, 어제 기획 이후에 바로 세계지도를 코드를 가져와 작성했다. https://codepen.io/Paulie-D/pen/vXzjmr SVG Dotted World Map ... codepen.io 도트형 이라는 단어 답게, 코드를 일일히 찍어야 겠다라는 생각을 하고 있었지만 예제 코드를 보니 svg 안에 태그가 무려 2,500 줄이나 있었다... // 2,500 줄 더... 역시 세계는 넓구나... 도트형 세계 지도를 찍는 거 까지는 해결. 다음 과제는 썸네일에서 나와 있듯이 바로 영역을 구분해야 한다. 왜냐하면 각 나라의 영역에 마우스를 hover 하게 되면 그 나라의 도트들만 색깔이 변해야 하기 때문이다. 생..

먼저 디자인 패턴의 정의부터 바로 알아보겠습니다! 디자인 패턴은 S/W 설계에서 자주 발생하는 문제들을 해결하기 위해 사용되는 재사용 가능한 해결책이다. 아마 이 글을 읽으시는 분들 중 디자인 패턴에 대해 검색해 보셨다면 위와 같은 설명을 많이 보셨을 겁니다. 여기서 "자주 발생하는 문제들" 이란 대체 무엇일까요? 디자인 패턴은 모든 개발자들에게 중요한 개념이지만, 주니어 개발자들이 알아야 하는 필수 덕목 중 하나라는 데... 만약 위 짤 설명과 비슷한 생각이 든다면 정상입니다! 저도 그랬으니깐요 왜냐하면 디자인 패턴이라는 개념은 사실 소프트웨어 분야가 발전한 역사, 즉 과거와 밀접한 관련이 있기 때문이죠. 그렇기에 앞으로 이 카테고리에 설명할 디자인 패턴의 종류가 뭐가 있고 각각을 어떻게 구현하고 실사..