분류 전체보기 썸네일형 리스트형 [Web]# 크로스 도메인 / 동일 출처 정책 : CORS, SOP 크로스 도메인 / 동일 출처 정책(SOP:Same Origin Policy)AJAX 호출 시 보안상 이유로 동일 서버 이외에는 막히는 문제 발생도메인이 다른 곳에서 자바스크립트에 접근하려 할때 거부 해결책 여러개 있음.document.domain으로 설정도메인은 같으나 서브도메인이 다른 경우http://a.tistory.com이랑 http://b.tistory.com 이런 경우jsonp 콜백 함수 사용 JSONP(JSON with Padding)jsonp는 SOP를 해결하기 위해 사용 되는 방법jquery의 getJSON(url주소?파라미터&callback=?), 익명 callback함수) $.getJSON("http://ssben.tistory.com/jsonp.json?callback=?", func.. 더보기 [JavaScript] #3, Function 함수 JavaScript Function 함수 자바스크립트 함수는 일급 객체 일급 객체 조건변수나, 데이터를 구조 안에 담을 수 있음파라미터 전달 가능return 가능동적으로 프로퍼티 할당 가능무명 가능 함수명을 생략하여 익명함수(anonymous function) 가능익명 함수는 람다식 / 람다 함수라고도 함. // 기명 함수표현식(named function expression) var foo = function multiply(a, b) { return a * b; }; // 익명 함수표현식(anonymous function expression) var bar = function(a, b) { return a * b; }; 함수 선언 3가지 방법 함수 선언식 → function 함수명(인자값) { retu.. 더보기 [JavaScript] #2, Data Type 데이터 타입 JavaScript Data Type 데이터 타입 JavaScript에 Data Type은 총 7가지이다. 그중 6가지는 Primitives data type이라고 불린다. Boolean, null, undefined, Number, String, Symbol 나머지 1가지는 Object 이다. 아는 거라고 얕보면 안 됨. Boolean은 2가지 값을 가질 수 있다. true 또는 false. 조건문으로 판단할 때, false로 판단되는 경우. 빈 문자열, null, undefined 는 false 그 외는 true. function main() { var test1 = ""; var test2 = "1"; var test3 = null; var test4 = undefined; console.log(c.. 더보기 [Tip] #티스토리 소스 코드 스타일 적용해서 넣기 #티스토리 소스 코드 스타일 적용해서 넣기정리하면서 소스를 넣어려고 메뉴를 찾아보니. 소스 코드 넣는 메뉴가 없었다.... 다른 블로그는 스타일이 적용되어 잘 올라가던데... 찾아보니 따로 설정을 해야되었던 것이다. 파일 다운로드 부터 설정까지 한개 블로그만 참고해서는 안되어서 혼자 정리를 좀 해 보았다. Tistroy에서는 직접 html과 css파일을 올릴 수 있도록 친절하게 만들어 놓았다. 필요한 파일만 압축해서 올려둠. 아래 파일 다운로드 ㄱㄱ. 하나씩 이미지 보면서 따라하면 끝. 1. 압축 풀면 이렇게. 2. 블로그 관리 메뉴로 들어가서 HTML/CSS 편집 선택 3. 파일 업로드 선택. 4. 추가 선택. 5. styles 폴더 들어가서 파일 전부 선택 후 열기 6. scripts도 전부 선택해서.. 더보기 [JavaScript] #1, JavaScript JavaScript JavaScript를 처음 접했을 때, 얄팍한 지식으로 어느 정도 필요한 기능이 구현되었다. 오픈 소스나 구글링 하면서 소스를 보면 내가 구현하는 것과 매우 다른 형태 소스들을 보게 된다. 역시 고수들...이러면서 대수롭지 않게 그냥 지나쳤다. 왜 그랬을까.. JavaScript를 진입 장벽이 낮다고 하는 사람들이 있다. 체감적으로 다른 언어들에 비해 유연한 덕분에 쉽게 느껴지는 부분이 있다. 하지만 깊이 들어갈수록 어떤 언어보다 복잡하고, 알아둬야 할 개념들이 많다. 계속 알아가는 중.. 애초에 탄생 자체가 HTML DOM을 동적으로 제어하고 싶어서 만든 보조적인 언어라 그런 걸까. 아무튼 기본 개념 없이 접근했다가 된통 당하고 조금씩 알게 되는 것을 메모해 둠. 컴퓨터 관련 비전공.. 더보기 [Trip]#Paris, 미슐랭 맛집 Restaurant Antoine 파리 미슐랭 맛집 Antoine파리에 미슐랭 맛집 Antoine를 갔었다. 위치는 센느강 바로 앞이라서 에펠탑이 바로 보인다. 쉐프 Thibault Sombardier가 운영하는 프렌치 레스토랑이다. 2명 예약 후 런치로 방문하여 3코스로 먹었다. 3코스 런치는 에피타이저 + 메인 + 디저트로 구성되어 있다. + 와인 2잔 시켜서 먹음ㅋ. 주문전. 과자에 무슨 소스같은거 올린거? 여튼 입에서 녹음. 쌀로 만든 과자같은거 위에 아보카도랑 토마토조각이였나. 이것도 맛있음. 애피타이저인데 회를 얇게 떠서 동그랗게 올리고 양념 뿌림. 롤 맛있음. 특히 소스. 드디어 메인 요리.대구 요리랑 홍합 리조또 진짜 너무 맛있음. 돼지고기인데 겉에 엄청 바삭하고 밑에 엄청 촉촉. 추가한 요리인데 양고기 최고임. 디저트.딸.. 더보기 [HTML5] #Video Tag HTML5 Video TagVideo ElementHTMLMediaElement를 상속 받음 + videoWidth, videoHeight 속성 추가.videoWidth, videoHeight : 실제 비디오의 해상도 크기.preload“none” : 재생 전에 다운로딩 안함.“metadata” : 재생 전에 포스터 같이 한장만 띄워둠.“auto” : 재생 전에 다운로딩 ㄱㄱ.IDL(Interface definition language)currentSrc : 현재 재생 중인 srcloadedmetadata 이벤트가 발생한 이후에 currentSrc를 신뢰할 수 있다.캐시에 따라 미디어 URI가 변경되지 않으면 일부 이벤트 발생 안할 수 있기 때문에상태 속성 (videoElement.상태속성) readyS.. 더보기 [Design Pattern] #1, Design Pattern 디자인 패턴(Design Pattern)개발을 도와주는 도구들이 굉장히 많다.SDK, 라이브러리, API, 패키지, 모듈, 프레임워크 등등 똑똑한 분들이 많이 만들어놓아서 편하게 쓸 수 있다. 이런게 없다면?엄청난 삽질과 문제 발생과 개선을 반복해야 된다. 개발하다보면 같은 문제로 똑같이 고생하는 경우도 번번히 있다.이걸 해결해주는 해결책이 있다. 디자인 패턴. 객체에 대한 개념이 없었을 때, 어땟을까소프트웨어 규모가 커지면서 복잡해 질수록 문제가 많이 생겼다. 알고리즘이 굉장히 복잡해지고, 서로 연결되어 실타래처럼 엄청나게 꼬여 있었을 것이다. 객체가 탄생하면서 코드를 재사용하고, 코드를 재정의 하는 등소프트웨어 세계에 큰 변화가 생겼다. 그로인해 세부적인 로직보다는 객체 설계를 더 중요하게 생각할수 .. 더보기 이전 1 ··· 3 4 5 6 다음
