구성 요소
컴포넌트란
특정 기능을 수행하기 위해 여러 프로그램 기능으로 구성된 작은 기능 단위말한다
재사용할 수 있는 모든 독립 모듈
웹 페이지를 마크업하고 CSS 스타일을 적용하여 사용자에게 표시하는 것이 중요합니다.
개발자 입장에서 중요한 것은 유지오전. 유지보수가 가능하려면 개발 초기부터 잘 정돈된 코드를 작성하는 것이 중요합니다. 그렇지 않으면 유지 보수에 오랜 시간이 걸리고 시간이 낭비됩니다.
웹 페이지의 마크업이나 CSS 코드는 수백 줄, 수천 줄이 되겠지만 이를 잘 컨트롤하기 위해 요소잘 조직되어야합니다. 겹치는 요소를 컴포넌트로 그룹화하여 필요한 요소별로 사용하면 불필요한 스타일을 가져오지 않습니다.
웹사이트 최적화가 가능합니다. 성능 및 유지 보수 측면에서 구성 요소의 중요성은 매우 높다고 평가할 수 있습니다.
-공통 스타일(common.css)
– 로그인 페이지 스타일(login.css)
-페이지 스타일(main.css)
종찬의 특강..!
웹 개발 워크플로우
- 구조하다
- 전체 레이아웃을 먼저 가져옵니다.
- 처음부터 세부 사항을 결정하는 대신 대부분 큰 덩어리를 표시합니다!
- 큰 청크 -> 작은 청크 순서
- 스타일 적용
- 내용보다 스타일이 먼저!
- 내용 설정
- 드디어 내용이 들어왔습니다.
초기값
- CSS 속성 값을 지정하지 않으면 이미 기본값이 적용되어 있습니다.
- 초기 값 예: B.) 배경색: 투명, 너비: 자동
CSS 방법론
(CSS 방법론) SMACSS, BEM, OOCSS | 위트블로그
웹은 세상이 변화하는 것보다 조금 더 빠르게 진화하고 있습니다. 특히 CSS의 다양한 부분이 전례 없는 속도로 변화하고 있습니다. CSS의 사용이 증가하고 널리 사용됩니다.
wit.nts-corp.com
인상과 반성
오늘은 밖에 나가야 해서 배가 불러서 수업을 들을 수가 없었어요. 그래서 따라가기가 조금 힘들었습니다.
순식간에 파트가 만들어졌지만 차마 묻지 못하고 눈으로 보기에 바빴다.
그래도 코드를 복사해서 붙여넣는 것보다 직접 입력하는 게 더 편해서 Github에서 커밋을 따라가면서 속성이 화면에 적용되는 것을 보는 재미가 있었습니다.
종찬의 특강도 역시 실망시키지 않는다. 지난 금요일에 들었던 것과 비슷한 후퇴처럼 느껴졌고 그는 나에게 주어진 과제를 해결하는 방법에 대한 해결책도 제안했습니다. 종찬이가 만든 코드를 보고 내 코드가 얼마나 부족한지 느꼈다.
다른 사람들은 다른 애니메이션으로 작업을 제출했는데 모두 훌륭해 보였습니다. 다음에는 좀 더 창의적인 접근 방식으로 과제를 해결하도록 노력하겠습니다.
싸우자..!