<오전일과 class = "스프린트 회고 첫 시간">
회고 스프린트는 우테코(우아한 테크 코스) 프론트엔드 교육과정을 담당중이신 임동준 강사님이 진행해주셨다
함께, 밝게, 나답게 성장하는 ‘환경’을 만드는 메이커준입니다.
👋🏼 밝음의 아이콘 메이커준 초간단 소개
www.makerjun.com
여러분이 생각하는 개발자로서 성장을 잘하기 위해 무엇이 필요할까요?
꾸준함, 인내, 체력, 계속 공부하기, 확실한 목표, 피드백 받는거 두려워하지 않기, 깊이파기, 소통, 자기 반성, 끈기, 업계의 성장에 대한 고찰, 엉덩이 무겁게 오래 앉아 있기, 적극적인 자세, 유연한 사고, 질문하기, 자만하지 않기, 강철 손목, 비싼 의자, 알고 넘어가기
이런것들을 잘하고 있다는 것을 우리는 무엇을 통해 알 수 있을까요?
타인의 피드백, 기록, 롤모델과 비교, 결과, 테스트, 메타인지
노션페이지에 테이블을 만들어 일주일간 각자 배우고 느낀점을 회상했다
대체로 느끼는 게 다 비슷했다
특히 나는 무슨일이 있어도 TIL작성하기로 마음먹었다!
- 내가 생각하는 과정을 마무리했을 성장하고 싶은 목표 3가지 (구체적인 장면을 떠올리면서 작성)
- 해당 목표를 달성했음에도 불만족스러운 경우 2~3가지
- 해당 목표를 달성하지 못했지만 만족스러운 경우 2~3가지
목표를 좀 더 현실적이고 구체적으로 정할 수 있는 방법이라 좋았다
<오후일과 class = "한재현 강사님과 HTML Markup 실습">
Semantic 시멘틱
웹에이전트, 컴퓨터(검색엔진이)가 이해 할 수 있게 의미있는 마크업을 해야한다
시멘틱한 태그를 사용 할 경우 검색엔진이 사이트를 분석하기도 쉽다
SEO 기본 가이드: 기본사항 | Google 검색 센터 | 문서 | Google Developers
검색엔진 최적화의 기본사항에 관한 지식만으로도 눈에 띄는 효과를 얻을 수 있습니다. Google SEO 기본 가이드에서 기본적인 검색엔진 최적화에 관해 간략히 알아보세요.
developers.google.com
스크린리더가 마크업을 작성했을 때 어떤식으로 반응하는지 보면 좋다
(시각장애인들에게 너무 유용한 기능이다
세상을 이롭게 하는 코딩이라니 정말 멋지다)
큰 회사의 경우 내부적으로 접근성 관련 팀이 검사를 해본다고 한다
지난 시간과제는 삼성과 동물의 숲 페이지 섹션 나누기였다
반복해서 나오는 개념은
HTML 코드를 짤 때 필요없는 마크업 하지않기!
즉, 시멘틱한 마크업을 해야 한다는 것이다
면접시 분명히 이 코드를 왜 이렇게 짰는지 질문이 들어온다 한다
코드를 짜보고 난 뒤에 내가 짠 코드를 설명할 줄 알아야겠다
- 섹션의 제목은 하나만 하는게 깔끔하다
- 아티클은 다른 페이지에 나와도 어색함이 없는지 확인해본다 (페이지내에 의존성이있는가)
- copyright 부분은 small 태그를 사용한다
- 알림은 ul이 아니라 ol이다
- 시간을 나타내는 tme 태그가 있다
모듈화=나중에 재사용할 수 있는 구조
나중에 페이지가 여럿생기거나 할 때에 큰 틀이 되어 줄 구조를 뜻한다
이제 VSCode로 대강작성해본다
음,따라가다가 놓쳤다ㅋㅋ
공부할 것
- 삼성 홈페이지 코드 작성해보기
- 지난번 과제들 다시 마크업