전체 글 (143) 썸네일형 리스트형 [JavaScript] 230322 학습일기 https://nomadcoders.co/javascript-for-beginners 바닐라 JS로 크롬 앱 만들기 – 노마드 코더 Nomad Coders Javascript for Beginners nomadcoders.co 노마드 코더 로 학습한 내용을 정리하였다. 자바스크립트를 배우는 건 오늘이 처음이다. 열심히 해보쟈. 1. 자바스크립트를 다루는 방법 중 하나는 브라우저의 console을 이용하는 것. 자바스크립트는 브라우저에 이미 설치되어있음. 오른쪽 마우스 > 검사 눌러서 이렇게 콘솔을 눌러주면 된다. 맥 기준 fn + F12 를 눌러도 바로 콘솔창으로 갈 수 있다. 2. console에 alert("HI") 를 쳤더니 이렇게 뭐가 떴다 자바스크립트를 이용해서 내가 브라우저에 영향을 미친 것이.. [HTML/CSS] 220318 학습일기 https://www.udemy.com/course/so_easy_html_css/ 유데미 에서 학습한 내용을 정리하였다. 가상클래스(Pseudo Class),가상 요소(Pseudo Element)에 대해 알아보자. 1. 슈도 코드(pseudocode) 프로그램을 작성할 때 각 모듈이 작동하는 논리를 표현하기 위해 사용하는 언어. 다른 프로그램 개발자나 이용자에게 모듈이 하는 일과 작동원리를 설명하는 데에 쓴다. 2. :hover 가상 클래스 가상 클래스(pseudo class)를 이용하면 요소의 상태에 따른 스타일 지정이 가능. :hover : 마우스가 위에 있을 때 적용. Click Here This is a normal div. This is a normal div에 마우스를 올려놓으면 요로케 바뀜.. [HTML/CSS] 220317 학습일기 https://www.udemy.com/course/so_easy_html_css/ 유데미 에서 학습한 내용을 정리하였다. 이제 CSS에 대해서 알아보자. 1. CSS: 웹의 전반적인 스타일을 미리 저장해 둔 스타일시트 2. 인라인 스타일(In-line Style) 속성 Heading 1 Heading 2 -거의 대부분의 HTML 태그에 사용할 수 있는 속성 -화면에 보여지는 visual한 상세 설정이 가능함. 웹페이지에는 다음과 같이 표시됨. 더보기 Heading 1 Heading 2 3. CSS -Cascading Style Sheet의 약자 -cascade: 폭포 - 즉 계단식 폭포와 같이 상위요소-> 하위요소로 차례로 스타일 적용 4. 페이지 스타일 Page style Heading 1 Headi.. 이전 1 ··· 13 14 15 16 17 18 19 ··· 48 다음