UX·UI - FrontEnd Dev. Story

프론트엔드 119

IIS 서버에서 웹폰트 인식하도록 설정 방법

기존 받은 소스를 돌리는데 웹폰트가 동작하지 않아서 방법을 찾아보았다. 대개 웹폰트 확장자는 .eot 나 .woff 등이 있다. 결론적으로는 MIME형식 가서 이 확장자를 등록해주면 인식하게끔 동작하게 된다. .eot : application/vnd.ms-fontobject .woff : application/font-woff 나의 경우 .eot 확장명은 이미 등록이 되어있었으나 형식이 application/octet-stream 으로 되어 있었다. 이것을 지우고 위 형식으로 등록했다. 이미 등록된 항목이라면 해당 항목을 더블클릭하면 편집 창이 뜬다. 없다면 새로 추가. 그 방법은 위 이미지 처럼 우측의 “작업” > “추가”를 클릭 아 이때 이 등록창은 다음의 경로로 이동한다. 나는 윈7을 쓰고 있으므로..

IIS에서 html파일 asp 인식 설정

이번 포스팅에서는 HTML에서 ASP 문법이 적용되는 방법을 알아보겠습니다 IIS 설치후 HTML에서 ASP 구문이 아래의 그림과 같이 실행이 안되는 현상이 발생할수 있습니다 위그림을 보시면 ASP가 인식이 안된것을 확인확인 해보실수 있습니다 IIS에서 ASP 실행 설정 방법 IIS(인터넷 정보 서비스)관리자 실행 제어판 -> 관리 도구 -> IIS(인터넷 정보 서비스)관리자로 들어간다 해당 웹사이트에서 처리기 매핑으로 들어간다 처리기 매핑 부분에서 ASP를 매핑해주는 부분을 찾은후 없다면 우측에 '스크립트 매핑추가'를 클릭합니다 '스크립트 매핑 추가'를 클릭하면 스크립트 매핑 추가 창이 뜬다 이부분을 다음과 같이 작성합니다 요청경로 : *.asp 실행 파일 : %windir%\system32\inets..

HTTP 상태코드 / 응답 오류 코드 :: 오류 사이트 페이지에 넘버 의미는?

서버의 상태를 알려주는 HTTP 상태 코드 알아보자 HTTP 응답 상태 코드는 특정 HTTP 요청이 성공적으로 완료 되었는지 알려준다. 첫번째 자리가 4와 5인 경우는 정상적인 상황이 아니라는것을 나타내기 때문에 사이트 관리자가 즉시 알아야 하는 정보다. 100 - 199 : 정보성 상태 코드 - 요청을 받았으며 프로세스를 계속 진행한다. 200 - 299 : 성공 상태 코드 - 요청을 성공적으로 받았으며 인색했고 수용했다. ● 200 - OK ● 201 - Created 300 - 399 : 리다이렉션 상태 코드 - 요청 완료를 위해 추가 작업 조치가 필요하다. ● 304 - Not Modified 400 - 499 : 클라이언트 에러 상태 코드 - 요청의 문법이 잘못되었거나 요청을 처리할 수 없다. ..

[jQuery] 기존 요소의 내부 컨텐츠 변경 - .html() VS .text() 차이점

다음 이 두가지[ .html() / .text() ]메소드를 사용하면 기존 요소의 내부에 새로운 요소나 컨텐츠를 반환하거나 설정 가능하다. 메소드 설명 .html() 해당 요소의 HTML 콘텐츠를 반환하거나 설정 .text() 해당 요소의 텍스트 콘텐츠를 반환하거나 설정 1) .html() 메소드 선택한 요소의 내용을 새로운 HTML 요소로 변경 가능하다. ex) .wrap { color: blue; } 안녕하세요. $("p").html("Chloe 입니다."); 2) .text() 메소드 선택한 요소의 내용을 새로운 단순 text로 변경 가능하다. .wrap { color: blue; } 안녕하세요. $("p").text("Chloe 입니다.");

[jQuery] 요소의 추가 .append/.prepend/.before/.after/.wrap/.wrapAll

1. 기존 요소의 내부에 추가하는 요소 - 다음 메소드를 사용하면 기존 요소의 내부에 새로운 요소나 컨텐츠를 추가 가능. 메소드 설명 .append() 선택된 요소 마지막에 새로운 요소나 컨텐츠를 추가한다. .prepend() 선택된 요소의 첫번째에 새로운 요소나 콘텐츠를 추가한다. .appendTo() 선택된 요소를 해당 요소의 마지막에 추가한다. .prependTo() 선택된 요소를 해당 요소의 첫번째에 추가한다. 1) .append() 메소드 $(target).append(source) source 객체를 target 객체의 마지막에 추가. ex) 첫 번째 아이템 두 번째 아이템 $("#list").append("새로 추가된 아이템"); 2) .prepend() 메소드 $(target).prepen..

쿠키 활용해서 제어하기 :: setcookie 저장 / cookie 삭제

function setCookie(name, value, day){ //*1) ex01 setcooke( name, value, exprire, path, domain, secure) var today = new Date(); // Data 객체 생성 today.setDate(today.getTime() + day * 60 * 60 * 24 * 1000); // 1초 = 1/1000 //*2 파라미터로 받은 day(기간)을 data 객체에 담는다. document.cookie = name + '=' + value + ';expires=' + date.toUTCString() + ';path=/'; // cookie를 셋팅합니다. }; *1) - name : 쿠키 변수명 - value : 변수값 - exp..

웹 브라우저 쿠키(cookie) / 세션(Session) 개념 차이점

인터넷을 사용하다보면 쿠키 관련된 정보를 묻거나 설정하는거에 대해 많이 나온다. 그래서 자주 접하는 쿠키(cookie) / 세션(session)이 무엇인지 정리했다. * 쿠키(영어: cookie)란 :: 사용자가 어떠한 웹사이트를 방문할 경우, 그 사이트가 사용하고있는 서버를 통해 브라우저에서의 정보들을 사용자의 컴퓨터에 저장되는 작은 텍스트 파일. ex) 웹 사이트에 접속할때마다 쿠키와 세션을 통해 로그인 상태를 유지할 수 있다. 쿠키는 사용자 웹 브라우저에 저장하며 데이터 형태는 Key, Value 형태로 String문이며, 4kb이상 저장 불가. 브라우저마자 저장되는 쿠키는 다르다(크롬, 익스플로러, 사파리, 파이어폭스 등 각각 다름) 1. 쿠키 종류 1) 기술적 쿠키 검색하는 주체가 사람인지 아니..

[IT 용어정리] 팝업창 VS 모달창, 차이점은 뭘까?

팝업창 작업을 하다보니 비슷한 용어가 너무 많다 ㅠㅠ.. 팝업창 / 모달창 / 레이어팝업 / 윈도우팝업 등등... 웹은 어떤 상황에만 보여지는 공간이 존재하는데 이때 사용하는 것이 팝업창과 모달창이다. 근데 도대체 이 차이가 무엇인가!!!! 그래서 개념을 정리해보려고한다..ㅎ 팝업창 VS 모달창 1) 팝업창 팝업창이란 현재 열려있는 브라우저 페이지에 또 다른 브라우저 페이지를 띄우는 것이다. 즉, 창 + 창n 이란 개념이다. 브라우저에서 이 창을 열기 닫기를 제어할 수 있다. (브라우저에서 팝업창을 강제로 막아놓을 경우 보이지 않는다) 2) 모달창 모달창은 기존의 브라우저 페이지 위에 새로운 윈도우 창이 아닌 레이어를 까는 것을 말한다. 모달창은 제거를 하지 않고도 페이지를 이동하면 자연히 사라진다. 기..

[HTML] <select> 태그에 링크걸기

1. 그룹 태그에 링크 넣기 예시 01) 박스 링크 걸기 예시 02) 그룹박스 링크 걸기 사이트 바로가기 현대자동차 현대컬렉션 N 브랜드 ------ 사이트 리스트 ------ 현대자동차 현대컬렉션 N 브랜드 롯데 롯데시네마 구글 네이버 다음 태그는 예시 01 처럼 리스트로 만들 수 있고 예시 02처럼 그룹화 리스트를 만들 수 있다. ● 그럼, 리스트에 링크를 거는 방법은? ------ 관련 사이트 ------ 코센(KOSEN) 국가정책연구포털(NKIS) East Asian Economic Review 한국과학기술정보연구원 경제인문사회연구회 대외경제정책연구원 구글 네이버 다음 태그에 window.open(value,'_blank'); 넣어주고 에 value="링크 주소" 입력하면 된다.

반응형