빠르게 성장하는 개발자

Footer를 만들면서 구분선을 만들어야 할 일이 생겼는데습관적으로 hr을 쓰려다가 문득 div로 만들어도 상관없는거 아니야? 라는 생각이 들었다. 나와 같은 고민을 했던 분들의 대답hr element vs 1px high div vs 1px borderI have an app which has sections, and I need a 1px line between them. It seems I have a choice: An hr element. A div with a 1px border. A div which is one pixel high, and has a background color. ...https://stackoverflow.com/questions/41315990/hr-element-vs..

이름부터 너무너무 헷갈리는 4가지 결합자들을 정리해보려고 한다.왜냐면 내일 시험에 무조건~ 나올 것 같아서 😄1. 자손 결합자와 자식 결합자자손결합자는 공백 (ex. div p{})자식 결합자는 > (ex. div>p{})포함 관계는 아니지만, 자손 결합자가 더 넓은 범위다. 그러니까 div 아래에 있는 p는 모조리!! 이걸 다 따라야해! 라는 의미고, 자식 결합자는 딱 div 아래에있는 p만. 그러니까 div와 p 사이에 다른 게 끼면 적용이 안된다!그렇기 때문에! 한 페이지에서 같이 쓰려면 이 친구는 아무 영향이 없습니다. 여기에는 무슨 말을 써볼까 무야호 얘는 인접 형제 결합자 입니다. 얘는 일반 형제 결합자 입니다 그래그래 결합자를 정복해보자구 그래그래 그려그려 짱구그려그려 이 친구는 자식 이 친..

1. CSS의 개념Cascading Style Sheet 의 약자라고 한다.Style Sheet는 꾸며주는 종이 (페이지) 니까 이해가 간다고 치고, Cascading 은 무슨뜻일까?cascade는 흘러내리는 (작은) 폭포라는 뜻이라고 한다. CSS의 큰 특징 중 하나는 ‘위에서부터' 적용된다는 것이다. 특징에 따라 부모의 요소가 상속되는 경우도 있다.특히 초기화 한다거나 하는 링크를 CSS의 맨 아래에 넣지 않도록 주의하자!! 왜냐면 애써 만든 스타일들을 결국 초기화 시키는 꼴이 될테니까 말이다.2. CSS의 기본 구조(출처 : poeima web)CSS를 적용하는 방법은 세가지가 있다.인라인 : 선택자의 바로 뒤에 선언하는 inline 식내부참조 : 의 태그에 선언하는 식외부참조 : css파일을 따로..

1. 웹사이트우리가 매일같이 쓰는 NAVER, GOOGLE 같은 사이트들을 통틀어 ‘웹사이트' 라고 한다. 위키백과에서는 웹사이트를 다음과 같이 정의하고 있다.웹사이트는 인터넷 프로토콜 기반의 네트워크에서 도메인 이름이나 IP 주소, 루트 경로만으로 이루어진 일반 URL을 통하여 보이는 웹 페이지 (Web Page)들의 의미 있는 묶음이다. 한 줄로 요약하자면, 링크로 연결되어 있는 웹페이지의 모음이라는 거다.그럼 웹페이지는 무엇일까? 웹상의 문서 하나하나가 바로 웹페이지 인 것이다. 웹페이지의 구성 요소는 크게 3가지로 나뉜다.HTML, CSS , JAVASCRIPT (출처: 코드메이트)위 그림이 딱 적절한 예시라고 할 수 있겠다. 웹페이지가 만약, 사람이라면html은 뼈대 (구조), javascrip..