로춘남의 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를 통해 보는건 괜찮을 수 ..

자바스크립트 체크박스 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 = $..

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 이라는 키워드..

한국정보기술연구원(KITRI)에서 교육받고 있는지 어느덧 3개월이란 시간이 흘렀다. Oracle Database 부터 시작해서 Java와 JDBC 그리고 JSP와 Servlet을 지나 요즘은 JavaScript를 배우고 있다. 그리고 이제 곧 jQuery를 배우겠지. 비전공자이긴 나에게 하루하루 배우는양들이 너무너무 많고, 이해도 잘 되지 않아서 힘든 나날들을 보내고 있다. 복습에 대해 조금 더 강조하고자 약간 반강압적인 자세로 블로그에 하루하루를 기록하고자 한다. 그렇기때문에 이 글을 읽기전에 알아야할점 - 나는 KITRI의 교육생 신분으로 내가 공부한것을 작성한다. 잘못된 정보가 있을수도 있다. - 나는 비전공자이고, 아직 시작한지 얼마 안됬기 때문에 용어의 선택이 조금은 어색 할 수 가 있다. 그전..