UX·UI - FrontEnd Dev. Story

전체 글 149

함수 표현식 VS 함수 선언식 구분하기

1. 함수 선언식이란 변수 선언을 let / const 등으로 시작해야하는 것 처럼 함수 선언은 function으로 시작한다. 선언 된 함수는 나중에 사용될 것을 위해 저장되며 call 될 때마다 실행된다. function a() { return "이것은 함수입니다."; } 이 a 함수를 사용하려면 함수의 이름을 호출하면 된다. a();// "이것은 함수입니다." 2. 함수 표현식이란 함수 표현식은 변수로 저장 될 수 있다. let x = function (a, b) {return a * b}; 함수 표현식이 변수에 저장이 되면, 변수는 함수처럼 사용이 가능하다. 변수에 저장된 함수는 함수명이 따로 필요 없으며, 변수 이름을 통해서 호출한다. 함수 표현식 VS 함수 선언식 함수 표현식 alert(hell..

<a>태그 href 속성 #, #none 및 taget, title 속성 파해치기

1. 태그 속성 종류 ● href : 연결하고 싶은 주소를 지정한다. ● target : 링크 클릭 시, 창의 형태를 지정한다 [ _blank, _self, _top, _bottom ] ● title : 링크에 대한 설명을 넣는다. 2. 태그의 href 속성 href = Hypertext Reference의 약자 - href="연결 주소" 주소 링크를 넣어서 속성의 값으로 경로를 이동시킨다. 코딩을 하다보면 href 안에 #, #none, / 넣는경우가 있는데 차이점을 알아보자. ◎ # : 아무것도 실행하지 않지만 페이지 최상단으로 이동 ◎ #ID : 지정된 id 값으로 포커스 이동 ◎ #none : 아무것도 실행하지 않고 페이지 최상단으로도 이동하지 않는다. ◎ javascript:; : 자바스크립트라..

SVN 이란?(정의) SVN 사용 이유

SVN은 SubVersion의 줄임말로 형상관리/소스 관리 툴이다 SVN의 사용목적: 여러명이서 작업하는 프로젝트의 경우 버전관리나 각자 만든 소스의 통합과 같은 문제를 해결하기 위해 저장소를 만들어 그곳에 소스를 저장해 소스 중복이나 여러 문제를 해결하기 위한 Software이다 하나의 서버에서 소스를 쉽고 유용하게 관리할 수 있게 도와주는 툴 프로젝트 소스는 SVN 서버의 Trunk라는 곳에 위치 -> 자신의 Local에 Trunk의 소스를 다운 받아(update) 수정 및 추가 후 다시 업로드(commit)하는 방식 자신만의 소스를 다른 개발자들과 떨어져서 작업하려면 Branch(원 소스의 나뭇가지)를 만들어 작업 후 자기자신만 접근하여 개발하며 완성되면 Merge 기능을 사용하여 Trunk와 소스..

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..

반응형