본문 바로가기

전체 글

 (86)
WEB(4) : Java Script - event, querySelector() html은 정적이다. 한 번 화면에 출력되면 언제나 그 모습 그대로이다. 반면에 우리가 알고 있는 여러 프로그램들은 사용자 조작에 반응해서 움직인다. 사람들은 웹페이지도 게임처럼 동적으로 사용자와 상호작용할 수 있게 되기를 원했고, 그래서 "java script" 기술이 태어나게 되었다. html이 정보라는 멈춰있는 이미지를 그리는 것이라면, 자바스크립트는 정보라고 하는 그 이미지를 마치 영화처럼 움직이게 한다. -유튜브 '생활코딩' 中 자바 스크립트란? 자바스크립트는 사용자와 상호작용하는 언어 웹 브라우저는 한번 화면에 출력되면 자기 자신을 바꿀 수 없다, 하지만 자바스크립트를 사용하면 자바스크립트의 코드에 따라 웹 브라우저를 바꿀 수 있다. 즉, 자바스크립트는 html을 제어하는 언어다. 웹페이지를 ..
WEB(3) : CSS CSS 기술의 서두 html을 통해 문서를 만들수 있게 된 이후에 사람들은 곧 여러가지 불만족을 쏟아냈다. 문자의 크기와 색상을 변경하고 싶다, 가운데 정렬을 하고 싶다 등등... 웹을 만든 사람들은 웹페이지를 아름답게 만들고 싶은 고민에 빠졌고, 두 가지 갈림길이 생긴다. 쉽지만 한계가 있는 방법 어렵지만 근본적인 해결책 html이라는 이미 있는 언어에 디자인과 관련된 새로운 태그를 추가하는 것과, 디자인에 최적화 된 완전히 새로운 언어를 만드는 것 중 어떤것이 더 쉬운 것일까? 전자가 더 쉬운 것이고 쉬운 길이다. 웹 개발자들은 쉬운 길을 선택했다가 한계를 깨닫고 근본적인 해결책을 찾게 되는데, 그것이 바로 CSS 이다. 태그는 링크라고 설명하는 정보이다. 태그는 웹페이지에서 제목이라는 것을 설명하는..
HTML 미니 프로젝트 : BEAUTEFUL POEM 리스트, 링크, 사진/동영상/오디오 첨부하기 기능을 사용해보고 싶어서 만들어본 아주 간단한 웹사이트이다. 메인 화면은 index.html 파일로 사진 한 장, 아래에 피아노 음악이 나오는 동영상, 그리고 클릭하면 해당 시가 나오는 페이지로 이동할 수 있는 다섯가지 시 리스트가 나온다. 웹페이지 제작에 사용된 사진들은 저작권이 없는 무료 사이트를 이용하였다. https://www.notion.so/ab0ea69ebfe04a4cae2306913ae22ee9#1479ae11437d48c5beef8554c612149e https://www.notion.so/ab0ea69ebfe04a4cae2306913ae22ee9#0f71486d14e74dfa9e6fede335c0e6d2 head 태그 안에 을 넣고 body ..

티스토리툴바