Simplify

GitHub 소스 위치 : https://github.com/Simplify-study/SpringBootSample.git 들어가며..Spring 은 최근 가장 많이 사용하는 서버 프로그래밍 프레임워크입니다. 추후에 Spring 자체에 대한 글도 한 번은 올릴 예정이긴 하지만, Spring 에 적응하고 나면 비교적 편하게 서버 프로그래밍을 할 수 있습니다. Spring 은 웹 서비스를 만들기 위한 프레임워크이기 때문에 보통은 Tomcat 을 설치하고 그 위에 띄우게 됩니다. Tomcat 위에 올라가다 보니, 관리해야 할 프로그램 instance가 늘어나게 되는 샘이고 이러한 불편함을 해소해 주는 것이 Spring Boot 입니다. (Spring boot 는 Tomcat 위에서도 실행 가능하긴 합니다) ..

자바스크립트를 사용하는데 jQuery 라이브러리는 빼놓을 수 없는 요소가 되어버렸습니다. 물론 순수 javascript 를 이용한 코딩이 원론적(?)이라서 더욱 선호하는 분들도 있을지 모르겠으나, 네트워크 속도가 워낙 빨라지고, 기기들의 성능이 좋아진 만큼, 많이들 사용하게 된 것 같습니다. 자바스크립트 사용하는 데, 특정 객체의 프로퍼티를 수정하는 과정은 수없이 일어나는 과정이며, 다양한 방법을 사용하게 됩니다. 물론, 그냥 점(dot, .)을 찍고 넣으면 된다고는 하지만, 다양한 Case들에 대비해서 처리를 해 놓은 함수를 사용하는 것도 좋은 방법 중 하나입니다. 이럴 때 사용하는 것이 jQuery 의 data 함수입니다. 12345$( "body" ).data( "foo", 52 );$( "body..

재목은 거창하나.. 이번에도 팁 수준에서의 글을 작성해 보려고 합니다. javascript는 아직도 웹, 모바일 웹 등에서 자주 사용되고 있고, 어떤 프레임워크를 사용하던지 Javascript 언어 기반으로 jQuery 를 사용하는 것이 가장 일반적인 것 같습니다. (화면을 구성하는데 말이죠.. 어디까지나 제 시각에서...) 그런데 javascript, 즉 jQuery 에서 비동기 Ajax call등을 수행하게 될 때, 특정 call이 무조건 우선해야 하는 경우가 생깁니다. 다음 세 가지 network 작업이 있는 웹 페이지라고 가정을 해 보겠습니다.사용자 정보를 받아온다. (session 정보, 권한 정보 등..)기본 코드값, 일반정보를 받아온다. 상세 목록을 출력하면서 1. 2. 에서 받아온 정보를 ..

javascript 를 사용하다 보면, 로직 구현상에 필요해서 property 목록을 가져와야 하거나, 혹은 확인 차 목록을 찍어봐야 하는 경우도 있습니다. 물론 console.log() 함수에 그냥 객체를 통째로 넣으면 객체를 그 자체로.. 구체화해서 보여주기 때문에 더욱 효율적이라고 할 수도 있어요.. 하지만 객체가 너무 뚱뚱하거나, 혹은 특정 값 하나만 확인하고 싶은 경우에.. 혹은 prototyping 해서 그 안에 특정 함수를 확인해야 하는 경우.. 유용한 함수가 있습니다. 바로 Object.keys() 라는 함수입니다. 12345678910var obj = { a : 'a', b : 'b', c : 123} for(var key in Object.keys(obj)){ console.log(ke..

Javascript 를 사용하다 보면, 두 개의 Object 를 병합해야 하는 경우가 생깁니다. 다양한 경우가 있을 수 있겠지만, 다음 예를 통해서 알아보겠습니다. 123456789101112131415var truck = { weight: 3.5, color: 'red', speed: 50, availableWeight: 25, registerYn: true} var superCar = { weight: 1.8, color: 'blue', speed: 80, zeroToHundred: 3.4, convertible: false}cs 위와 같은 경우, 공통 요소인 weight, color, speed 를 '차(Car)' 의 공통 분모로 가져갈 수 있으므로, 매 객체마다 동일하게 적어주는 것은 개발을 하는..

2.1. 원시 타입앞에서 구분한 데이터 타입 가운데 먼저 원시 타입(primitive data type)을 알아본다.숫자제목을 "Number" 라고 하지 않고 "숫자" 라고 했다. 여기서 한 가지 구분해 둘 사항이 있다. Number 는 자바스크립트에서 사전에 정의(built-in)해 놓은 문법상의 표현이고, "숫자"는 일반적인 의미의 수를 의미한다."Number" 와 "숫자" 는 다른 의미이다. 숫자를 프로그램에서 나타내는 방법으로는 앞에서 언급한 리터럴(Literal) 표현도 있고 별로 사용하지는 않지만 Number 객체를 이용하는 방법이 있다. 사용 빈도가 낮더라도 Number 가 코드상에서 숫자를 표현할 수 있는 방법이라는 것과 이 절의 뒤에서 설명하겠지만 Number 가 "숫자 객체"를 만들 수..

Java, JavaScript 개발을 해 본 사람이라면 &&, || 연산자를 자주 사용할 것이다. 일반적으로 이 두 연산자를 학습할 때 보면, 앞의 항목이 참인지 거짓인지에 따라서 뒤 연산을 하지 않고 넘어가기 때문에, 보다 효율적인 연산자라고 배운다. 아래 예를 보자. if( a > 0 || b 0 가 참이라면, 위 연산자에 관계 없이 이 if 문은 참으로 간주되므로, {} 안의 연산을 진행해야 한다. 따라서 뒤 연산인 b 0 && b 0 이 거짓이라면, 뒤 조건의 참/..

Javascript 에서 객체는 모든 변수들을 의미한다. 자주 사용하게 되는 var 변수는 물론이고, function역시 하나의 객체로서 그 실행부를 포함하고 있는 것이다. 이 객체에서 속성(property) 라고 하는 것을 추가/삭제/조회 하면서 여러 가지 작업을 할 수 있으며, 각 속성이 갖을 수 있는 값 역시 javascript 객체이다. 그런데 실제 어떤 객체를 사용하다 보면, 그 객체가 어떤 종류의 속성들을 가지고 있는지 난해해지는 경우가 있다. 이 때에는 객체가 가지고 있는 속성을 배열로 리턴해 주는 Object.keys() 함수를 활용할 수 있다. Object.keys(object) 이 함수에 parameter로 특정 객체를 넣어 호출하게 되면 각 속성 키(key)값이 return 된다. 다..