Dongi_coding 동기_코딩

안녕하세요 동기 여러분! 오늘은 객체 타입 심화의 첫 번째 시간으로 Interface를 알아보고 Type과의 차이점은 무엇인지 알아보도록 하겠습니다. Interfaces and Types 아래의 type과 interface의 코드를 보도록 합시다. type StarcraftUnit = { name: string; HP: number; } const marine: StarcraftUnit = // 내용 interface StarcraftUnit { name: string; HP: number; } const marine: StarcraftUnit = // 내용 두 코드를 봤을 때 가장 눈에 띄는 차이점은 키워드(type, interface)가 다르다는 것과 type에는 있는 =(equal) 표시가 inte..

안녕하세요 동기 여러분! 오늘은 type vs class vs ID에 대해 싸움을 붙여봅시다! Specificity type과 class, id 모두 같이 적용한다면 무엇이 적용될까요? ROUND 1 type vs class vs id 승자는 누구인가! type이 승리시 빨간 글씨 class가 승리시 파란 글씨 id가 승리시 초록 글씨가 나오게 설정해두었습니다. h1 { color: red; } .blueclass { color: blue; } #greenclass { color: green; } 결과는? id의 승리!!! ROUND 2 type vs class 승자는 누구인가! type이 승리시 빨간 글씨 class가 승리시 파란 글씨가 나오게 설정해두었습니다. h1 { color: red; } .bl..

안녕하세요 동기 여러분! 드디어 오늘 HTML에 CSS(stylesheet)을 연결하는 방법에 대해 자세히 알아보겠습니다! Link to a Stylesheet 지금까지 제가 포스팅한 예제들을 보면 흰 바탕에 검은 글씨가 전부인 아주 기본적인 웹 페이지들이었습니다. 하지만 CSS를 사용한다면 깜찍뽕짝한 웹 페이지들을 만들 수 있게 됩니다. HTML의 링크 요소를 사용하면 CSS 파일의 스타일을 입힐 수 있게 됩니다. CSS 파일에 링크 / 생김새 링크 요소에는 세 가지 속성들을 사용합니다. - rel : 링크할 파일과 현재 파일의 관계를 명시합니다. 위와 같은 경우에는 rel의 속성이 "stylesheet"입니다. - type : 링크할 파일의 타입을 명시합니다. - href : 링크할 파일의 URL을 ..