- displaytable
- findindex
- dom event
- express 서버
- requirejs
- javascript
- mysql
- 겸손한 자바스크립트
- database 개념
- css3 selector
- 배열 메소드
- supervisor
- nodejs
- body-parser
- ecma script
- ajax
- CSS
- 컨텐츠 중간 위치
- 관계형 데이터 베이스
- 마임타입
- 미들웨어
- unobtrusive javascript
- IIS 서버
- Git
- jQuery
- javascript 이론
- ecmascript method
- array method
- css3 셀렉터
- ecma6
목록분류 전체보기 (54)
Martin`s Work
RequireJS에서는 CSS 역시 JS 와 마찬가지로 모듈화를 시켜 로드해올 수 있다. RequireJS 공식 웹사이트에서는 "RequireJS는 CSS 파일을 로드 할 수는 있으나, Gecko/Firefox 등에서는 다른 도메인에서 불러왔을 때 이슈가 생긴다." 라고 되어 있지만 플러그인을 사용하면 어느정도 해당 이슈는 해결되는 듯하다. RequireJS에서는 플러그인을 사용할 때는 'css!style.css' 와 같이 파일명 앞에 !를 사용해준다. 플로그인은 text플로그인 이나 require-css 플러그인 등을 사용하면 로드해올 수 있다.
IIS 에서 작업을 하게 될 경우 MIME TYPE이 맞지 않아 404 에러가 뜰 경우가 있다.이러한 경우 MIME TYPE을 추가해 줄 경우 해당 에러가 뜨지 않는다. 1. php 확장자명 : .phpMIME 형식 : text/html 2.WOFF 확장자명 : .woffMIME 형식 : application/font-woff 3.WOFF2 확장자명 : .woff2MIME 형식 : application/font-woff2 4.MP4 확장자명 : .mp4MIME 형식 : video/mp4
기본 작성법 12345678910111213 dl{ margin:0; padding: 0; dt{ margin:0; padding:0; } dd{ margin:0; padding:0; } } cs 태그를 작성하고 그 안에 대한 css 속성을 작성하며, 그 하위의 경우는 위의 소스와 마찬가지로 중괄호 안에 새로 그 태그에 대한 속성을 지정해준다. 위의 소스를 컴파일 하면 아래와 같이 작성된다. 123dl{margin:0;padding:0}dl dt{margin:0;padding:0}dl dd{margin:0;padding:0}cs 부모참조선택 작성 SASS에서는 &는 부모참조 선택자라 하여 부모선택자를 참조 할 수있다. &선택자를 사용할때는 중괄호안에 해당 태그의 스타일과 동일선상에 써주면 된다. 1234..
SASS 개념 웹페이지의 규모가 커지면 그 css 문서의 양이 방대해지며, 소스의 관리, 중복 작업등이 많아진다. 이러한 이유 때문에 CSS 전처기가 등장하였다. CSS 전처기에는 대표적으로 Sass, Less 등이 있다. CSS 전처리는 스크립트처럼 특정 속성값을 변수에 담아 필요한 곳에서 적용할 수 있어, 중복 작업 혹은 반복 작업을 줄일 수 있다. SASS 설치 1. Ruby 설치 SASS는 Ruby 라는 언어로 만들어져 있어 SASS 파일을 CSS로 컴파일 시키려면 Ruby라는 언어가 내 컴퓨터에 설치 되어있어야 한다. (링크 : http://rubyinstaller.org/downloads/) 2. SASS 설치 Ruby의 설치가 완료되면 cmd 창에서 아래의 명령어를 이용하여 SASS 를 설치..
RequireJS 개념 requirejs 는 자바스크립트 파일/모듈 로더이다. RequireJS 브라우저에 최적화 되어있지만, 다른 자바스크립트 환경( Rhino와 Node)에서도 사용할 수 있다. RequireJS와 같은 스크립트 모듈러를 사용하는 것은 당신의 코드의 질과 스피드를 향상 시킬 것이다 - RequireJS 공식 홈페이지( http://requirejs.org/) 자바스크립트는 Java나 Python과 같은 여타 서버사이드 언어처럼 한 파일에서 다른 파일은 로드해올 수가 없다. 혹여나 기능이 계속해서 추가되면 스크립트가 중복되거나 관리가 힘들어질 수 있다. 이러한 경우 코드를 a.js와 b.js 등으로 나누어 관리는 하게 되는데, 혹여나 스크립트 로드 순서가 의도대로 로딩되지 않는다면, 많..
Firefox 브라우저 에디터( Editplus)와 연동시키기 이 기능을 실행하면 Firefox에서 소스보기(Ctrl+U)를 클릭할 경우 EditPlus와 바로 연결이 된다. 1. 주소창에 "about:config"를 친다 "about:config"를 주소창에 입력하면 위와 같은 화면이 나온다. 2. 검색창에 "view_source" 를 입력한다. 3.입력하고 나면 설정 이름 중에 "view_source.editor.external" 라는 항목이 보인다.해당 항목을 더블클릭하면 값이 true/false로 바뀌며 이 값을 true로 변경해준다. 4. "view_source.editor.path" 항목의 값을 더블클릭하면 에디터의 경로를 입력해줄 수 있다.(C:\Program Files\EditPlus 2\..
Git Reset *뒤에 옵션을 쓰지 않으면 기본적으로 --mixed로 reset이 된다.1. Git reset --soft 위의 그래프를 기준으로 "log02" 으로 리셋 시킬시, 위와 같이 "log03"이 uncommit 상태로 변경되며, Stagin area로 이동된다. 2. Git reset --mixed 위의 그래프를 기준으로 "log02" 으로 리셋 시킬시, 위와 같이 "log03"이 uncommit 상태로 변경되며, Working Directory로 이동된다. 2. Git reset --hard 위의 그래프를 기준으로 "log02" 으로 리셋 시킬시, 아예 로그 자체에서 "log03" 이 사라지며, HEAD 가 "log02" 로 이동된다.
Git 을 터미널을 이용하여 사용하다보면 의도치 않게 편집창이 나올 경우가 있다. 위의 이미지와 같은 경우, 일단 i를 눌러 insert 로 변경한 후, 변경할 내역을 추가해준다. 그 후 Esc를 누른 후 명령어창에 ":wq"를 입력해주면, 해당 편집창에 나올 수 있다.
Jquery를 이용한 Object비교 Jquery에서 같은 Object를 비교하더라도, 계속해서 다르다고 나올 경우가 있다. 123456 객체 비교 console.log( $(".div") == $(".div")); //false console.log( $(".div") === $(".div")); //false Colored by Color Scriptercs 위의 소스를 볼때, 같은 Object를 비교하는데도, 실제 비교를 하면 flase값이 나온다. Jquery를 이용하면 해당 노드에 대한 정보가 배열로 해서 저장이 되는데, 이 배열에서 해당 노드에 대한 정보만 뽑아와야한다. 12345678910 객체 비교 console.log( $(".div")[0]==$(".div")[0]); //true co..
git status (-s or --short) 위 명령어를 터미널에 입력할시 각 파일별로 상태를 확인할 수 있다. 이 뒤에 -s 나 --short를 추가할시 파일의 상태를 좀더 간단하게 확인할 수 있다. --short or -s 옵션 추가시, 위 명령은 파일의 상태를 한줄로 간단하게 볼 수 있으며, 왼쪽에는 상태가 오른쪽에는 파일명이 나온다.- ?? : 아직 추적하지 않은 새 파일- A : 새로 생성된 Staged 상태인 파일 - D : 추적중인 파일 중 지워진 파일 - M : 추적중인 새로운 파일