프론트엔드 개발 Work Flow 1

LANA·2020년 4월 7일
0

HTML로 웹 앱의 구조 잡기
마크업(Markup) 언어: 태그 등을 이용하여 문서나 데이터의 구조를 평가하는 언어

웹앱을 개발하기 위해 프로토타이핑 과정을 거쳐야 함
프로토타이핑: 개발 초기에 모형을 만들어 기능의 요구사항을 파악 후 반영하는 개선 방식

  1. 큰 틀에서 영역 나누기
  2. 각 영역을 태그로 표현하기
    • <div>: 여러 태그를 하나의 div로 감싸줘야 함
      tip) 조금더 의미를 담고싶다면
    • <section>: 보통 제목, 컨텐츠가 포함된 구획을 나눌 때 사용. 렌더링은 div와 크게 다른 점은 없음.
    • <form>: 사용자 입력을 제출하는 용도로, 보통 컨트롤(input, button)등을 포함.
profile
Let's code like chord !

0개의 댓글