4일차 + 5일차
·
유데미/100일 코딩 챌린지
기본적으로 p { } 하는 것은 유형 선택자 가상 선택자: 다른 상태일 때 요소를 선택할 수 있다예를 들어, a:hover 이면 링크 위에 마우스를 갖다댔을 때의 상태를 말하는 것이다 종속 스타일 시트: 다수의 CSS 규칙은 하나의 동일한 요소에 영향을 미칠 수 있고,나중에 각각을 제어하는 방법을 배우게 된다 외부에 CSS 파일을 정의하기위해 안에 있던 모든 내용을 daily-challenge.css로 옮기고를 이용한다rel은 이 파일이 style 즉 CSS 로 가득차있다는 설명을 부가해주는 것이다 HTML 파일 요청 -> CSS파일 요청 특정 단락의 스타일 속성만 바꾸고 싶을 때 쓰는 방법: id 선택자 이용하기id라는 고유 식별자를 부여해서 모든 HTML 요소에 사용할 수 있다 ## 모든 문자는 소..
3일차
·
유데미/100일 코딩 챌린지
style 속성은 보이는 모든 HTML 요소에 적용이 가능하다색상을 넣고 싶을 때에는 HEX(16진수 코드)를 사용하는데, 이는 2진수나 10진수보다 더 짧게 쓸 수 있어서이다물론 색상 피커도 사용가능하고HSL 방식과 rgb코드 둘 다 가능하다 한줄이 너무 길 때는 줄바꿈을 넣어주어야한다자동으로 하는법 : keyboard shortcut > preference > format document에서 확인 가능하다단축키는 shift + alt + f이지만내 컴퓨터에서는 작동하지 않아서 prettier라는 확장 프로그램을 깔았다 개발자 도구는 f12로 열 수 있고 이번 강의에서는 elements를 집중적으로 봤다개발자 도구에서 수정한 코드들은 새로고침을 하면 원래대로 돌아온다 외부페이지를 연결할 때는 태그를 ..
1일차 + 2일차
·
유데미/100일 코딩 챌린지
100일 코딩 챌린지 - Web Development 부트캠프 예시 : https : // programing / tutorialshttps / http : 자동으로 처리되는 프로토콜programing : 도메인tutorials : 경로 (하위 경로, Path) 주소를 입력할 때 무슨 일이 일어나는가?1. 도메인을 입력2. 브라우저가 서버에 요청3. 서버가 웹사이트 코드로 응답 인터넷에 관련된 모든 것은 IP 주소가 있다예시: 104.59.62.31모든 기기들은 IP 주소를 가지고 있음서로 연결되는 데 필요하고, 연결/요청을 보내는데 사용된다(모든 기기들은 IP 주소는 가지고 있지만, 도메인은 가지고 있지 않을 수 있기 때문에도메인을 연결하는 데 직접 사용하지 않는다 DNS서버 (매핑 테이블을 포함: 도..