개발조각

: 링크 정의 태그 는 링크를 정의하는 태그입니다. a태그와 같이쓰이는 href속성을 통해 다른 페이지 같은 페이지의 어느 위치 파일 이메일 주소 그 외 다른 URL로 연결 할 수 있는 하이퍼링크를 만듭니다. a태그 속성 download 하이퍼링크를 클릭할 때 해당 대상(target)으로 연결되지 않고 대신 해당 콘텐츠가 다운로드됨을 명시 이 속성은 반드시 href속성이 설정되어 있어야만 사용할 수 있다. 속성값 : 파일이름 설명 : 다운로드되는 파일의 새로운 이름을 명시하며, 생략할 수 있음. href 속성 링크의 URL을 명시한다. 1. 절대주소 네이버 2. 상대주소 상대 주소 3. 같은 페이지 내에서 명시된 id를 가지고 있는 요소를 연결함. 아래 제목으로 건너뛰기 아래의 제목 4. 스크립트 스크립..

: 문단(단락) 정의 태그 는 하나의 문단을 나타냅니다. HTML에서 문단은 이미지나 입력 form등 서로 관련있는 콘텐츠 무엇이나 될 수 있다. => 아무곳이나 써도 괜찮다는 말인듯 하다. 예제 태그는 블록 레벨 요소 시작, 닫기 태그 필수 문단을 정의 태그 입니다. 문단을 정의 태그 입니다. p태그의 기본 css p { display: block; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; } 접근성 고려사항 콘텐츠를 문단으로 나누면 페이지의 접근성을 높인다. 스크린 리더 등 보조 기술에서 다음 문단으로 넘어갈 수 있는 단축키를 제공한다. 문단문단 // 이렇게 쓰면 스크..

~ : HTML 제목 정의 태그 은 가장 중요한 제목을 정의 하며, 은 가장 덜 중요한 제목을 정의합니다. -> -> -> -> -> 예제 Heading level 1 Heading level 2 Heading level 3 Heading level 4 Heading level 5 Heading level 6 h1태그의 기본 css h1 { display: block; font-size: 2em; margin-block-start: 0.67em; margin-block-end: 0.67em; margin-inline-start: 0px; margin-inline-end: 0px; font-weight: bold; } 여기서 알아야 하는 점은 h태그는 block이다. 사용시 주의할 점 글씨 크기를 위해 h..

프론트엔드 개발자로 취업한 지 2개월이 지났습니다!! 👏👏👏 아직 프로젝트를 진행하고 있지만 프로젝트를 진행하면서 마크업 html이 중요하다는 생각이 들게 되었습니다. (자세한 내용은 프로젝트를 마무리한 후에 프로젝트를 마치면서 느낀 점에 대해 적어보도록 하겠습니다.) 마크업이 중요하다고 생각한 이유는 아직 신입이다보니 기능보다는 퍼블을 주로 시키는데 마크업 많이 어렵더라고요...ㅠ react에서 퍼블을 하는 게 처음이기도 하고(실무에서) 짧지만 퍼블로 일해오긴 했으니 쉽게 할 수 있겠지라 생각을 했는데 전혀 아니였습니다.ㅠㅠ 이전에 퍼블공부해 오면서 마크업에 대해 많이 읽어보고 외웠었고 열심히 짜보기도 했고, 부트캠프에서도 작은 단위의 프로젝트이지만 짜보고 해봤는데 react에서 한 서비스를 퍼블을 짜..