분류 전체보기(169)
-
자바스크립트 - 매개 변수의 개수가 정해지지 않은 경우(arguments)
보통 함수의 매개 변수의 개수가 정해져 있는데 경우에 따라서 매개 변수의 개수가 달라지는 경우가 있다. 매개 변수의 개수가 정해져 있지 않을때 매개 변수 값들을 저장할 수 있는 저장 장소를 활용하는 방법이 있다. 'arguments'객체를 이용하면 된다. arguments 객체를 이용하면 매개 변수값들을 배열안에 담아서 저장한다. function exampleFunction(){ //첫번째 파라미터를 찍는다. console.log(arguments[0]); //두번째 파라미터를 찍는다. console.log(arguments[1]); } exampleFunction()에 파라미터를 넣으면 첫번째와 두번째 파라미터가 찍힌다. 만약 파라미터를 세개 넣으면 arguments[2]로 값을 가져다가 사용하면 된다.
2023.11.20 -
자바스크립트 - 함수 function(선언적 함수, 익명 함수, 람다 함)
1) 선언적 함수 //선업적 함수 //함수 선언 위데서 실행해도 실행됨 함수명(); //함수 정의 function 함수명(){ //실행되는 내용 console.log("함수명 함수가 실행되었습니다."); } //밑에서도 함수 실행됨 함수명(); 위와 같이 함수를 선언해두면 실행하기 선언한 함수 위치의 위에서 실행해도 실행이 가능하고 아래에서도 실행이 가능하다. //함수의 결과를 변수에 담아 실행 가능하다. function 함수명2(){ return "함수를 변수에 담아서 실행할 수 있구만!"; } var text = 함수명2(); document.write(text); 위와 같이 함수의 실행 결과를 return으로 반환해줄 수 있고 그 결과를 변수에 담아서 활용할 수 있다. 2) 익명 함수 //익명 함수..
2023.11.15 -
자바스크립트 prompt, document.write
자바스크립트 입출력을 할때 사용하는 명령어가 있다. 1) prompt("prompt제목" ,"입력할 내용") var promptTest = prompt("제목이닷", "내용입력해라"); document.write(promptTest); 확인을 누르면 prompt 창으로 입력받은 내용을 변수로 받아서 document.write을 통해 출력된다. document.write은 ()안에 입력한 내용이 화면에 나타난다. 입력한 내용에 html 태그를 같이 넣어두면 태그가 적용되어서 출력된다. document.write("document.write으로 입력한 내용이닷");
2023.11.15 -
<button>태그, <progress> 태그
보호되어 있는 글입니다.
2023.10.24 -
select박스, textarea
,,태그 - 여러 옵션 중에서 선택하도록 하고 싶을 때 드롭다운 목록을 사용한다. 클릭했을 때 옵션들이 요소 아래쪽으로 펼쳐지는 목록이다. - 태그 안에 태그를 넣고 각 태그의 value 속성을 이용해 서버로 넘겨주는 값을 지정한다. - 태그의 속성은 size와 multiple 속성이 있다. - size는 드롭다운 메뉴의 항목 개수를 지정한다. 3이면 3개 4이면 4개 이렇게 드롭다운 메뉴가 나오는데 크롬 브라우저의 경우 size 속성에 지정한 값보다 하나 더 많은 옵션을 표시한다. 예를들어 6은 7개 9는 10개이다. - multiple 속성은 드롭다운 메뉴에서 Ctrl키를 누른 상태에서 여러개의 옵션을 선택할 수 있다. - 태그의 속성은 value와 selected 가 있다. - 태그의 value는 ..
2023.10.03 -
input 태그 속성 정리(HTML)
autofocus 속성 - 페이지를 열자마자 autofocus 속성이 있는 요소에 마우스 커서를 표시한다. - 전에는 자바스크립트로 구현해야 했다면 HTML5부터 autofocus 속성을 이용해 구현할 수 있다. placeholder 속성 - 텍스트를 입력할 때 무슨 내용을 입력하는지 도움 받을 수 있도록 힌트를 표시한다. 필드를 클릭하면 내용이 사라진다. readonly 속성 - 사용자는 내용을 수정하거나 입력하지 못하고 읽을수만 있게 한다. required 속성 - submit 버튼을 클릭하면 required 가 있으면 필수요소로 내용이 채워져 있어야 한다. 내용이 비어있으면 전송이 안된다. min,max,step 속성 - input 태그의 type이 date, datetime, datetime-lo..
2023.10.03