목록Romantic Developer/Web JavaScript (16)
Romantic Developer : )
안녕하세요 영감을 주는 개발자 방민방민입니다. 오늘은 DOM 에서 Navigator 객체에 대하여 알아보도록 하겠습니다. 세상에는 너무 많은 브라우저가 있습니다.사파리, 크롬, 인터넷 익스플로러, 파이어 폭스 등등등 이러한 브라우저마다 표준화를 최대한 따르지만 그 결과가 브라우저 플랫폼마다 다르게 도출될 수 있습니다.그러하기 때문에 자바스크립트를 통해 브라우저마다 다른 결과가 나오지 않도록 하는 것이 중요합니다.이러한 상황에서 사용하는 것이 바로 Navigator 객체입니다! 이러한 Navigator 객체는 브라우저의 정보를 제공함으로써 호환성 문제를 해결합니다! 지금부터 실습을 시작하도록 하겠습니다. 1. Navigator 객체콘솔창에 다음의 자바스크립트 명령어를 사용하면 브라우저의 정보를 확인 할 수..
안녕하세요, 영감을 주는 개발자 방민방민입니다. 오늘은 자바스크립트에서의 Location 객체에 대하여 알아보고자 합니다. Location 객체를 활용하면, 윈도우의 문서 URL 을 변경할 수도 있고, 그 위치와 관련된 다양한 정보를 얻을 수 있습니다. 그럼 바로 실습을 시작해 보도록 하겠습니다:) 1. 현재 문서의 URL 현재 문서의 URL 은 location 객체를 통해 접근이 가능합니다. location은 alert 창에서는 자연스럽게 string 으로 변환되기 때문에 위의 코드는 location.string 과 같은 내용이라고 생각하시면 됩니다. 이는 아래의 결과를 출력합니다. href 도 같은결과를 출력합니다. 실질적으로 location 은 많은 속성(프로퍼티) 들을 포함하고 있습니다. 아래는 ..
안녕하세요, 영감을 주는 개발자 방민방민입니다. 오늘은 웹 자바스크립트에서 BOM 객체의 첫번째 공부입니다.BOM 객체에 속한 다양한 객체, 메소드를 이용하여, 유저와 커뮤니케이션을 하는 내용을 구현해 보고자 합니다. 그럼 바로 시작하겠습니다. 1.alert 경고창이라고도 하는 alert 는 사용자에게 정보를 제공하는데 많이 사용됩니다. 아래의 코드를 보겠습니다. input 이라는 버튼을 보여주고, 이를 클릭함에 따라 onclick 에 있는 hello world 창이 출력됩니다. 2. Confirm 확인창은 true , false 값을 사용자로부터 받아 올 수 있습니다! 아래의 코드를 보시겠습니다.
안녕하세요 영감을 주는 개발자 방민방민입니다. 오늘은 웹 자바스크립트에서 오브젝트 모델에 대하여 알아보도록 하겠습니다.이 부분은 많이 어려울 수 있습니다. 최대한 상세하고 어렵지 않게 설명하고자 합니다. 집중해서 잘 따라와 주시면 감사하겠습니다. 웹 브라우저에서의 구성요소들은 하나하나가 모두 객체화 되어 있습니다.JavaScript , DOM(Document Object Model), BOM(Browser Object Model) 으로 구성된 3가지의 오브젝트는 브라우저의 가장 큰 틀 3가지이기 때문에 반드시 알아두어야 합니다.(출처 : 생활코딩) 브라우저를 객체화 한다는것이 무엇일까요? 지금부터 알아보도록 하겠습니다. 1. Img tag 브라우저 위에 이미지를 하나 올려 보도록 하겠습니다. 위의 간단한..
안녕하세요 영감을 주는 개발자 방민방민입니다. 오늘은 HTML 에서 자바스크립트를 로드하는 방법에 대하여 알아보고자 합니다. 웹 자바스크립트의 첫 포스팅인 만큼 바로 시작하도록 하겠습니다! 1. inline inline 은 자바스크립트 태그 내부에 javascript 코드를 기술하는 방식입니다. 아래 코드를 보도록 하겠습니다. onclick 은 이벤트의 발생시 " " 내부에 있는 javaScript 코드를 실행하게 됩니다. 즉 버튼이 클릭되었을때, 내부에 있는 alert('hello world') 코드를 실행하는 방식입니다. 이러한 방식의 장점은 태그에 연관된 자바스크립트 코드를 명확하게 확인이 가능하다는 점입니다. 그러나 제어와 HTML 정보가 함께 섞여있기 때문에 복잡해 질 수 있고, 그 정보로써의 ..
안녕하세요, 영감을 주는 개발자 방민방민입니다. 지난 약 2주에 걸쳐 자바스크립트 문법에 대하여 학습하였습니다. ( JavaScript 게시판 참조 )생활코딩, 코드카데미를 통해 기본적인 문법부터 시작하여, 정말 심화적인 내용까지 학습하였습니다. 기본적인 문법을 하고나니 "그래서 이 자바스크립트로 도대체 무엇을 해야 하지?" 라는 생각이 들었습니다. 조금있으면 졸업작품인 웹 스트리밍 플레이어 개발에 착수해야 하는데,,, 아직도 이걸로 도대체 무엇을 할 수 있을까? 라는 생각이 들기 시작했습니다... 많이 불안하지만 생활코딩을 통해 자바스크립트를 활용한 웹 프론트 개발을 진행해볼까 합니다. 이 코스를 하고 나면 아마 대략적인 웹앱 프론트를 구현하는데에는 큰 무리가 없을 듯 합니다. 물론 이후에 node.j..