글

html과 javascript의 관계

w3schools를 이용해 javascript를 공부하려는  프로그래밍 초급의 개발자(코더, 프로그래머)들은 Online(Web) 상에서 html이란 정적인 콘텐츠(내용물)을 표시하는 태그들로 이루어진 문서라고 받아들이면 편할 것이다. 그리고 우리가  w3schools를 이용해 공부하는 상황에서는 이정도 (정적인 내용을 나타내는 태그들을 포함하는 문서)로 쉽게 이해하고 넘어가자.  그러면 javascript란 위 정적인 문서의 내용을 상황에 따라 변경가능(프로그래밍)하게 해주는 html 문서내의 태그와 그 내용을 변경하는 프로그래밍 언어라고 생각하면 좋다. 더 많은 것이 있으나, 항상 우리는 완벽한 초보 개발자를 고려해야 하니, 이렇게 정하도록 하자. 이를 새겨 이전글을 보면 좀더 이해가 될 수 있을 것이다.
댓글 쓰기
자세한 내용 보기

javascript w3schools.com study

 1. html 문서  -  파일 이름의 끝이 .html - web browser용 문서 (.hwp는 한글 프로그램에서, .doc는 워드프로세서에서 읽듯) 2. W3schools.com에서 Javascript 'try it yourself'를 진행할 때, 알아야 하는 html 틀 --------------------------------------------- <!DOCTYPE html> <html> <body> <h2>My First JavaScript</h2> <button type="button" onclick="document.getElementById('demo').innerHTML = Date()"> Click me to display Date and Time.</button> <p id="demo"></p> </body> </html>  ------------------------------------------------ 위는 html의 가장 기본적인 모양이다. <!DOCTYPE html>  <-- html 문서임을 명시함 <html> <-- 문서의 시작 </html> <-- 문서의 끝 <body> <-- 내용의 시작 </body> <-- 내용의 끝 <h2> <-- 제목을 포함하는 태크, 종류가 여러가지 있으나 그중 2번째 </h2> <-- 제목의 끝 <button > <--button 을 나타내는 태그,  사용자의 클릭 이벤트를 캐치한다. onclick <--button클릭시 실행할 javascript document <-- 문서를 나타내는 javascript 객체 javascript 객체 <-- 자체적으...
댓글 쓰기
자세한 내용 보기

코딩 공부 - 1

이미지
  왼 편의 코딩영역:  https://www.w3schools.com/js/js_intro.asp 에서 녹색의 "try it yourself" 버튼을 클릭하면 나타나는 영역인데 여기서 javascript를 연습할 수 있다. 오른편의 프로그램 실행 영역: 'Click M2!' 버튼을 클릭하면 'Hello Javascript' 가 나타난다. 왼편을 통째로 복사하여 html 문서(예를 들어, default.html)로 저장하고, 그 문서를 더블클릭하면 웹브라우저에서 오른 편의 화면을 볼 수 있다. 여기서 알 수 있듯, javascript는 기본적으로 html 문서에 동적인 (상황에 따라 변경가능한) 요소를 표현, 작동시키기 위하여 만들어진 인터프리터 언어이다. 위 문서 (왼편)에 몇 가지 html 문서 요소들이 있는데 이것은 다음 글에서 설명하겠다.
댓글 쓰기
자세한 내용 보기

스타트업 지원 개발자

 1. 먼저 예쁜 UI 템플릿이 있는지 확인한다.    - 어느 정도 비용으로 사는것이 정신 건강에서나, 기회 비용 측면에서나 좋다.    - UI template가 있다는 것은 이 기술(언어)가 많이 쓰인다는 것이고, 개발자/협업자를 많이 확보할 수 있다.
댓글 쓰기
자세한 내용 보기