[개발자되기: html, 시맨틱요소] Day-5

Kyoorim LEE·2022년 4월 29일
0

html vs css vs javascript

html --> 구조

Tree Structure

Self-Closing Tag

  • img src = "codestates-logo.png" /

html 태그(tag)와 속성(attribute) 구성

<p class="paragraph">This is a paragraph</p>
전체: element
p : 태크명 (tag name)
class: 속성명 (attribute name)
"paragraph": 속성값 (attribute value)
This is a Paragraph : 콘텐츠

Most used tag in html

  • div태그는 한 줄을 차지한다
  • span 태그는 컨텐츠 크기만큼 공간을 차지한다
  • 체크박스
  • 옵션A
    옵션B
  • 버튼
  • radio는 한 개만 선택할 수 있고 checkbox는 여러개 선택 가능

id와 class 사용하기

  • id 고유한 이름을 붙일 때
  • class 반복되는 영역을 유형별로 분류할 때

css --> 스타일

js --> 상호작용

시맨틱 요소

시맨틱 요소란

semantic web의 중요성이 대두되면서 '의미를 가진 요소'를 사용하는 방식을 추구하기 시작

ex) article, aside, footer, header, nav, main, etc

부록-자기소개서의 중요성 (신입개발자)

자기소개서 작성방식

  • 두괄식으로, 문장은 간결하게, 맞춤법은 확실하게!
  • 굳이 디자인을 넣을 필요는 없음
  • 가능하면 2장이 넘지 않게
  • 파일제목: 회사명이름자기소개서.pdf
  • pdf 파일로 제출하기

자기소개서 "자격요건, 우대사항"

  • 자격요건과 우대사항을 다 갖춰야하는 건 절대 아님
  • 나의 경험에 해당되는 내용 위주로 살을 붙이기

자기소개서 구성

인트로

  • 간단한 자기소개 & 지원이유
  • 추상적이고 애매하게 쓰지 말것

본론 매력어필 1

  • 내가 포지션에 적합한지 (소프트스킬&하드스킬)
  • 어떤 부분에서 회사에 기여할 수 있는가 (나의 개발 경험, 최신 기술에 대한 관심, 빠른 습득 능력)

본론 매력어필 2

  • 두괄식으로 결론부터 말하기
  • 결론을 뒷받침할 수 있는 구체적인 경험 같이 기술

마무리

  • 마지막 어필
  • 면접에서 꼭 만났으면 좋겠다는 내용 강조
profile
oneThing

0개의 댓글