전체 글
-
프론트엔드 UI개발 02_Draggable Element웹개발 2023. 6. 26. 01:34
UI개발을 진행하다 보면 마우스로 특정 엘리먼트를 이동시킬 때가 있습니다. 언뜻 보기에는 구현이 쉬워 보이지만, 마우스 포인터와 엘리먼트의 스타일이 실시간으로 동기화되어 화면에 반영되어야 구현이 가능한 인터렉션입니다. 프론트엔드 UI개발 두 번째 포스팅에서는 엘리먼트의 이동에 대해서 정리하려고 합니다. document.addEventListener("DOMContentLoaded", function () { const container = document.querySelector('.area'); const box = container.querySelector('.area_box'); const draggable = new Draggable(container, box); }); 함수 실행은 이전 Scro..
-
직장인 대학원 진학에 대한 고민과 선택과정라이프 2023. 6. 18. 16:35
어느새 10년이 가까운 직장생활을 하게 되었습니다. 코로나로 인해서 3년이 빠르게 지나가고, 다사다난한 해를 지내다 보니 정말 눈 깜짝할 사이에 시니어 개발자라는 직함까지 얻게 되었습니다. 최소 60까지는 일을 해야 생계를 유지하는 시대에 살고 있는 평범한 직장인으로서 40 중반 이후의 삶을 준비해야겠다는 생각이 들었습니다. 물론, 현재 다니고 있는 직장에서 버티고 버티면 50까지는 일을 할 수도 있겠지만, 인생은 항상 제 뜻대로 되지 않기 때문에, 나름 인생의 후반전을 준비해야겠다는 생각이 들었습니다. 물론, 개발 경험과 프로젝트, 그리고 지식을 쌓는 것은 기본이라고 생각합니다. 하지만, 이런 건 주니어 개발자부터 누구나 하고 있고 또, 할 수 있다고 생각합니다. 그들이 없는 특별한 차별점과 특이점이 ..
-
직장인 연금저축 TIGER vs. ACE 미국 S&P 500 무엇이 좋을까?재테크 2023. 6. 17. 00:03
직장인이면 누구나 노후를 고민하게 됩니다. 저는 직장 생활을 시작한 지 오래되었지만, 연금저축에 본격적으로 돈을 입금한 건 얼마 되지 않습니다. 은행이나 보험회사를 이용하면 동일한 상품이어도 수수료가 더 많은 것 같아서, 저는 키움증권으로 바로 연금계좌를 만들고 연금저축을 시작하였습니다. 직장인 연금저축의 장점으로는 바로 세액공제 때문이며, 2023년에는 세액공제 한도가 상향이 되었습니다. 아시다시피, 연금저축으로는 ETF상품에 직접적으로 투자를 할 수 있습니다. 제가 선택한 ETF상품은 미국 S&P 500 지수를 따르는 TIGER와 ACE 두 가지입니다. 물론, TIGER 미국 나스닥 100도 보유하고 있습니다. 두 가지 모두 비슷한 상품이지만, TIGER는 미래에셋에서 운용하며 ACE는 한국투자신탁에..
-
프론트엔드 UI개발 01_Scroll Spy(스크롤스파이)웹개발 2023. 6. 16. 11:05
스크롤 스파이(Scroll Spy)는 웹사이트의 스크롤 위치를 기반으로 내비게이션 상태를 업데이트 함으로써 어떤 탭이 활성화되어 화면상에 노출이 되는지 알려줍니다. document.addEventListener("DOMContentLoaded", function () { const navElem = document.querySelector("#nav"); const contentsElem = document.querySelector("#contents"); const scrollspy = new Scrollspy(navElem, contentsElem); scrollspy.setEventListeners(scrollspy); }); DOMContentLoaded가 완료되면 스크롤 스파이에 필요한 #nav..