드럼치는 프로그래머

[출처] http://the3.tistory.com/17해당 URL의 소중한 자료 정독 후 프로그래밍 학습에 도움이 되었음을 밝힙니다.operating system 운영 체제운영 체제(運營體制, 문화어: 조작체계) 또는 오퍼레이팅 시스템(OS, operating system)은 시스템 하드웨어를 관리할뿐 아니라 응용 소프트웨어를 실행하기 위하여 하드웨어 추상화 플랫폼과 공통 시스템 서비스를 제공하는 시스템 소프트웨어이다. 최근에는 가상화 기술의 발전에 힘입어 실제 하드웨어가 아닌 하이퍼바이저 위에서 실행되기도 한다.입출력과 메모리 할당과 같은 하드웨어 기능의 경우 운영 체제는 응용 프로그램과 컴퓨터 하드웨어 사이의 중재 역할을 한다. 그러나 응용 프로그램 코드는 일반적으로 하드웨어에서 직접 실행된다. 운..

[출처] http://codingworshipper.tistory.com/m/entry/m3u8-%EA%B3%BC-rtsp-%EC%95%88%EB%93%9C%EB%A1%9C%EC%9D%B4%EB%93%9C-%EC%99%80-%EC%95%84%EC%9D%B4%ED%8F%B0-%EC%9D%98-%EC%8A%A4%ED%8A%B8%EB%A6%AC%EB%B0%8D-%EC%8B%A4%EC%8B%9C%EA%B0%84-%EB%8F%99%EC%98%81%EC%83%81-%EC%84%9C%EB%B9%84%EC%8A%A4해당 URL의 소중한 자료 정독 후 프로그래밍 학습에 도움이 되었음을 밝힙니다. iphone 일 경우 "m3u8" 을 통하여 동영상 서비스를 합니다. 예) http://anyurl.com/stream/pla..

[출처] https://medium.com/@moralmk/lottie-%EC%83%88%EB%A1%9C%EC%9A%B4-%EC%98%A4%ED%94%88-%EC%86%8C%EC%8A%A4-%EC%95%A0%EB%8B%88%EB%A9%94%EC%9D%B4%EC%85%98-%EB%8F%84%EA%B5%AC-4488d3da6e26 Lottie : 새로운 오픈 소스 애니메이션 도구 아래는 Airbnb에서 Experience and Motion Designer로 일하고 있는 Salih Abdul-Karim(아래)의 글의 번역글이며, 원문 url은 아래와 같습니다. 번역 원문 : https://airbnb.design/introducing-lottie/ 과거에는 Android, iOS 및 React Native ..

그냥 아무런 조치없이 저장하고 조회하게되면 줄바꿈이 안먹히고 한줄로 조회가 된다. 그걸해결하기위해 저장할때는 이렇게 정규식을 이용해 줄바꿈을 태그로 바꾸고 저장. $('#text').val().replace(/\n/g, " ") 그런데 이렇게 하면 생기는 문제가 일반 조회시에는 정상적으로 줄바꿈으로 보이는데 그걸 수정하는 페이지로 넘어가면 줄바꿈이 아니라 이 그대로 노출됨. 수정페이지로 갈때는 재조회시 컨트롤러에서 조회된 값을 text = text.replaceAll(" ", "\r\n"); 이런식으로 고침. 저장할대 태그로 들어갔던걸 다시 자바에서 엔터로 인식하는 값으로 바꾸는거임. 출처: http://multifrontgarden.tistory.com/42 [우리집앞마당]

일반적으로 배열 내 원소의 개수를 구할 땐 배열명.length 를 쓰면 간단히 구할 수 있는데, {키:값} 쌍으로 이루어진 JSON 형식의 오브젝트는 length로는 엘리먼트의 개수가 나오지 않습니다. 그럴때 무식하게 for(i in obj) 형식으로 루프를 돌리곤 했는데, 이게 제 내공 부족이었네요. 간단하게, var ex_obj = { 'a' : '1st', 'b' : '2nd', 'c' : '3rd', 'd' : '4th' }; var obj_length = Object.keys(ex_obj).length; 쉽죠? Object.keys(변수명)을 입력하면 해당 오브젝트의 키가 배열로 반환됩니다. [출처] http://egloos.zum.com/beewee/v/947615

HTML ### CSS .wrap { width: 500px; height: auto; position: relative; display: inline-block; } .wrap textarea { width: 100%; resize: none; min-height: 4.5em; line-height:1.6em; max-height: 9em; } .wrap span { position: absolute; bottom: 5px; right: 5px; } #counter { background:rgba(255,0,0,0.5); border-radius: 0.5em; padding: 0 .5em 0 .5em; font-size: 0.75em; } JavaScript $(function() { $('#conte..

* typeof와 instanceof는 어떠한 변수가 문자열인지아닌지, 특정한 객체인지 아닌지 판단할때 사용하는 '연산자'들이다. 이들 둘이 어떻게 다른지 살펴보고 사용하면서 있을 수 있는 약점들도 같이 살펴보자. * typeof : typeof는 unary 오퍼레이터이다. unary 오퍼레이터로는 ! 라던가 - 등과 같이 인자를 하나만 받을 수 있는 연산자를 뜻한다. 즉, 함수가 아니고 연산자이기 때문에 괄호를 사용하면 안된다. typeof yourVariable; 위와 같이 실행하고 나면 리턴 값으로는 해당하는 변수의 primitive 타입을 스트링으로 준다. 돌려주는 primitive 타입의 종류는 아래와 같다. 'undefined' 'boolean' 'number' 'string' 'object'..

스크립트 스타일 #STATICMENU { margin: 0pt; padding: 0pt; position: absolute; right: 0px; top: 0px;} 바디 HTML 출처: http://joeyw.tistory.com/20 [마지막 춤은 나와 함께♪]

실행url - http://localhost:8088/login/login.do?key=value -javascript- location.href -> http://localhost:8088/login/login.do?key=value location.protocol -> http: location.host -> localhost:8088 location.pathname -> /login/login.do location.search -> ?key=value -jquery- jQuery(location).attr('href') -> http://localhost:8088/login/login.do?key=value jQuery(location).attr('protocol') -> http: jQuery(l..

Date 개체를 사용하여 날짜 비교 및 경과 시간 계산을 할 수 있다. 1. 날짜를 현재 날짜로 설정 - 날짜를 지정하지 않고 Date개체의 인스턴스를 만들면, 연도, 월, 일, 시, 분, 초 및 밀리초를 포함하는 현재 날짜와 시간을 나타내는 값을 반환한다. - 예제 코드 Colored By Color Scripter™ 1 2 3 4 var dt = new Date(); document.write(dt); //Sun Aug 24 2014 15:33:59 GMT+0900 (대한민국 표준시) 2. 특정 날짜 설정 - 생성자에 날짜 문자열을 전달하여 특정 날짜를 설정할 수 있다. - 특정 날짜 생성하기 Colored By Color Scripter™ 1 2 3 4 5 6 7 8 9 10 11 var dtA =..