UX·UI - FrontEnd Dev. Story

프론트엔드 117

자바스크립트 함수 사용해서 rest 파라미터 / for of 배열 만들기

1. Rest Parameters [파라미터] : (...args) - 인자를 모두 배열 형태로 전달하는 파라미터 // * Rest 파라미터 사용하기 function printAll(...args) { //...args는 -> printAll('A', 'B', 'C')의 값이 담겨있는 배열 for (let i = 0; i < args.length; i++) { // printAll의 값이 length를 통해 3개의 배열이 i에 담긴다. console.log(args[i]); // 'A' // 'B' // 'C' } } printAll('A', 'B', 'C'); 2. for ( arg of args ) 사용한 더 간단한 작업방법 function printAll(...args) { // for ( arg ..

자바스크립트 반복문 while문, do while문, for문

1. while 반복문 let i = 3; while (i > 0) { // false가 나올때까지 무한대로 계속 반복하는것. console.log(`while: ${i}`); i--; } // while: 3 // while: 2 // while: 1 while 반복문은 조건문이 만족하면 {} 블럭을 실행시킨다. 만약 블럭을 먼저 실행하고 조건문을 진행하고싶으면 do - while을 사용하면된다. 2. do-while 반복문 let i = 3; do { // 블럭을 먼저 실행하고 console.log(`do while: ${i}`); i--; } while (i > 0) // 조건문을 반복하는 방법 // do while: 3 // do while: 2 // do while: 1 3. for loop 문..

자바스크립트 부모, 자식, 형제 노드 찾는 방법

자바스크립트를 연습하다보면 생각보다 자주 사용되는 스크립트 중 하나인것 같다. 매번 찾았다가 이번에는 이해한것을 정리해서 올려놓으려고 한다. 01_ 자바스크립을 이용한 자식요소 찾기(childNodes) HTML aaa bbb ccc JS let parent = document.querySelector('#list-wrap') // 변수에 parent 요소를 저장 let allChildren = parent.childNodes; // 모든 자식들 찾아 변수에 담기 let first = parent.firstChild; // 첫번째 자식들 찾아 변수에 담기 let last = parent.lastChild; // 마지막 자식 찾아 변수에 담기 console.log(allChildren); console.l..

함수 표현식 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..

반응형