Romantic Developer : )

안녕하세요 영감을 주는 개발자 방민방민입니다. 오늘은 웹 자바스크립트에서 오브젝트 모델에 대하여 알아보도록 하겠습니다.이 부분은 많이 어려울 수 있습니다. 최대한 상세하고 어렵지 않게 설명하고자 합니다. 집중해서 잘 따라와 주시면 감사하겠습니다. 웹 브라우저에서의 구성요소들은 하나하나가 모두 객체화 되어 있습니다.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..