Workspace

Edge BrowserEnterprise ModeTroubleshooting Edge 브라우저 window.open() 호출 시 세션 분리 현상 해결 엔터프라이즈 모드와 일반 모드 간의 컨텍스트 불일치로 발생하는 window.name 접근 불가 문제를 다룹니다. Ⅰ. 문제 현상 요약 A 사이트가 엔터프라이즈 모드(Enterprise Mode)로 작동 중일 때, 스크립트의 window.open()을 통해 B 사이트를 호출하면 다음과 같은 결합 오류가 발생합니다. 현상: B 사이트가 엔터프라이즈 목록에 없는 경우 '일반 모드'로 실행됨. 결과: 두 사이트 간의 엔진(IE vs Chromium)이 달라지며 세션 및 객체 공유가 차단됨. ..

JavaJSPProxyAjax URLConnection을 이용한 크로스 도메인 웹페이지 호출 보안 정책상 브라우저에서 직접 접근이 불가능한 외부 도메인의 데이터를 서버측 URLConnection을 통해 가져오는 방법을 알아봅니다. Ⅰ. 왜 서버 사이드 프록시가 필요한가? 기본적으로 Ajax는 동일 출처 정책(SOP)으로 인해 다른 도메인의 리소스를 직접 가져오는 데 제약이 있습니다. JSONP로 데이터를 받을 수는 있지만, 웹페이지의 HTML 구조 자체를 긁어오기에는 한계가 있습니다. 핵심 원리: 외부 머신의 URL 스트림을 내부 서버(JSP)에서 먼저 수신한 뒤, 이를 클라이언트에 다시 전달(Forward/Response)하는 방식을 사용합니다. ..

HTMLWeb StandardIE X-UA-Compatible 메타 태그의 이해와 설정 인터넷 익스플로러(IE)에서 최신 렌더링 엔진을 사용하도록 강제하거나 크롬 프레임을 활성화하는 방법을 알아봅니다. Ⅰ. X-UA-Compatible 메타 태그란? 과거 웹 표준을 준수하지 않은 페이지들이 IE 구버전 엔진(IE6, IE7 등)으로 인해 깨지는 현상을 방지하고, 최신 브라우저 모드로 렌더링하기 위해 사용합니다. 속성값 상세 설명 값 설명 IE=edge ..

HTMLWeb DesignEntity HTML 특수 문자 엔티티(Entity) 정리 웹 페이지에서 부득이하게 변환하여 사용해야 하는 특수 문자들의 엔티티 명칭 및 코드를 정리합니다. Ⅰ. 자주 사용하는 기본 특수 문자 HTML 예약어로 사용되는 따옴표, 괄호, 앰퍼샌드(&) 등을 표시할 때 필수적입니다. 문자 설명 Entity Name Decimal Rendering Quotation mark (") &q..

VIM 명령어 정리 1. 저장 및 종료a커서 위치 다음칸부터 입력A커서 행의 맨 마지막부터 입력i커서의 위치에 입력I커서 행의 맨 앞에서 부터 입력o커서의 다음행에 입력O커서의 이전 행에 입력s커서 위치의 한글자를 지우고 입력cc커서위치의 한 행을 지우고 입력 3. 이동x 또는 dl커서 위치의 글자 삭제X 또는 dh커서 바로 앞의 글자 삭제dw현재 위치부터 스페이스 까지 삭제diw현재 위치에 있는 단어 삭제dd커서가 있는 행을 삭제[n]dd현재 커서 부터 아래 n번째 줄까지 삭제dj현재 커서와 아래 줄 삭제[n]dj현재 커서 부터 아래 n+1번째 줄까지 삭제dk현재 커서와 윗로 n+1번째 줄까지 삭제[n]dk현재 커서와 윗 줄 삭제D 또는 d$현재 커서가 있는 위치부터 행 끝까지 삭제d0 또는 d^현재 ..

디스크 용량을 확인하는 명령어들이다. df : 디스크의 남은 용량을 확인df -k : 킬로바이트 단위로 현재 남은 용량을 확인df -m : 메가바이트 단위로 남은 용량을 왁인df -h : 보기 좋게 보여줌df . : 현재 디렉토리가 포함된 파티션의 남은 용량을 확인 du : 현재 디렉토리에서 서브디렉토리까지의 사용량을 확인du -a : 현재 디렉토리의 사용량을 파일단위 출력du -s : 총 사용량을 확인du -h : 보기 좋게 바꿔줌du -sh * : 한단계 서브디렉토리 기준으로 보여준다.

트위터 타임라인 위젯 속성적용하기 기본 위젯 소스 @xxxxxxxx 님의 트윗 타임라인 위젯에 속성을 적용하려면 위 소스에 추가를 해주면됩니다. 타임라인에 적용할 수 있는 속성으로는 테마 : data-theme="dark" 혹은 data-theme="white" 링크색 : data-link-color="색상“ ex) data-link-color="#cc0000" 위젯넓이 : width="넓이" ex) width="300" *넓이는 180이 최소 520이 최대 위젯높이 : height="높이“ ex) height="500" *높이는 200이 최소 크롬 : data-chrome="속성" 크롬에는 다섯가지 속성이 있습니다. -noheader : 상단에있는 팔로우버튼 영역을 없애줍니다. -nofooter : 하..

트위터 타임라인 위젯 만들기 1. 설정화면 들어가기트위터 상단에 있는 톱니바퀴를 클릭한 후 설정으로 들어갑니다. 2. 위젯화면 들어가기설정화면으로 들어가서 왼쪽 메뉴를 보면 위젯이 보이는데 위젯을 클릭합니다.그 후, 새로만들기 버튼을 클릭합니다. 3. 위젯 만들기2번 실행결과 다음과 같은 창이 뜨는데 하단에 있는 위젯만들기를 클릭합니다. 4. 정보 추출위젯 만들기를 클릭하게되면 우측 하단에 복사를 하라는 공간이 생기는데 안에있는 내용을 복사 합니다. 다음과 같은 코드를 복사해서 원하는 페이지에 붙여넣으면 기본 위젯을 사용할 수 있습니다.@darusamu1 님의 트윗 지금까지 기본 위젯 만들기를 알아봤습니다.다음시간에는 위젯 설정 방법을 알아보겠습니다.