applan의 개발 이야기

🥅 완성 모습 See the Pen Untitled by 민수 (@applan_siepe) on CodePen. 👨‍💻 계기 회사에서 동적으로 InputGroup을 생성, 삭제, 저장 관련된 로직이 필요한 경우가 생겼다. 이전 회사에서도 개발해보고 다양한 회사에서 경험해봤는데 할때마다 잊는 것 같아서 이후 사용하기 위해 새롭게 JS ES6 문법을 참고하여 개발해보려고한다. 🤔 요구사항 추가 구현 Input Box 는 Text 타입으로 2개 생성 ( Key / Value ) 1번째 Group 버튼은 `+` 버튼 2번째 Group 이후 버튼은 `-` 버튼 삭제 구현 `-` 버튼 클릭 시 클릭한 InputGroup 삭제 최대 갯수 제한 최대 갯수 변수를 이용해 InputGroup 생성 alert 메시지 = C..

💥 발생 다음 HTML 소스에서 버튼을 클릭하면 canvas 에 테스트, 123123 이 나와야하는데 123123이 나오지 않는 현상 발생 캔버스 표기 🧑‍💻 문제 확인 Chrome 의 inspect 로 화면을 띄워서 디버깅 진행 뭐가 문제지... 해매다가 한가지 이상한 점을 확인 ..? canvasWidth 값이 왜 0이지..? 분명 800으로 줬는데...? 🤔 문제 해결 과정 이상함을 감지하고 바로 소스에 다음 console.log 추가 $(() => { let canvas = document.getElementById('testCanvas'); let ctx = canvas.getContext('2d'); let canvasWidth = $('#testCanvas').width(); ctx.font..