[CSS] position 속성에 대해 알아보자. CSS, position 속성에 대해 알아보자. CSS property 중에 position 값에 relative 라는 녀석을 만나게 되었다.이 녀석은 뭐하는 녀석일까? 궁금해하다 position 속성 자체에 대해 공부하게 되었다. position 값에 들어갈 수 있는 값은 static, absolute, relative, fixed, inherit 이다. position:static static 값은 기본값이기 때문에 position 값을 써주지 않으면, 자동으로 static position이 된다.이 static position은, 화면의 왼쪽상단부터 element 들을 배치한다.최초 element는 최좌상단에, 그리고 그 다음 element 는 그 오른쪽에 붙는데 만약 공간이 부족하다거나, bloc.. 2013. 6. 15. [VB] MMControl 을 이용하여 음악 재생하기 MMControl 을 이용하여 음악 재생하기 VB 에서 Multimedia 재생을 위한 도구로 가장 기본적으로 제공되는 Component 는Microsoft Multimedia Controller 의 약자인 MMControl. 이 녀석으로 MP3 를 재생시키려고 했더니 안 된다....Reference 에서도 정확히 어떤 확장자들을 지원하는지를 명시하지 않아곤란한 가운데, MP3 를 재생하려면 다른 Component 를 사용하라는 이야기도 있고,MP3 를 재생하는데 성공했다는 사람도 있고 다양하지만,필자는 결국 실패하였고, 대체수단으로 그냥 Wav 파일만 재생해 보았다. Private Sub PlaySound(fileName As String) MMControl1.fileName = App.Path & ".. 2013. 6. 13. [JavaScript/Tutorial] Closure 와 Function.bind 의 사용. Closure와 Function.bind 의 사용 [이전강좌] Scope. var 없이 변수 정의하면? Global variable 접근방법은? Closure Closure 는 Scope 의 확장판으로 이해할 수 있다. Function 에 Parameter 형태로 Variable 을 전달하여, 해당 변수를 Local 화 시키는 것도 Closure이고, Outer scope 접속을 위해 임의의 variable 에 this 를 저장한 후, sub procedure 를 실행하는 형태도 Closure 하고 한다. // 변수 로컬화 closure var localizeFunction = function( localizedIndex ){ return function(){ alert( localizedIndex );.. 2013. 5. 26. [VB] 이미지 불러와서 Resize 해서 PictureBox 에 붙이기. 이미지 불러와서 Resize 해서 PictureBox 에 붙이기 지인의 부탁으로 초등학교 5학년 때 이후 처음으로 Visual Basic 을 만져보았다.뭔가 VB 가 엄청나게 쓰이고 있다고는 하지만, 의외로 소스도 매우 부족하고,요즘 Hot 한 아이템이 아니라 그런가 전문자료도 부족한 것 같다.( 많은 Blogger 들이 VB 를 다루고 있지 않음.. ㅠ ) 그래서 이미지 불러와서 Resize 해서 PictureBox 에 넣는 것도구글링을 열심히 하고, Reference Doc 도 보고 하면서 여러가지 실험 끝에 완성.. 그 샘플코드를 공유하고자 한다. Private Sub SetPictureWithScale(fileName As String) Dim myPic As StdPicture Set myPic.. 2013. 5. 18. [JavaScript/Tutorial] 조건문(Conditional Statement) 에서의 주의사항 및 switch 문. 조건문 사용에서의 주의사항 및 switch 문 [이전강좌] Operator 사용 type cast, conversion, control 문, ==, === comparator. JavaScript 에서의 true 와 false 의 조건 Condition 문에서 true 로 인식하는 경우. - 공백이 아닌 string. "0", "abc"- 생성이 된 object. [], {}- 0이 아닌 숫자. 5 Condition 문에서 false 로 인식하는 경우. - 공백 string. ""- NaN- null- undefined- 0 JavaScript 의 Switch 문 JS 에서의 Switch 문은 integer 비교뿐만이 아닌 string 비교도 가능하다.허나 switch 문을 object 로도 표현 가능하.. 2013. 5. 13. [JavaScript/Tutorial] HTML, CSS, 그리고 JavaScript 웹을 구성하는 아주아주 원초적인 언어들을 이야기하라면 HTML, CSS, JavaScript 를 들 수 있겠다. HTML 은 Contents 를 표현하는데 사용되고, CSS 는 Visual 을 담당하고 JavaScript 는 Interaction 을 통해 Dynamic 한 페이지를 제공하는 것을 담당한다. Hello World Click Me! Click Me2! * querySelector 를 통해 검색되는 녀석은 "첫번째" 로 맞딱뜨리는 tag 이다. * addEventListener 의 parameter 들은 eventName, function, useCapture 이다. 이 중 useCapture 가 true 일때는 capturingPhase 로, false 일때는 bubblingPhase 로 작.. 2013. 5. 8. [jQuery/Tutorial] Callback 을 잘 사용해보자. JavaScript 는 Callback function 을 전달하기가 쉽다.다른 function 의 argument 로 전달하면, 해당 function 의 실질적인 작업이 끝나면 callback function 이 수행된다. jQuery #1 은 argument 가 없는 myCallBack 이란 이름의 callback function 을 등록한다.이 때 " " 를 넣어 string 화하지 않아야 하며, () 도 넣어서는 안된다. #2 는 callback 전달이 아니라, myCallBack( param1, param2 ) 의 수행결과, 즉 return value 가 get 의 2번째 argument 로 전달되는 격이다. #3 은 argument 를 2개 가진 callback function 을 등록한 경우.. 2013. 5. 8. [jQuery/Tutorial] CSS 에서 정의한 class 적용하기 & Effect 주기. 출처 : jQuery 공식 홈페이지 jQuery ( JavaScript ) 와 CSS 는 뗄 수 없는 관계. 태그를 통해서 class 정의를 하고,addClass( "className" ) 과 removeClass( "className" ) 을 통해정의된 class 를 추가 및 제거할 수 있다. jQuery jQuery 를 통해서는 effect 를 주는 것도 쉬운데,이 예제에서 사용된 것은 천천히 사라지는 hide( "slow" ) effect 이다. 2013. 5. 8. [jQuery/Tutorial] window.onload vs. ($document).ready 출처 : jQuery 공식 홈페이지. window.onload 는 html 의 모든 load 가 완료되었을 때 불린다.따라서 이미지가 있을 경우, 로드가 완료될 떄까지 onload 에 있는 코드는 실행되지 않는다. 반면에 jQuery의 $(document).ready 는 사용자의 조작이 가능해진 순간에 불린다.따라서 onload 보다 조금 더 실용적이다. jQuery event.preventDefault() 는 원래 기본 동작을 방지한다.위의 예에는 event.preventDefault() 코드가 들어가서 a 의 기본동작인 link 로의 연결이 되지 않는다. 2013. 5. 8. 반응형 이전 1 ··· 3 4 5 6 7 다음
