본문 바로가기

분류 전체보기

 (316)
[ Spring ] 스프링의 개념 및 설치방법 / 환경구축 Java를 이용해서 웹 어플리케이션을 개발 할때 JSP, MyBatis, JPA 등 다양한 기술을 사용하는데, 그중 하나는 바로 스프링입니다. 동적인 웹사이트를 개발하기 위한 여러가지 서비스를 제공하는 스프링은 현재 전자정부 표준프레임워크인 eGovFrame도 스프링을 사용하기에 이미 표준이나 마찬가지입니다. 스프링을 학습 하기전에 JAVA와 JSP, Servlet, MVC등 / 추가적으로 HTML, CSS, JavaScript등의 기본적인 학습하시길 바랍니다. ​ ​ ​ ● 스프링(Spring) 이란? : 매우 방대한 기능을 제공하고 있어서 스프링을 한마디로 정의하기는 어렵지만, 흔히 스프링 프레임워크를 말합니다. 잘알려진 정의로는 " 자바 엔터프라이즈 개발을 편하게 해주는 오픈소스 경량급 애플리케이션..
[JavaScript] DOM이란 무엇이고, 어떻게 사용되나? ● DOM이란? : DOM(Document Object Model) 은 BOM중 하나입니다. BOM(Browse Object Model)이라는 브라우저 객체 모델의 최상위 객체는 window라는 객체가 있고, DOM은 이 window객체의 또하나의 객체이기도 합니다. DOM은 문서 객체 모델인데, 여기서 문서 객체란 또는 같은 html문서의 모든 태그들을 Javascript가 이용할 수 있는 객체로 만들면 이것을 문서객체라고 합니다. Model은 영어단어로는 모형,주형이라는 의미가 있고 모듈이라는 의미도 있습니다. 문서객체를 인식하는 방식이라고 해석 할 수 있습니다. 즉, DOM은 웹 브라우저가 HTML페이지를 인식하는 방식으로써, tree라는 자료구조로 되어있습니다. ​ ● Node(노드)이란? : t..
[Javascript] JSON객체와 메소드 (문자열 변환) ● JSON 객체 : ECMAScript 5 부터는 정식으로 JSON객체를 지원합니다. JSON은 자바스크립트 객체의 형태를 갖는 문자열을 말합니다. ​ ● JSON객체의 메소드​ * JSON.stringfy() : 자바스크립트 객체를 JSON문자열로 변환합니다. * JSON.parse() : JSON문자열을 자바스크립트 객체로 변환합니다. 위 코드를 실행하면 객체의 속성과 값을 쉽게 확인할수 있습니다. object라는 객체를 생성하고 이 객체를 stringify메소드를 통해서 string형태로 변환시켜서 출력됩니다. parse()메소드는 JSON문자열 자바스크립트 객체로 바꾸는 역할을 수행합니다. 즉, 객체를 생성하고 JSON문자열을 변경하고 다시 객체로 변경합니다. JSON.stringify()메소드..
[Javascript] Number객체와 String객체 / 메소드(Method) ● Number 객체 : 자바스크립트에서 가장 단순한 객체로 숫자를 표현할 때 사용합니다. ​ ​ ● Number객체의 메소드 * toExponential() : 숫자를 지수 표시로 나타낸 문자열을 리턴합니다. * toFixed() : 숫자를 고정 소수점 표시로 나타낸 문자열을 리턴합니다. * toPrecision() : 숫자를 길이에 따라 지수 표시 또는 고정 소수점 표시로 나타낸 문자열을 리턴합니다. 이번에는 Number객체를 생성해보았습니다. 각각의 타입을 출력해보았습니다. 위 소스는 toFixed()메소드를 호출해서 예제를 만들어보았습니다. 사진처럼 파라미터로 1을 넣어주면 소수점 1번째자리까지 출력되고, 4를 파라미터로 넣어주면 4번쨰 자리까지 출력됩니다. ● String 객체 : 문자열을 표현..
[Javascript] for of 반복문 / for in 반복문 개념 및 차이점 (예제) ● for in 반복문 : 앞의 반복 변수에 '요소'가 아니라 '인덱스'가 들어갑니다. array배열에 1,2,3,4의 값이 들어있습니다. for in반복문을 보면 array배열값을 in키워드 뒤에 적어주고, var i로 임의로 변수를 만들어줍니다. 해당 인덱스가 0부터 3까지 console.log 출력 괄호안에 인덱스i가 들어가고 array[]배열안에 [i]를 적어줘서 해당 인덱스 값을 불러옵니다. ● for of 반복문 : ES6(ECMAScript 6)에서는 for of 반복문이 추가되어 내부의 요소를 바로 넣어 활용할 수 있게 되었습니다. for in 반복문과 달리 of키워드 뒤에 배열을 직접 적어주고 element변수로 값을 출력해줍니다. 여기서 ` `는 ES6에서 추가된 사항입니다.
구글의 '독창적 보도' 우대, 저널리즘 구세주 될까 “검색 결과에서 독창적인 최초보도(original reporting)를 우대하겠다.” 지난 12일(현지시간) 구글이 깜짝 발표한 내용이다. 검색 뿐 아니라 구글 뉴스, 디스커버리 등 주요 서비스에서 ‘오리지널 보도’ 기사를 좀 더 전진 배치하겠다는 것이다. 구글 뉴스 서비스를 이끌고 있는 리처드 긴그라스 부사장은 이날 블로그에 올린 글을 통해 이번 정책 변화에 대해 좀 더 구체적으로 설명했다. “그 동안 우리는 최신 뉴스, 혹은 가장 포괄적으로 서술된 뉴스를 보여줬다. 하지만 이젠 오리지널 보도로 판명된 것들을 우대하는 쪽으로 바꿨다. 이 정책은 전 세계적으로 적용된다.” ■ '독창적 최초 보도'는 누가 판명하는 걸까 구글의 검색 알고리즘 변화 자체는 긍정적으로 받아들일 수 있다. 퀄리티 저널리즘을 우대..
[Javascript] 숫자와 문자열 자료형 변환(Number) 첫번째는 '1+2'자체를 문자열 자료형으로 인식하기에 그대로 출력됩니다. 두번째는 자료형의 덧셈이 실행되서 3이 출력됩니다. 나머지 3개는 모두 문자열 '12'가 출력되는데, 숫자자료형과 문자열 자료형이 더해지면 숫자 자료형을 문자열 자료형으로 자동 변환됩니다. 첫번째를 제외하고 모두 숫자자료형으로 인식해서 2가 출력됩니다. 자료형이 자동으로 변환되는것 이외에는 강제로 자료형을 변환할수도있습니다. 아래 예제에서 설명해드리겠습니다. input은 1이라는 문자열이 저장되었고, Number이라는 함수를 사용해서 파라미터로 input을 넣으면 강제로 숫자로 변환되어 numbe..
[Javascript] prompt(), confirm() 함수 ● prompt() : 문자열 자료형을 입력할때 사용하는 함수입니다. 사용자에게 입력을 요구하는 입력창이 나타나고, 입력창에 값을 입력하고 확인을 누르면 prompt()함수는 입력한 문자열을 input변수에 저장합니다. ● confirm() : 불 자료형을 입력받을때 사용하는 함수입니다. 사용자에게 확인을 요구하는 창이 나타납니다. 사용자가 [확인]을 클릭하면 true를 return하고, [취소]를 클릭하면 false를 return합니다.

티스토리툴바