미디어 쿼리 width, orientation @media (min-width: 700px) and (max-width: 1250px) {...}브라우저의 가로가 700px ~ 1250px일 때 @media (orientation: portrait) {...}화면이 세로일 때 (가로는 landscape) 프로그래밍/CSS 2016.01.04
[JS] JSON.parse 매개변수 안에 개행문자 에러 str= '{ "key" : "안녕\n반가웡" }' ;JSON.parse(str);을 하면 Unexpected token 에러가 난다.. 구글에 '개행문자'를 섞어서 검색할땐 원하는 해결방안이 안나왔는데'newline'으로 바꾸니까 한번에 나왔다... 역시 구글링은 영어로...ㅎㅎ 해결방안str= '{ "key" : "안녕\n반가웡" }' ;str = str.replace(/\n/gi,"\\r\\n"); // str의 모든 \n을 \\r\\n으로 교체한다.JSON.parse(str); 개발 이슈 2016.01.04
[PHP] 인코딩 변경 html에서 ajax로 php파일에 값을 넘겨서 mysql에 추가하는데 계속 한글이 깨졌다.아마도 DB는 euc-kr이지만 php에서 utf-8로 받아서 그런거 같았다. 그래서 인코딩을 변환하는 함수를 사용하니까 됐다. 함수incov( 현재 인코딩, 바꿀 인코딩, 문자열 ) 예시$name = iconv( 'utf-8' , 'euc-kr' , $_POST['name'] ); 개발 이슈 2015.12.30
6장-1) 객체 지향 프로그래밍 - 객체에 대한 이해 OOP는 일반적으로 클래스를 통해 같은 프로퍼티와 메서드를 가지는 객체를 여러 개 만든다는 특징이 있다.하지만 ECMAScript에는 클래스라는 개념이 없으며 ECMAScript의 객체는 다른 객체 지향 언어와 다르다.ECMAScript의 객체는 이름-값 쌍의 순서없는 그룹이며 각 값은 데이터나 함수가 될 수 있다. 6.1 객체에 대한 이해 객체 리터럴 표기법var person = {name: "sovovy",sayName: function(){alert(this.name);} } 6.1.1 프로퍼티 타입 (ECMAScript 5판 기준)프로퍼티의 특징을 내부적으로만 유효한 속성에 따라 설명한다.이 속성들은 JS엔진 내부에서 구현한 것으로 정의했다. (따라서 JS에서 직접적으로 접근하는 방법은 없다.)-.. 프로그래밍/JS 2015.11.23
4장) 변수와 스코프, 메모리 4.1 원시 값과 참조 값ECMAScript의 변수는 원시 값과 참조 값 타입의 데이터를 저장할 수 있다.원시 값: 단순한 데이터 (Undefined, Null, Boolean, Number, String) (스택에 저장된다.) 참조 값: 여러 값으로 구성되는 객체를 가리킴 변수에 값을 할당하면 원시 값인지 참조 값인지 판단한다.- 원시 값은 변수에 저장된 실제 값을 조작한다. (값으로 접근한다.)- 참조 값은 메모리에 저장된 객체이다. 메모리 위치에 직접 접근하는 것이 안되므로 객체의 메모리 공간을 직접 조작하는 것은 불가능하다. 따라서 객체를 조작 할 때는 객체에 대한 '참조'를 조작한다. (참조로 접근한다.) 4.1.1 동적 프로퍼티 값이 변수에 저장되고 난 후 원시 값과 참조 값이 할 수 있는 일.. 프로그래밍/JS 2015.11.22
3장) 언어의 기초 웹 브라우저에서 가장 널리 구현된 ECMAScript버전은 ECMA-262 3판이므로아래 내용은 ECMAScript 3판에서 정의된 내용을 바탕으로 한다. 3.1 문법c와 비슷하다.어디서든 대소문자를 구분한다. 식별자 : 변수나 함수, 프로퍼티, 함수 매개변수의 이름 (camelCase 방식으로 쓰는 것이 좋다.) 키워드와 예약어를 사용하지 못한다. - 첫 번째 문자는 반드시 글자나 _ , $ 중 하나여야 한다.- 다른 문자에는 글자나 _ $ 숫자를 자유롭게 사용할 수 있다. 주석 : c와 같다. ( // 혹은 /* */ ) 스트릭트 모드 : 자바스크립트를 엄격하게 디버깅한다. - 전체 스크립트 위 혹은 함수 첫 줄에 "use strict"; 를 쓰므로서 사용할 수 있다. 3.3 변수변수에 어떤 타입의 .. 프로그래밍/JS 2015.11.20
2장) HTML속의 자바스크립트 2.1 일반적으로 자바스크립트 코드는 모두 바로 이전에 작성한다. 2.3 문서 모드'쿽스 모드', '표준 모드', '거의 표준 모드'독타입을 선언하지 않으면 쿽스모드를 사용하는데, 이는 브라우저마다 많이 다르므로 좋지 않은 방법이다. 2.4 요소브라우저가 스크립트를 지원하지 않거나, 스크립트 지원이 꺼져 있을 때 표시된다. [출처: 프론트엔드 개발자를 위한 자바스크립트 프로그래밍] 프로그래밍/JS 2015.11.18
1장) 자바스크립트란 무엇인가 맨 처음 JavaScript의 목적은 입력 유효성 검사였다. 하지만 지금은 브라우저 창과 콘텐츠의 거의 모든 부분과 상호작용한다. 1.1 JavaScript의 역사 처음 이름은 LiveScript (서버측 스크립트는 LiveWare) 당시 자바가 얻고있던 인기에 편승하기 위해 JavaScript로 변경. 1996년 마이크로소프트에서 독자적으로 JScript라는 JavaScript를 구현함. 두 JavaScript의 문법과 기능을 제어할 표준이 없어 혼란을 가중. 표준화하기로 결정. 여러 회사의 프로그래머들이 팀(TC39)이 되어 JavaScript1.1을 손질해 ECMA-262를 만듦. 이 표준은 ECMASctipt라는 이름의 스크립트를 정의함. 각 브라우저 제작자들은 ECMAScript를 자사 Java.. 프로그래밍/JS 2015.11.18
151113) css와 애니메이션 .toggleClass() // addClass(), removeClass() .css( { attr : val } )css추가 .animate( { 'width' : '200px' } , 400); // 기본: 400, 'fast': 200, 'slow': 600 , ms 매개변수는 다른 애니메이션 함수에서도 쓸 수 있다.객체를 애니메이션 효과로 나타냄. // svv { transition : width 0.4s; width : 200px } 과 같은 효과 프로그래밍/J-Query 2015.11.13
151112) 이벤트 .slideDown()내리는 애니메이션 효과를 사용하여 엘리먼트를 보여준다..slideUp()올라가는 애니메이션 효과를 사용해서 엘리먼트를 숨긴다..slideToggle()show일때는 slideUp효과를 hide일때는 slideDown효과를 나타낸다..fadeToggle()fade효과 .on('Event', ...);이벤트를 추가할 때 사용한다. var svv = +(return String Function)문자열을 반환하는 함수를 쓰고 앞에 +를 붙이면 문자열이 아닌 숫자로 들어간다. val()과 text()의 차이val()은 사용자 입력 태그의 value값을 가져온다. 태그의 value가 있는 경우만.text는 태그안의 내용을 가져온다. 이벤트 버블링하위 요소의 이벤트가 발생하면 그 상위 요소들의 .. 프로그래밍/J-Query 2015.11.12