글쓰는 개발자

안녕하세요. 글쓰는 개발자입니다. 글을 쓰는 시점은 야근을 마치고 돌아오자마자 새벽 1시가 좀 넘었는데요. 단위테스트를 진행하면서 Chrome에서는 잘되던 javascript remove() 함수가 IE10에서는 사용불가한 이슈가 있었습니다. 그렇다면, 예제와 해결 방법을 알려드리겠습니다. 테스트용으로 리스트를 만들었고 remove() 함수를 먼저 적용해보았습니다. Chrome에서는 잘되었지만, IE10에서는 아래 그림과 같은 에러를 확인할 수 있었습니다. 그러나, removeTestIE10() 을 보시면, 삭제하고자하는 node의 parent를 선언하고, var test = paren.document.getElementById("test1"); removeChild(test) 의 방식으로 해결했습니다...

안녕하세요. 글쓰는 개발자입니다. 고등학교 친구들을 만나고 집에 돌아오자마자 글을 쓰게 되었는데요. 저의 개발자 친구 K와 C랑 셋이서 이야기를 하다가 기술면접 이야기가 나왔고, K가 Javascript의 '=='과 '==='의 차이를 알려줘서 바로 포스팅하게 되었습니다. 결론부터 말씀드리면, "==="(strict equality) 을 사용하는 것이 바람직 합니다. 비교결과 예측이 쉽고, 형 강제(coercion) 변환이 일어나지 않기에 평가가 빠르기 때문입니다. 그럼, 결론을 염두에 두시고 아래 내용을 보시기 바랍니다. 아래 내용은 친구 K의 설명과 아래 링크의 설명을 참고했습니다. https://developer.mozilla.org/ko/docs/Web/JavaScript/Equality_comp..

안녕하세요. 글쓰는 개발자입니다. 제가 업무 중에 검색필터 팝업창을 만들게 되었는데 이때, 배열 형식으로 선택된 값들을 저장했습니다. 그러한 이유는 배열에 저장된 값들을 Query문으로 날려줘서 검색을 진행하기 때문인데요. 오늘은 제가 업무 중에 사용한 방법을 포스팅하고자 합니다. 목차 1. html 2. javascript 3. 전체 코드 4. 사용된 javascript 내장 function 5. 결론 1. html 예제로 연령선택을 만들었습니다. checkbox를 활용해서 중복선택이 가능하게 만들었습니다. 10세 20세 30세 40세 50세 60세 필터입력값 : 2. javascript (아래 코드를 참고하세요.) ageArr이라는 필터내용을 저장하는 배열을 생성합니다. confirmCheck를 통해..

안녕하세요. 글쓰는 개발자 입니다. 오늘은 STUFF 함수를 설명하고자 합니다. 업무를 하면서, Category형태로 하위항목이 2depth, 3depth씩 있을 때 부모 Depth를 Key, 그에 해당하는 자식Depth 내용을 List형태로 만들어 Value로 삽입해야 하는 경우가 종종 생깁니다. 그 때 Java단 혹은 JavaScript단에서 고생하실 필요없이, 한번에 SQL로 해결하는 방법을 알려드리겠습니다. 1. Table 자료형태 아래그림과 같이 address Table을 하나 생성했습니다. 1Depth Sido에 '부산'이 반복되고 2Depth Sigungu에 '남구'가 반복되고 3Depth Bemd에 읍면동이 자식항목으로 뿌려지고 있습니다. Sido Sigungu Bemd 부산 남구 대연동 ..

US안녕하세요, 글쓰는 개발자입니다. 오늘은 개인적으로 굉장한 분노의 날이자, 감사한 날인데요. 크롬 개발자 도구를 활용한, Mobile 디버깅 방법에 관해서 포스팅 하고자 합니다. 목차 1. 자신의 모바일기기 USB 연결 2. 모바일(휴대폰) 개발자 모드 설정하기 3. adb설치하기(매우 중요!) 4. 설치 후 환경변수 설정 5. cmd에서 설치 확인하기 6. 크롬(Chrome) 브라우저에서 확인 업무를 진행하면서 크롬 개발자 도구의 모바일 환경에서는 잘되는데 QC결과상 실제 Android 환경에서는 제대로 되지 않는 경우가 있어서 모바일 개발환경을 구축하려고 블로그를 뒤졌는데 잘 안되었습니다. 여러 포스팅에서 많은 중간과정을 생략해서.... (믿고 믿었던 블로그가 사기였어.) 그리하여, 우리 빛과 소..

안녕하세요. 글쓰는 개발자입니다. Apache Tomcat을 Eclipse 혹은 STS에 연동하는 작업(아래 링크 참고)을 마쳤으니, https://backstreet-programmer.tistory.com/24 [Java 개발환경] WAS setting (Apache Tomcat, Wild fly, resin 4.0) 안녕하세요. 글쓰는 개발자입니다. Java를 기반으로 웹개발을 하다보면, 반드시 필요한게 WAS(Web Application Server) 입니다. 저는 학원에서 Apache Tomcat 8.5v을 사용했고, 현재, 회사에서는 Wild Fly, 전자정.. backstreet-programmer.tistory.com 본격적인 Spring Frame work를 위한 시리즈를 준비했습니다. ..

안녕하세요. 글쓰는 개발자입니다. Java를 기반으로 웹개발을 하다보면, 반드시 필요한게 WAS(Web Application Server) 입니다. 저는 학원에서 Apache Tomcat 8.5v을 사용했고, 현재, 회사에서는 Wild Fly, 전자정부 표준프레임워크에서는 resin 4.0을 쓰는 등 다양한 WAS가 있습니다. 아마, 제 포스팅을 보시는 분들이라면 Apache Tomcat을 많이 사용하시리라 생각이 되어, 오늘은 eclipse 혹은 STS에 WAS를 setting 하는 방법을 포스팅하겠습니다. (에러 발생시 해결도 있습니다!) 1. Apache Tomcat 설치 구글에 Apache Tomcat을 검색해도 되고, 아래 URL을 통해서 홈페이지에 접속합니다. https://tomcat.apa..

안녕하세요. 글쓰는 개발자 입니다. 오늘은 SpringFramework 개발환경 구축을 위해 STS 설치를 해보려합니다. STS는 eclipse에서도 설치해서 사용할 수 있지만, eclipse 자체도 워낙 무거운데 sts까지 추가해보니 더 무거워져서 따로 사용하는게 좋다고 생각되었습니다. 그리하여 오늘은 STS를 별도로 설치하는 방법을 안내드리겠습니다. 1. STS Download 아래 링크로 접속한 뒤 자신이 사용하는 운영체제에 맞는 파일을 클릭만 해주시면 됩니다. zip 파일로 다운로드 받습니다. https://spring.io/tools3/sts/all Spring Tool Suite™ 3 (STS 3) Download page Use one of the links below to download ..

개발하루는 회사 혹은 Side Project를 하면서 들었던 신변잡기적 생각을 일기처럼 남깁니다. 오후 8시가 조금 안되어 퇴근하니, 갑자기 삶의 질이 상승하고 워라벨이 잘 맞는 직장에 다니는 기분이 들었다. 크리스마스 이브 내생일, 어제 크리스마스 이틀을 연달아 술을 마시는 바람에 출근했을 때 너무 힘들었다. (아직, 지가 신입생인 줄 안다.) 그런데도 신기하게 술은 마셨지만 점심에 공부를 좀 했고, 오늘 구현해야 할 기능에 대해서 대충 구현 방향을 정해놓은 덕분인지 수월하게 기능을 구현하고 1시간 정도는 다른 개발자들에게 미안하니 좀 앉아있다가 8시가 안되어 퇴근했다. 조금씩 실력이 느는 만큼, 퇴근시간이 빨라질 수 있다는 믿음을 갖고 아무리 힘들어도 공부만큼은 게을리해서는 안되겠다. 내일도 칼퇴를 ..

안녕하세요 글쓰는 개발자입니다. VisualStudio Code를 활용해서 C/C++을 개발하려니 여러가지 세팅해야할 것들이 너무 많다는 단점이 있는 것 같아서. Visual Studio를 통한 개발환경 구축을 포스팅하려합니다. 1. Visual Studio 설치 먼저, 아래 링크를 통해 접속 한 후 무료 다운로드를 클릭 후 설치를 시작합니다. 저는 선택화면에서, C/C++, Node.js, Python을 선택했습니다. (나중에 할 수도 있으니...) https://visualstudio.microsoft.com/ko/downloads/ Windows 및 Mac용 Visual Studio 2019 다운로드 Visual Studio Community, Professional 및 Enterprise를 다운로..