반응형 자바스크립트7 [javascript] 함수 선언식, 함수 표현식 갑자기 열정 넘쳐서 미뤄왔던 javascript 관련 포스팅 목록을 작성하고 있다. 시간이 있을 때 작성해놔야한다는 것은 만고불변의 진리다. 오늘 작성하고자 하는 내용은 javascript에서 함수를 작성하는 방식에 관한 내용으로 기존의 방식으로 function을 선언하는 함수 선언식과 변수처럼 함수 내용을 써내려가는 함수 표현식 두 가지에 대해 알아보도록 하자. [javascript] 함수 선언식, 함수 표현식 함수를 정의하는 방식과 각 방식별 간단한 사례를 살펴보자. 1) 함수 선언식 일반적으로 다들 많이 쓰는 함수 정의 방식이다. doSomething(); // 함수 선언식 방식 function doSomething() { alert("test function!"); console.log("blah.. 2019. 5. 21. [javascript] 호이스팅 (hoisting) 이란? 호스팅(hosting)은 많이 들어봤는데 호이스팅(hoisting) 은 생소한 단어였다. 호이스팅의 개념은 javascript 변수 범위를 설명하면서 자주 언급되었는데 오늘 해당 용어의 의미와 어떤 개념인지 확인해보도록 하자. [javascript] 호이스팅 (hoisting) 이란? 호이스트(hoist)는 건축/건설이나 화물 운반에 사용되는 장비로 화물 등을 들어올리는 업무를 수행한다. 즉, 아래에 위치한 것을 위로 끌어올리는 역할을 하는 장비인데 이 단어 자체로도 '들어올리다' 라는 의미를 가지고 있다. javascript에서의 호이스팅(hoisting)은 코드에 선언된 변수 및 함수를 코드 상단으로 끌어올리는 것을 말하며 이는 변수 범위가 전역 범위인지 함수 범위인지에 따라 다르게 수행될 수 있다... 2019. 5. 14. 폼 추가 및 삭제에 대한 Upgrade code 이전에 올렸던 버튼 클릭으로 폼 생성 및 삭제에 대한 코드의 문제점을 발견하였습니다. http://ojava.tistory.com/trackback/35 이전에 사용하던 코드로는 변수로 선언된 count가 폼 추가 시마다 1씩 증가합니다. 폼 삭제시에는 1씩 감소하겠지요. 만약 5개의 폼이 생성되어 있는 상태라고 가정해봅시다. count는 증가해서 6이 되어있겠죠. 4번째의 폼을 지우게 되면 count는 1이 감소하여 5가 됩니다. 따라서 다시 5번째로 폼을 추가하게 되면 count를 따라 5의 이름을 가진 폼이 또 다시 생성됩니다. 페이지를 이용하는 유저가 순차적으로 삭제하고 추가한다면 얼마나 좋겠습니까 ㅠ_ㅠ 하지만 그렇지 않다는 것. 그리고 그런 점을 고려해서 코드를 구성해야 한다는 것을 다시 상기.. 2011. 8. 9. 버튼 클릭으로 원하는 내용을 복사해보자. 버튼 클릭으로 ~~~ 해보자 시리즈가 되었네요! 딱히 의도하지는 않았는데.... 무튼 찾으면 여기저기 나오는 코드들인데 이를 조합해서 만들어봤습니다. Textarea에 적용되는 코드들이 많았는데 이 코드는 input box에 적용했으니 역시 되지 않을까요? /** * URL 복사를 위한 javascript * @author HyeYoungOh */ function URLcopy(which){ if (window.clipboardData) { var target_data=eval("document."+which); target_data.select(); zone=target_data.createTextRange(); zone.execCommand("copy"); alert("주소가 복사되었습니다. 붙여넣기.. 2011. 7. 6. 버튼 클릭으로 폼 생성과 삭제를 해보자! 버튼만 띡 누르면 폼 또는 원하는 내용이 생성되고 또 버튼을 띡 누르면 그 내용을 삭제하게 만들어 봅시당. 아래의 내용은 만드는데 필요한 javascript 코드입니다. 저의 경우는 input box를 추가하였습니다. 5개를 제한개수로 하였습니다. => 폼 추가 코드 /** * Keyword Form 추가를 위한 Javascript * @author HyeYoungOh */ function addKeywordForm() { /** * 이 부분에는 추가될 부분의 div 이름을 넣으시면 됩니당 */ var addedFormDiv = document.getElementById("addedKeyword"); /** * str로 선언한 부분에 원하는 내용에 대해서 넣어주시면 됩니다. */ var str = '' .. 2011. 7. 6. JSON 방식이란? 오늘은 지난 번 Ajax 포스팅에서 잠깐 나왔던 JSON에대한 소개를 할 예정입니다. JSON은 JavaScript ObjectNotation의 약자로, 말 그대로 자바스크립트의 오브젝트를 표기하기 위한 표기법입니다. Web에서 데이터를 주고받을 때 사용하는 표현 방법의 일종이지영. JSON 방식에 대한 이해를 위해서는 자바스크립트의 배열에 대한 이해가 필요하므로 소개하고넘어가도록 하겠습니다. 일반적인 프로그래밍 언어, 예를 들어 Java에서는 배열을 기본적으로 이런식으로 정의합니다. Stringblog = new String [4]; blog[0] = “string 배열입니다.”; blog [1] = “블로그를 이용하면 좋습니다.”; 또는 배열의선언과 동시에 값을 대입하는 초기화 방식으로 Stringb.. 2011. 3. 10. 공백값 체크의 여러가지 방법 오늘은 여러가지 공백값 체크 방법에 대해 알아봅시당. 공백값을 글의 제목 또는 내용에 넣게 되면~ 특히 제목! 제목에 공백값이 들어가게 되면... 글이 클릭이 안되는 경우도 생기지영ㅠ_ㅠ 그렇다면 공백값 체크 예시를 위한 Javascript 를 봅시당. 요 내용을 기반으로 공백값 체크를 설명하지용. if(Trim(document.articleDetailFrm.inputArticleName.value) == ""){ alert("게시물 제목을 입력하세요."); document.articleDetailFrm.inputArticleName.focus(); return; } if(Trim(inputContents)==""){ alert("게시물 내용을 입력하세요."); document.articleDetailF.. 2011. 2. 2. 이전 1 다음 반응형