2023.05.17 - [Project ISL/프론트엔드] - Day 4 : 노력하는 자에겐 상이...? Day 4 : 노력하는 자에겐 상이...? 2023.05.16 - [Project ISL/프론트엔드] - Day 3 : SVG와 자바스크립트를 활용한 세계지도 만들기 Day 3 : SVG와 자바스크립트를 활용한 세계지도 만들기 이 화면을 틀어두고 방법을 모색하는 데 내 화면이 너 xpmxf4.tistory.com Day 4 글을 읽고 와주시면 다음 글의 내용이 훨씬 잘 이해가 갈 거예요! 어제 각 나라별로 마우스 호버시 색깔이 바뀌도록 하는 이벤트를 설정하고 마무리했고, 오늘은 이제 법규를 날리기 위한 작업 내용을 보여드리도록 하겠습니다 :) 어제 완성된 코드부터 보시죠! window.onload =..

2023.05.16 - [Project ISL/프론트엔드] - Day 3 : SVG와 자바스크립트를 활용한 세계지도 만들기 Day 3 : SVG와 자바스크립트를 활용한 세계지도 만들기 이 화면을 틀어두고 방법을 모색하는 데 내 화면이 너무 구려보이는 것이다. 뭔가 허전하달까...? 원래는 그래서 오늘 다른 디자인을 찾다가 보니 다음 사이트를 찾을 수 있었다. https://simplemaps.co xpmxf4.tistory.com 이 전글도 보고 와주시면 감사하겠습니다!!! 오늘도 꾸준히 1시간, ISL 에 투자했습니다. 어제의 글처럼 simplemaps.com 에서의 svg는 그대로 사용하지만 위 사이트에서 제공하는 기능은 일일히 구현을 하기로 독한 마음먹고 svg 코드를 분석하는 와중에 특이한 점을 ..

이 화면을 틀어두고 방법을 모색하는 데 내 화면이 너무 구려보이는 것이다. 뭔가 허전하달까...? 원래는 그래서 오늘 다른 디자인을 찾다가 보니 다음 사이트를 찾을 수 있었다. https://simplemaps.com/world HTML5/JavaScript Interactive World Map | Simplemaps.com Fully Customizable Almost every aspect of the map can be customized. Colors, descriptions, links, labels, locations, regions and much more. simplemaps.com 해당 사이트는 정확히 내가 원하는 모양과 기능들을 모두 탑재한 svg 및 자바스크립트 기능까지 지원하는 사..

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

예전 개발을 막 시작했을 시절에는 일단 코드부터 작성하고 봤는 데 이제는 코드부터 들입다 작성하는 게 오히려 미래에 프로젝트 진행을 더 더디게 만든다는 걸 알아 기능 리스트업부터 해요. 이번 프로젝트는 저 혼자서 프론트, 백엔드, 인프라까지 전부 다 관리하기 때문에 프론트, 백엔드, 인프라에 관한 모든 일정 및 todo 리스트까지 전부 제가 짜고 관리를 합니다. 노션 관리 페이지 https://devchpark.notion.site/I-S-L-Management-03be7a6c031c4b98b42df1e7129f0143 I.S.L. Management A new tool for teams & individuals that blends everyday work apps into one. devchpark...

세상에는 다양한 사람들이 있고 이렇게 다양한 사람들이 낸 아이디어를 통해 여러 프로젝트들이 존재해요. 그동안은 항상 배우기 좋다는 이커머스 프로젝트만 진행하다 이젠 정말로 내가 만들고 싶은 "나 다운 프로젝트"를 해보자라는 생각이 들어 프로젝트 ISL 을 기획하게 되었습니다! 그렇다면 프로젝트 ISL 이 뭐냐? 프로젝트 ISL 을 설명하기에 앞서 주인장 블로그의 제목은 다음과 같습니다. 블로그이름을고민하다보니이거제목의길이가어디까지일지궁금하게되어이렇게해봤습니다 예전에 다니던 부트캠프의 한 멘토님이 보시더니 이런 말을 해주셨던 게 기억이 나네요. 사실 전 장난치는 것을 매우 좋아한다는 것을 설명 전에 미리 말씀드려 이 프로젝트에 설명에 대한 마음의 준비(?)를 시켜드리기 위해 이렇게 길게 한번 주인장에 대해..

2023.05.09 - [디자인 패턴] - 소프트웨어 위기를 극복한 디자인 패턴의 탄생과 발전 소프트웨어 위기를 극복한 디자인 패턴의 탄생과 발전 먼저 디자인 패턴의 정의부터 바로 알아보겠습니다! 디자인 패턴은 S/W 설계에서 자주 발생하는 문제들을 해결하기 위해 사용되는 재사용 가능한 해결책이다. 아마 이 글을 읽으시는 분들 중 디 xpmxf4.tistory.com 해당 포스팅을 읽기 전 위 글을 읽고 오시는 것을 추천드려요! 위 글에서 디자인 패턴이 무엇인지, 그 필요성에 대해 알게 됐다면 이제는 본격적으로 디자인 패턴 즉 소프트웨어 솔루션들에 각 종류에 대해 알아보겠습니다! 디자인 패턴은 크게 3 가지 유형으로 나눠집니다! 생성 패턴 객체 생성에 관련된 패턴으로, 객체를 생성하는 방법과 시점을 결정..

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

그 동안 후기로만 봐오던 개발자 세미나... 이번에 처음으로 직접 다녀오게 됐습니다! 바로 2023 AWS Summit Seoul! https://aws.amazon.com/ko/events/summits/seoul/ AWS Summit Seoul 국내 최대 규모의 IT 컨퍼런스, AWS Summit Seoul 이 드디어 다시 현장에서 여러분들을 만납니다. 최신 클라우드 기술부터 궁금했던 기술 데모까지 모두 만날 수 있는 곳, AWS Summit Seoul로 여러분을 초 aws.amazon.com 요새 클라우드에 관심을 가지고 공부하고 있었는 데 이렇게 세미나아 열렸다니... 그것도 집에서 매우 가까운 코엑스... 정말 운이 따라준다고 생각이 들었네요:) 이번 AWS Summit 은 Day 1, 2 총 ..

해당 글은 [클라우드를 넘어 클라우드 네이티브까지] 2. 클라우드 이점을 최대로, 클라우드 네이티브 의 내용을 토대로 작성한 글입니다! 2023.04.26 - [클라우드와 클라우드 네이티브란?] - [1] 클라우드는 선택이 아닌 필수! [1]클라우드는 선택이 아닌 필수! 해당 글은 [클라우드를 넘어 클라우드 네이티브까지] 1. 기업 생존과 직결된 클라우드 도입 의 내용을 토대로 작성한 글입니다! 요새 모든 사업 분야에서 디지털 트랜스포메이션(이하 D.T.)을 도 xpmxf4.tistory.com 위 글을 먼저 보고 오시는 것을 추천합니다! 위 글을 읽고 오셨다면 아마 여러분은 여러분의 새로운 서비스에 클라우드를 도입하고 싶거나 혹은 클라우드로의 전환의 대한 필요성을 느끼실겁니다. 도입과 전환이 마냥 쉬웠..