✨우당탕탕 개발일지✨

📆 2022-3-23

링크텍스트> github adress

3일간 html,css,javascript로 만든 간단한 소스
깃허브에서 무료로 호스팅을 해준다.(업로드 시간은 5분정도 소요)

-학습내용-

● html

html(Hypertext Markup Language)
HTML은 제공할 웹 컨텐츠의 구조와 의미를 문단, 제목, 표, 삽입 이미지, 동영상 등으로 정의하고 부여하는 마크업 언어.

⨀대소문자 구분 x

●css

CSS는 배경색, 폰트 등의 레이아웃등을 지정하여 HTML 컨텐츠를 꾸며주는 스타일 규칙 언어.

●JavaScript

JavaScript는 동적으로 컨텐츠를 바꾸고, 멀티미디어를 다루고, 움직이는 이미지 그리고 꽤나 많은 다른 일(물론, 전부는 아니지만 몇 줄만의 자바스크립트 코드로 얻는 결과는 놀라울겁니다.)들을 할 수 있는 스크립트 언어.




HTML = 뼈대, CSS = 디자인, JavaScript= 움직임을 준다

 <input type="button" value="nightmode" onclick="
         document.querySelector('body').style.backgroundColor = 'black';
         document.querySelector('body').style.color = 'white';";>

        <input type="button" value="lightmode" onclick="
         document.querySelector('body').style.backgroundColor = 'white';
         document.querySelector('body').style.color = 'black';";>

         <input type="button" value="first" onclick="
         document.querySelector('body').style.backgroundColor = 'rgb(161, 217, 255)';
         document.querySelector('body').style.color = 'black';";>

웹페이지에 다크모드, 라이트모드,기본모드를 설정 할 수 있는 기능 (JS)

-문제사항-

css작성중 태그를 닫지 않아 비주얼 스튜디오에 제대로 표시가 되지않는 상황이 일어났다. 30분 정도 헤메서 태그가 닫혀있지 않은 것을 확인했다.

-해결방법-

코드를 하나하나 다 삭제했다 다시 기입하는 방식으로 문제구간을 찾았다. 앞으로는 태그 열자마자 닫기!!!