글쓰는 개발자

안녕하세요. 글쓰는 개발자입니다. 오늘은 업무 중에 활용했던, 커리어넷 OPEN API 센터의 학교명 검색 기능을 활용해서 비동기 검색제시어 기능을 구현한 것을 간단하게 소개하려고 합니다. 동기, 비동기 방식에 대한 자세한 설명이 필요할 것 같지만, 다른 포스팅에서 다루도록 하고 기능구현만 간단히 소개하겠습니다. 1. 검색제시어 기능 다양한 포털사이트에서 검색을 하실 경우 아래에 유사한 검색어들이 제시되는 것들을 보셨을 것입니다. 그것이 바로 검색제시어 기능입니다. 비동기 방식이기 때문에 검색어가 변경될 때 마다 매번 새로고침 되지않고 제시어만 계속 바뀌게 됩니다 2. 기능 구현 커리어넷의 OPEN API를 예시로 들었지만, DB에서 불러온 값들을 활용하셔도 됩니다. 1) html 간단하게 검색어를 입력..

안녕하세요. 글쓰는 개발자입니다. 고등학교 친구들을 만나고 집에 돌아오자마자 글을 쓰게 되었는데요. 저의 개발자 친구 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를 통해..

안녕하세요! 글쓰는 개발자입니다. 우리가 흔히 웹을 사용하다보면, 요즘은 임시저장 기능을 많이 볼 수 있는데요. 자*설 닷컴에서 자기소개서를 작성해보셨다던가 E-mail을 작성하다보면 자동으로 임시저장이 되죠, 그리하여, 이 기능을 저의 첫 SideProject로 구현해보려 합니다. 구현 배경은, 저의 업무 중 임시저장모듈을 사용하게 되었는데 제가 작성한 입력폼에는 맞지 않았습니다. 그리하여 View에서 text, textArea, checkbox, radiobutton, selectbox가 있다면, 어디에든 사용할 수 있는 모듈을 개발해보려 하는데요. 오늘은 그 첫 출발인 계획수립입니다. 매일 야근해서 혹시 밀리지는 않을까 걱정이긴 한데, 첫 Side Project인 만큼 반드시 성공(?) 최소한 1일..