Programing497

• 

  javascript Math 속성과 메서드에 대해 알아보자. javascript math 자바스크립트 math javascript Math 속성과 메서드에 대해 알아보자. javascript math 자바스크립트 Math 속성명 값 E 2.18281828459045 LN2 0.6931471805599453 LN10 2.302585092994046 LOG2E 1.4426950408889633 LOG10E 0.4342944819032518 PI 3.141592653589793 SQRT1_2 0.7071067811865476 SQRT2 1.4142135623730951 메서드명 설명 abs(x) x의 절대 값을 리턴 acos(x) x의 아크코사인 값을 리턴 asin(x) x의 아크 사인 값을 리턴 atan(x) x의 아크 탄젠트 값을 리턴 atan2(y,x) x와 y의 비율로 아크 탄젠트 값을 리턴 ceil(x) x보.. Programing/JavaScript 2017. 9. 6.

• 

  javascript filter 함수에 대해 알아보자 자바스크립트 filter 함수 javascript filter 함수에 대해 알아보자 자바스크립트 filter 함수 지난 포스팅에서 자바스크립트 고차함수(High-Order_Function) 중 reduce에 대해 알아보았습니다. Link : javascript reduce 함수에 대해 알아보자 자바스크립트 reduce 함수, reduceRight 함수 이번 포스팅에서는 filter 에 대해서 알아보도록 하겠습니다. filter 함수는 명칭과 같이 callbackFunction의 조건에 해당하는 모든 요소가 있는 배열을 새로 생성하는 기능을 합니다. filter 함수의 구문은 아래와 같습니다. const newArray = arr.filter(callbackFunction(element, index, array), thisArg); f.. Programing/JavaScript 2017. 9. 6.

• 

  javascript reduce 함수에 대해 알아보자 자바스크립트 reduce 함수, reduceRight 함수 javascript reduce 함수에 대해 알아보자 자바스크립트 reduce 함수 자바스크립트에는 고차함수(High-Order-Function : 다른 함수를 소비 또는 생성하는 함수)가 존재 합니다. 여기에는 filter, reduce, map 등이 있는데요, 그중에 reduce에 대해서 먼저 알아보도록 하겠습니다. reduce 함수의 구문은 아래와 같습니다. array.reduce(callbackFunction(previousValue, currentValue, currentIndex, array1), initialValue); 차근차근 설명을 드리겠습니다. reduce함수의 매개변수는 callbackfunction과 initialValue입니다. initialValue 부터 설명을 하자면, cal.. Programing/JavaScript 2017. 9. 5.

• 

  iBatis, myBatis 동적 태그 비교 정리 Dynamic SQL iBatis, myBatis 동적 태그 비교 정리 Dynamic SQL iBatis 의 업그레이드 버젼이 myBatis 라고 생각 하시면 됩니다. iBatis 가 Apache 에서 google로 넘어가면서 명칭이 변경된 것이죠. 설정이나 기타 차이점에 대해서는 아래의 Link를 참조하시고, Link : 전자정부프레임워크 iBatis, MyBatis 설정 방식 차이, 비교 전자정부프레임워크 iBatis, MyBatis 설정 방식 차이, 비교 전자정부프레임워크 iBatis, MyBatis 설정 방식 차이 MyBatis 의 구버젼인 iBatis 와의 설정 방식 차이에 대해서 알아보겠습니다. (같은 DAO 형태로 사용하는 경우를 예로 설명하겠습니다.) 전자정부프레임워크에.. aljjabaegi.tistory.c.. Programing/Spring 2017. 8. 30.

• 전자정부프레임워크 iBatis, MyBatis 설정 방식 차이, 비교 전자정부프레임워크 iBatis, MyBatis 설정 방식 차이 MyBatis 의 구버젼인 iBatis 와의 설정 방식 차이에 대해서 알아보겠습니다. (같은 DAO 형태로 사용하는 경우를 예로 설명하겠습니다.) 전자정부프레임워크에서는 MyBatis와 iBatis 설정이 모두 되어 있습니다. 그러므로 그냥 쓰고싶은 설정을 해서 사용하면 되는 것이죠. 그럼 차근차근 순서대로 각각의 설정에 대해 알아보도록 하겠습니다. 전자정부프레임워크를 활용하지 않을 경우에는 pom.xml 에 각각의 설정을 해줘야 합니다. 예시) org.mybatis mybatis 3.2.2 org.apache.ibatis ibatis-sqlmap 2.3.4.726 하지만 위에서 말씀드린데로 전자정부프레임워크에는 설정이 모두 있으니 추가 할 .. Programing/egovFramework 2017. 8. 29.

• javascript, spring MVC, ajax 요청시 404 에러 원인 javascript, spring MVC, ajax 요청시 404 에러 원인 ajax 요청시 404 에러가 발생하는 원인은 다양합니다. Controller 가 메모리 상에 없을때, (@Controller annotation을 추가하지 않았을때) Controller의 RequestMapping 주소가 잘못 되었을때, Controller 에서 return 값을 전달 해 주지 않았을때, @ResponseBody 어노테이션이 추가 되지 않았을 떄, (직렬화가 되지 않았을 때) 등등 이 있습니다. 우선 위와 같은 에러야 단순히 오타정도로 잡을 수 도 있고, 이클립스 단에서 오류를 발생시켜 수정만 해주면 됩니다. 하지만 VO 객체를 extends 했을 때 중복 값이 존재 했을 경우는, 정말 아무 에러도 발생하지 않.. Programing/ajax 2017. 7. 7.

• 

  javascript smartEditor 네이버 스마트에디터 게시판 구현 방법 how to make board using smartEditor javascript smartEditor 네이버 스마트에디터 게시판 구현 방법 how to make board using smartEditor SmartEditor 를 적용하게 되면 일반적인 Textarea 가 위와같이 보여지게 됩니다. 다양한 기능을 사용할 수 있게 되죠. 그럼 적용하는 방법을 알아보도록 하겠습니다. https://developers.naver.com/opensource/tools/editor/ 위의 페이지로 이동합니다. SmartEditor 를 클릭하면 GitHub 페이지로 이동하여 다운로드 할 수 있습니다. 이제 다운로드 한 ZIP 파일의 압축을 풀어 프로젝트 안으로 복사 합니다. 필요한것은 위에 보이는 html 파일 3개와 css, img, js 폴더 입니다. 이제 준비는 끝났습니.. Programing/API 2017. 7. 5.

• 자바스크립트 이미지 리로드 image reset reload restart 자바스크립트 이미지 리로드 image reset reload restart 기존에 gif 의 경우 마우스 오버 시 전에 play 된 화면 이후로 이어서 paly 되게 됩니다. 그런데 마우스 오버시마다 gif 의 초기화 화면 부터 play 되게 해달라는 요청이 있었습니다. 방법은 간단합니다. 이미지 경로 뒤에 랜덤 값을 넣어주면됩니다. 이미지 $('.jct').hover( function(){ var d = new Date(); imgSrc = $(this).find('img').attr('src')+'?'+d.getTime(); $(this).find('img').attr('src', imgSrc); $(this).find('div').css('display', 'block'); }, function().. Programing/JavaScript 2017. 7. 4.

• 

  자바스크립트 호이스팅 javascript hoisting 의 개념. 이해하기 자바스크립트 호이스팅 javascript hoisting 의 개념. 이해하기 Hoisting 이란 자바스크립트의 기본동작 중에 하나 입니다. 자바스크립트의 변수는 사용된 후에 선언될 수 있습니다. 다른 말로 하면 변수가 선언되기 전에 사용 할 수도 있죠. 이유는 함수 내 여기저기서 변수가 사용될 순 있지만 실제로는 함수 상단에 선언한 것으로 간주하기 때문입니다. 말로는 이해가 잘 되지 않으니 코드를 보도록 하죠. a = 10; function getNum(){ alert(a); var a = 100; alert(a); } getNum(); 위의 코드를 보겠습니다. 간단한 코드이지만 확실히 이해해야 합니다. 함수 전에 전역변수 a에 10이 할당 되었습니다. 그러니 getNum() 함수의 첫번째 alert(.. Programing/JavaScript 2017. 6. 28.

• 

  크롬에서 JSON 데이터 가독성 높히기 jsonview 활용법 크롬에서 JSON 데이터 가독성 높히기 jsonview 활용법 json 데이터를 크롬에서 확인하면 정말 보기 싫죠.. 그래서 브라우저에 출력된 데이터를 긁어서 https://jsonlint.com/ 같은 사이트를 통해 가독성 좋게 확인하죠. 하지만 크롬의 확장프로그램인 jsonview를 사용하면 그러실 필요가 없습니다.! 그럼 jsonview가 설치 되지 않은 크롬에서의 json 데이터를 확인해보도록 하죠. 하아...정말 보기 싫습니다. 하지만 jsonview를 설치하면? 아래와 같이 jsonlint에서 정렬해 주는 것 같이 가독성을 높혀 줍니다. 그럼 설치하는 방법을 알아보겠습니다. 1. 크롬 웹스토어로 이동합니다. Link : 웹스토어 바로가기 웹스토어에서 jsonview를 검색하여 위와같은 json.. Programing/JSON 2017. 6. 20.

• 

  텔넷 telnet 설치 방법. telnet 기능 사용 방법. telnet 기능 활성화 telnet 설치 방법. telnet 기능 사용 방법. telnet 기능 활성화 telnet을 활용해여 해당 ip의 포트가 열려 있는지 확인하려는데 아래와 같이 나오며 사용이 안된다면, 간단히 기능을 설치(활성화) 해주시면 됩니다. 'telnet' 은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다. 그럼 기능 활성화를 위해 제어판을 실행합니다. 그 후 프로그램>프로그램 및 기능을 실행한뒤 window 기능 켜기/끄기를 실행합니다. 그럼 위와 같은 팝업창이 실행되며 스크롤을 가장 아래로 내리면 '텔넷 클라이언트' 가 있고 이것의 체크박스를 선택 한 후 확인 버튼을 클릭합니다. 몇초의 시간이 지나면 기능 활성화가 되며 telnet 기능을 확인하실 수 있습니다. telnet.. Programing/Network 2017. 6. 14.

• 

  RTMP / RTSP 모바일 출력 이슈. RTMP / RTSP 모바일 출력 이슈. 기존에 웹 개발시 사용해 왔던 flowplayer 를 사용한 실시간 스트리밍은 모바일에서 동작 하지 않았습니다. (왜냐면 모바일에선 flowplayer에서 실시간 스트리밍을 위해 사용하는 flash 를 더이상 지원하지 않기 때문..) 이리저리 구글링 해본 결과 그냥 HLS 주소를 링크 걸어주면 간단히 해결됐습니다. 대부분의 스트리밍 서버는 RTSP / RTMP / HLS 포멧 변환은 기본적으로 지원을 합니다. 그래서 기존의 RTMP 주소를 HLS로 변경하여 링크를 걸어주니 안드로이드 및 IOS 기기에서 출력되는 것을 확인 하였습니다. 기존의 RTMP 주소를 HLS 주소로 변경하여 location.href = 'HLS주소'; Programing/Streaming 2017. 6. 12.

• 

  Jquery serialize 시 주의 사항 checkbox 값 안넘어 가는 문제 Jquery serialize 시 주의 사항 checkbox 값 안넘어 가는 문제 jquery serialize 를 사용하면 form에 있는 파라메터를 쉽게 전달 할 수 있습니다. 하지만 체크박스 사용시에는 문제가 좀 있는데, 체크된 체크박스의 name만 넘어가고 값은 전달이 되지 않는 다는 것이죠. 예를 들면 1차로 2차로 $(function(){ var params = $('#frm').serialize(); console.log(param); }); 이렇게 폼의 값을 serialize 할때 만약 체크박스를 하나도 체크 하지 않았다면 빈값이 넘거가고 체크를 한다면 lane1Yn=&lane2Yn= 이런식으로 넘어가게 됩니다. 위에서 말한 것과 같이 name은 넘어가지만 값은 넘어가지 않죠. 값을 넘기는.. Programing/JavaScript 2017. 5. 31.

• 

  Javascript prototype 프로토타입 이란? prototype을 사용하는 방법을 알아보자. Javascript prototype 프로토타입 이란? prototype을 사용하는 방법을 알아보자. 자바스크립트의 모든 객체들은 부모 역할을 하는 객체와 연결 되어 있습니다. (최상위는 Object) 이런 부모 역할을 하는 객체를 javascript에서는 Prototype이라고 합니다. 예제를 보면서 Prototype에 대해 더 알아보도록 하겠습니다. $(function(){ const Student = function(name, korean, english, math){ this.name = name; this.korean = korean; this.english = english; this.math = math; } console.dir(Student); }); Student라는 생성자 함수를 만들.. Programing/JavaScript 2017. 5. 30.

• 

  클로저 사용시 주의할 점. 클로저 유의사항, 반복문, setInterval, 실행시점 클로저 사용시 주의할 점. 클로저 유의사항, 반복문, setInterval, 실행시점 (그 전에 클로저에 대해 알고싶으신 분들은 아래의 Link를 참고하세요.) Link : javascript closure 자바스크립트 클로저의 개념 쉽게 이해. 클로저란? javascript closure 자바스크립트 클로저의 개념 쉽게 이해. 클로저란? javascript closure 자바스크립트 클로저의 개념 쉽게 이해. 클로저란? 자바스크립트 하면 빠지지 않는 것 중에 하나가 클로저(Closure) 입니다. 하지만 이것을 사용하지 않는다고 해서 개발을 못하진 않죠. 그렇.. aljjabaegi.tistory.com [[1. 반복문에서의 클로저]] 예를 보면서 설명 하겠습니다. 1 2 3 4 5 6 7 8 9 va.. Programing/JavaScript 2017. 5. 25.