목록WEB (95)
Knowledge Map
무료호스팅에서 php5.6을 사용가능하게 해놨길래 별생각없이 옆에 생활코딩 php 정리 글 하나 띄워놓고 시작을 해봤다. 원래의 목표는 간단한 api서버 만들어놓고 댓글 CRUD정도만 하려고 했다. 그런데 문제가 생겼다. 서버 설정이 euc-kr로 변경불가하다는 점이었다. 인코딩 문제가 가장 짜증났었는데 이번에도 그랬다.먼저 php에서 json변환을 하기 위해서는 utf-8로만 가능하다. euc-kr로는 불가능하다. json_encode 자체가 이미 그렇게 만들어져 있다.그래서 iconv를 이용해서 만들었는데 자꾸 이상하게 문자가 출력이 되었다.\uac00\uac00\uac00\uac00\uac00 이런식으로..무엇때문일까 한참을 찾았다. iconv도 써보고, mb_convert_encoding, htm..
이미지가 제각각 일때 일정하게 이미지를 만드는 방법으로 width, height를 조정하는 게 있을 것이다.하지만 그렇게 하면 이미지가 늘어나 버려서 보기에 좋지 않다.아래와 같이 백그라운드로 하고 cover를 하게 되면 적절히 잘 잡아주는거 같다. 123456.some-class{ background-image: url('........'); background-repeat: no-repeat; background-size: cover; background-position: center;}Colored by Color Scriptercs
form에 저장된 데이터들을 formData라는 것에 담을 수 있다. IE에서는 10이상 가능하다고 하지만 기본 기능만 가능하다. 참고 : https://developer.mozilla.org/en-US/docs/Web/API/FormData/FormDatahttp://blog.teamtreehouse.com/uploading-files-ajax 다만 이것으로 파일을 보낼때에는 setRequestHeader에서 Content-Type을 설정하게 되면 제대로 인식이 안되는 문제가 있는듯 하다. 1234567891011121314151617181920212223function ajaxPost(data, url) { console.log(name, ' => ', url); var promise = new Pr..
gulp에서 gulp-uglify 는 따로 처리하지 않고 그냥 쓰면 es6문법이 파일안에서 존재할 경우 에러가 발생한다. 다른 에러 날 것이 하나도 없는데 에러가 난다면 이것을 의심해 보는 것도 괜찮을거 같다. events.js:183 throw er; // Unhandled 'error' event ^ GulpUglifyError: unable to minify JavaScript
테스트 코드는 다음과 같다. http://jsben.ch/oApXB var a = [[1,2,3,4],[5,6,7,8],[11,12,13,14],[15,16,17,18]]var b = [[21,22,23,24],[35,36,37,38],[41,42,43,44],[45,46,47,48]]cs /**************************************** case 1 ****************************************/var r = [[],[],[],[]];r[0][0] = a[0][0] * b[0][0] + a[0][1] * b[1][0] + a[0][2] * b[2][0] + a[0][3] * b[3][0];r[0][1] = a[0][0] * b[0][1] + a[0][..
선형 대수에 행렬이 많이 나오는데, 행렬 책만 보기에도 그렇고, JS에는 파이썬의 Pandas나 그외 수학 라이브러리 같은 유명한 라이브러리는 없어서 간단한 수준의 2차원 행렬 클래스를 만들어 보았다. 행렬 입력하려고 [ [1,2,3], [1,2,3] ] 이런식으로 입력하는건 좀 많이 귀찮아서 그냥 1차원 배열로 입력하고, 열과 행의 길이를 입력해 놓아서 연산할때는 알아서 처리하게 했다. 배워가면서 점차 추가할 생각인데 일단은 해당 행 가져오기(getRow), 해당 열 가져오기(getCol), 행렬 생성, 행렬 합(add), 행렬 곱(x)만 해놓았다. 공부하면서 끄적거릴 용도라서 성능은 딱히..... ㅠㅠ 추가 : 0행렬, 단위행렬 추가추가 : N x M => M x n 변환 추가 123456789101..
12345678910111213ol { width: 400px; /*width: 800px;*/ display: table; table-layout: fixed; /* the magic dust that ensure equal width */ background: #ccc}ol > li { display: table-cell; border: 1px dashed red; text-align: center}Colored by Color Scriptercs 이렇게 하면 갯수에 따라 자동으로 사이즈 맞춰준다.
참고 출처 : http://multifrontgarden.tistory.com/133 디스패치 ( Dispatch ) dispatch는 쉽게 말하자면 메서드를 호출하는 것이며 static dispatch와 dynamic dispatch가 있다.static은 구현 클래스를 이용해서 컴파일 타임에 어떤 메서드가 호출될지 정해져 있는 것이다.dynamic은 인터페이스를 이용해서 호출되는 메서드가 동적으로 정해지는 것을 말한다. 12345678910111213141516// StaticDispatch라는 구현 클래스의 method이므로 정적으로 정해진다.class StaticDispatch { method(){return 'hello staticDispatch';}}let staticDispatch = new ..
출처 : https://es5.github.io/#x10 10. 실행 가능한 코드와 실행 컨텍스트 ECMAScript실행 가능한 코드에는 3가지 유형이 있다. - 전역 코드는 ECMAScript 프로그램으로 취급되는 소스 텍스트이다. 특정 프로그램의 전역 코드는 FunctionBody의 일부로 파싱되는 소스 텍스트를 포함하지 않는다. - Eval code는 빌트인 eval 함수로부터 공급되는 소스 텍스트이다. 보다 정확하게, 빌트인 eval 함수에 매개 변수가 string 이면 ECMAScript 프로그램으로 처리된다. eval의 특정 호출에 대한 eval 코드는 해당 프로그램의 전역 코드 부분이다. - 함수 코드는 FunctionBody 부분으로 파싱되는 소스 텍스트이다. 특정 FunctionBody의..
가벼운 마음으로 짰다가 시간이 의외로 많이 걸려서 놀람.코드는 다시 리팩토링 할 예정.