로춘남의 IT이야기

자바스크립트를 이용하면 변수라는것을 선언해주는데, 종류는 var, let, const가 있다. 이것들을 사용은 하고 있는데, 각각 무슨 차이점이 있는지 잘 모르는거 같아서 정리가 필요할것 같았다. 1. 변수 선언 방식 let, const의 경우는 2015부터 나왔던거 같고, 그전까지는 쭈욱 var를 사용했던것 같다. 우선 var는 변수 선언 방식에 단점을 가지고 있다. var test = 'java' console.log(test) // java var test = 'javascript' console.log(test) // javascript 변수를 재선언했음에도 불구하고, 에러가 나오지 않고 각각 다른값들이 출력되는것을 확인 할 수 있다. 테스트 삼아서 console.log를 통해 보는건 괜찮을 수 ..

자바를 이용하면서 MVC패턴을 통해 Controller에서 데이터를 주고받는일이 있다. 기존 JSP에서는 제목 ${testVO.title} 내용 ${testVO.content} 이름 ${testVO.name} 번호 ${testVO.bno} 이러한 형태로 데이터를 주고 받으면서 조회, 수정, 삭제 기능을 수행었는데, 같은 기능을 다른 방법으로 시도해보고 있었다. JSP에서 다른 JSP에서 화면이동 할 필요 없이 1개의 페이지에서 ajax를 이용하여 데이터의 정보를 조회나 수정을 하고싶었다. 쉽게 말하자면 댓글 기능과 비슷하다고도 볼 수 있다. ajax로 데이터 처리를 하고 $.each(result, function(index, view) 의 패턴으로 Controller에서 데이터를 잘 가지고와서 Web 화..

프로그래밍을 하다가 함수의 리턴값 -1 0 1이 의미하는것 -1 : 에러발생 0 : 정상 종료 1이상 숫자: 정상 종료 되었으나 다른 무언가 있음 -2 및 그 이상 : 에러가 발생했으나 구체적으로 무엇인지 나타냄. 보통 -1, 0 ,1을 많이쓰긴하는데 이건 코드를 작성하는 사람에 따라 다름.

자바스크립트 체크박스 Array 활용하기 //전체 Array에 넣기 var arr = []; $('input[name="test"]').each(function(index) { var bChecked = $(this).prop('checked'); var id = $(this).attr('id'); var value = $(this).val(); arr.push('[' + index + ']('+ bChecked + ')' + id + ':' + value); console.log(arr); }); //전체 Checked Array에 넣기 var arr = []; $('input[name="chckbxColors"]:checked').each(function(index) { var bChecked = $..

기본사이트 구상 : 최종 구현 시스템을 고려하여 프로토 타입 생성 확대, 축소 - 기본 http://openlayers.org/en/latest/examples/accessible.html#map 화면 이동 및 검색 목록 클릭시 이동 - http://openlayers.org/en/latest/examples/animation.html http://openlayers.org/en/latest/examples/center.html - http://openlayers.org/en/latest/examples/navigation-controls.html 마크표시 + 이동경로 - 기본 및 전제조건, 부가기능 기능 http://openlayers.org/en/latest/examples/draw-features...

Map 위에 Layer를 생성하고, Style를 변경해줄때 필요한 부분 var styles = [ new ol.style.Style({ stroke: new ol.style.Stroke({ color: '#fc8d16', width: 6, }), }) ]; var featureSource = new ol.source.Vector({ }); var featureLayer = new ol.layer.Vector({ source: featureSource, //생성한 Source를 포함하여 layer 생성 style: styles, //style 적용 }); var multiPointFeature = new ol.Feature({ geometry: new ol.geom.MultiPoint(pnt) }); va..

JavaScript를 사용하다가 발견한 fetch 함수라는것에 대해 궁금해졌다. 찾아보니깐 fetch는 api를 불러오고, 정보를 내보내주는 함수라고 한다. fetch 함수에 쓰여지는 method는 get과 post가 있는데 설정을 따로 안해주면 기본적으로 get으로 설정된다. fetch는 서버와 비동기 요청방식중에 하나인데, 대표적인 비동기 요청방식중에 하나인 Ajax의 방식 중 하나이다. if(url) { fetch(url).then(function(response){return response.text();}).then(function(html){ document.getElementById('info').innerHTML = html; }); } 공부하다가 작성해본 코드인데, then 이라는 키워드..

내일배움카드를 이용하여 그린컴퓨터아카데미에서 자바스크립트 과정을 수강하고 있었는데,, 수강 5일차 되던 날에 국가에서 2단계를 실시했고, 이후엔 2.5단계로 격상되면서 수업이 2주 가량 휴강이 되었다. 그러다가 이번주부터 청년의 취업과 연관된 곳이라 휴강이 제한적으로 풀렸으나 다른업종과 마찬 가지로 21시까지 밖에 수업을 할 수가 없다. 이 말은 즉 19:20:-22:20까지 진행되던 수업이 19:20-20:50으로 바뀌었다는 소리... 180분으로 진행되었던 수업이 90분으로 단축이 되었다. 하루에 할 양을 이틀에 나뉘서 하게되었고, 2주라는 휴강기간동안 학습의 흐름도 끊겨서 아쉬웠다. 자바스크립트 과정을 배우고 있지만 아쉬운 부분이 많다. 웹디자인 부분이라 그런지 주로 틀을 잡는 내용이나, oncli..

※ 본 게시글은 그린컴퓨터아카데미와 아무 연관이 없는 개인적인 후기 및 기록입니다. 매주 화목/화목금으로 이루어지는 자바스크립트 수업. 오늘은 그 두번째 날이다. 지난 시간이 자바스크립트 수업에 대한 기초적인 부분과 특징을 알아봤다면, 오늘은 데이터 타입해 대해서 배웠다. 기존에 이미 알고 있는 내용이었기때문에 수업을 따라가기 수월했으며, 복습의 개념으로 수업에 임하였다. *** 자바스크립트의 자료형(Data type) *** 연산에 사용되는 값의 종류 * 상수: 값이 정해져 있는 형식(항상 일정한 형태를 가진다) 1. 정수 - 음수(-), 소수(.)를 제외한 양의 실수 - 8진수, 16진수 포함 2. 실수 - 실제 사용 가능한 모든 수 3. 문자형 상수(String) - 일반적인 텍스트 - "" 사용 ..

개발자로 일하면서 모르는 부분은 항상 나오기 때문에 공부는 필수 중에 필수이다. 퇴근하고 스스로 공부를 해보았지만, 독학으로의 한계를 느끼게 되어 오늘부터 학원을 다니기 시작했다. 이전에 백수시절에 발급했던 내일배움카드가 있었기에 회사 근처에 위치한 그린컴퓨터아카데미로 수강등록을 했다. 내일배움카드엔 관할 노동청을 찾아가서 직접 신청 해도 되지만, 온라인으로도 쉽게 신청 할 수 있다. www.hrd.go.kr/hrdp/ma/pmmao/indexNew.do HRD-Net 개설 훈련과정 46051개 개설 훈련과정 3283개 개설 훈련과정 2846개 개설 훈련과정 2787개 개설 훈련과정 2729개 개설 훈련과정 2176개 www.hrd.go.kr 과정을 살펴보면 100% 지원이 되는 과정도 있고, 본인이 일..