얼렁뚱땅 개발자

- 웹 어플리케이션 구축을 위한 구성요소 웹서버, 어플리케이션 서버, 데이터베이스, 웹브라우저 엔드유저가 접근하는 방식은 웹브라우져 -> 웹서버 -> 어플리케이션 서버 -> DataBase 여기서 브라우저로 다시 돌아온다. 웹서버 : 아파치(Apache), nginx 등어플리케이션 서버 : tomcat, jBoss 등데이터 베이스 : MSSQL, MySQL, Oracle 등웹브라우저 : 인터넷 익스플로러, 구글 크롬, 파이어 폭스 등 * 주요 개념 웹서버는 정적인 HTML 과 CSS를 제공하는데 초점이 맞춰져 있고,어플리케이션 서버는 JSP, 서블릿 같은 프로그램을 실행하여 결과를 제공하는데 초점이 맞춰져 있다.따라서 구성은 위의 분류에 따라 구성한다. - CGI 방식과 어플리케이션 서버 방식 CGI는C..

Jsp 처리 과정 클라이언트 요청 -> 웹 컨테이너 -> jsp 페이지 -> 자바 소스 코드 -> 서블릿 클래스 -> 웹 컨테이너 -> 클라이언트 * Jsp에 해당하는 서블릿이 존재하지 않을 경우 Jsp 페이지를 컴파일하여 서블릿을 생성한 후, 생성된 서블릿을 사용하여 클라이언트 요청을 처리한다. * Jsp에 해당하는 서블릿이 존재하는 경우, 곧바로 서블릿을 사용하여 클라이언트 요청을 처리 한다. 출력 버퍼와 응답 Jsp 페이지는 생성된 결과를 곧바로 웹 브라우저에 전송하지 않고, 출력 버퍼(buffer)라고 불리는 곳에 임시로 출력 결과를 저장했다가 한번에 웹 브라우저에 전송한다. 버퍼에 저장했다가 한꺼번에 전송함으로서 생기는 장점. 1. 데이터 전송 성능이 향상된다.2. 곧바로 웹 브라우저로 전송되지..

출처 : http://millky.com/@origoni/post/1100 잘나와있어서 따라서 시작해본다. http://docs.spring.io/spring-boot/docs/1.2.2.RELEASE/reference/htmlsingle/#getting-started참고해서 읽어보면 설정도 적고 기본적으로 jdk7 버전 이상 spring framework 4.3 이상이라고 적혀있다. 1번 링크 부분을 참고해서 sts 최신버전을 다운로드 (https://spring.io/tools/sts) 받은 뒤 project 생성시 Spring Starter Project 로 생성한다. 두번째 탭 부분에서 1번 링크 글처럼 필요한 부분을 선택하는 부분이 있으니 참고해서 선택하면 된다. 이후 mysql을 설치하러 간다..

이번 회사로 이직 후 서버쪽 개발 업무 중 REST API 개발이 나의 main job이 되었다. 회사에서 생산하는 기기 및 App에게 효율적으로 정보를 제공해 줄 수 있는 서버쪽 프로그래밍인 셈이다.회사에서 생산하는 기기역시 안에 내장된 OS는 안드로이드로 되어있기 때문에 가능한 일이다.처음 RESTFul 에 대해서 대략적이게 알고 있었지만, 실무에서는 사용하지 않았기 때문에 달랐다.또, mean stack이나 이런 스터디로 맛뵈기 했었다고 대례 이렇겠지 짐작했었지만 역시 실무와는 달랏다. 따라서 그에 따른 내용을 한번 정리해보려고 한다. 1. REST API란 무엇인가. REST는 ROA를 따르는 웹 서비스 디자인 표준이다.ROA : Resource Oriented Architecture출처 : ht..

javascript에서 callback 함수에 관한 글 중에서 비동기 처리 방식에 관련하여 callback이 많이 사용된다는 것을 알았다.나도 같은 경우가 발생되었다. angluarjs로 사이트를 만들던 중 data-obejct 관련된 글을 보게 되었다.http://www.webdeveasy.com/angularjs-data-model/ 여기서 확인했을때 각 entity별로 crud 등을 수행 할 수 있도록 data-object 객체를 만들고 화면단에서는 해당 기능을 호출하는 방식으로 개발하도록 하는 방법이다. 아래 angularjs.factory를 이용하여 Book 의 Crud를 만들었다. Book model serviceapp.factory('Book', ['$http', function($http)..

Colored By Color Scripter™123456789101112131415 $(function(){ //모바일 브라우저 문자열 체크 var mobileInfo = new Array('Android', 'iPhone', 'iPod', 'BlackBerry', 'Windows CE', 'SAMSUNG', 'LG', 'MOT', 'SonyEricsson'); for (var info in mobileInfo){ if (navigator.userAgent.match(mobileInfo[info]) != null){ /* */ var mobileBanHtmlSrc = ""; $(".infoChangeDiv").html(mobileBanHtmlSrc); // 모바일 수행 break; } }

facebook 퍼가기 unctionName(title){ var link = document.location.href; window.open("http://www.facebook.com/share.php?u="+encodeURIComponent(link)+"&t="+encodeURIComponent(title),'',''); } twitter 퍼가기 sendTwitter(title){ var link = document.location.href; window.open("http://twitter.com/share?url="+encodeURIComponent(link)+"&text="+encodeURIComponent(title),'',''); } https://developers.facebook.com..

2015.06.03 추가 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071 var geocoder; var map; function initialize() { geocoder = new google.maps.Geocoder(); var latlng = new google.maps.LatLng(37.5665, 126.9780); var mapOptions = { zoom: 12, center: latlng, mapTypeId: google.maps.MapTypeId.ROADMAP } map = new google.map..

출처는 : 구글링 return true; ==> continue; 고 return false; ==> break; 라고 합니다.

오랜만에 적는다. 요새 좀 바쁘고 반복 작업을 하느라..따로 정리해놓은게 많이 부족해지는 것 같다.이번엔 구글에서 제공해주는 구글지도 연동 관련된 내용을 정리해봤다. Colored By Color Scripter™123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103