✨우당탕탕 개발일지✨

📆 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분 정도 헤메서 태그가 닫혀있지 않은 것을 확인했다.


-해결방법-

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


학습소감
컴퓨터처럼 사고하기!
아직 영어,특수문자 타이핑 실력이 모자라다. 연습!
꾸준한 영어공부, 꾸준한 코딩공부
공부할것
비주얼 스튜디오, let과 var 차이

좋은 웹페이지 즐겨찾기