What I Learned Today
오전에는 웹접근성과 웹표준에 대해 배웠다.
웹서비스 개발은 백엔드와 프론트엔드 서비스로 나눈다.
프론트엔드는 구조(HTML5) 디자인(CSS3) 설계(JavaScript)로 이루어져있다.
- HTML5 : 뼈대, 건강한 신체
- CSS3 : 근사한 스타일링, 다양한 마크업 언어와 결합 가능
- Javascript : 스마트한 두뇌
오후에는 DTD 내용을 기반으로 실습을 하며 HTML을 배워보았다.
그리고 주말 과제도 받았다.. ㅋ
The Problem I Faced
개인 브랜치에서 작업 도중 강사님이 커밋을 하셔서 동시에 연결해둔 main 브랜치로 이동해 pull을 했다.
하지만 이런 오류가 생겼다.
error: Your local changes to the following files would be overwritten by merge:
index.html
Please commit your changes or stash them before you merge.
What I Tried to Do
에러 메시지에 나온대로 했다.
How I Solved It
내 원래 브랜치로 돌아가서 커밋을 하고 다시 main 브랜치로 이동해 pull을 했더니 해결되었다.
So
Aha Moments
HTML이 단지 CSS와 JS를 위한 틀로만 생각했는데 HTML을 탄탄하게 만들어야 한다는것을 알게 되었다.
이유는 접근성이 올라가고 SEO에 도움이 되며 유지보수와 협업 효율성이 올라간다는것을 알게 되었다.
- 접근성 : 다양한 사용자가 스크린 리더와 같은 도구를 사용할 때 HTML의 시맨틱 태그가 중요한 역할을 한다.
- SEO : 검색 엔진은 HTML 코드를 읽어 웹페이지를 이해하고 순위를 매긴다.
- 유지보수와 협업 효율성 : HTML이 잘 구조화되어 있으면 CSS나 JavaScript의 분리와 연결이 쉬워지고 협업 시 가독성도 좋아진다.
반응형
