본문 바로가기

전체 글27

퍼블리셔에서 프론트엔드 개발자 - 공부일지 21.01.15 성장과 발전이라는 것은 익숙한 영역을 넓혀가는 것이라고 생각한다. 여기서 성공과 실패 유무는 중요치 않다. 익숙하지 않은 영역을 향해 앞으로 한 발자국 내딛고 버티는 것이라고 생각한다. 그것이 지혜로운 용기이던, 무모한 용기이던 크게 중요치는 않다. 무모한 용기였다면 또 다른 인사이트가 있으리라. 그렇게 앞으로 내딛은 한 발자국이 나의 익숙한 영역이 되는 것이라고 생각한다. 23살 이후의 나는 항상 그래왔고 앞으로도 그럴 것이다. - 2020년은 매일을 쪽잠?자며 공부와 직장생활을 병행했다. 퍼블리싱 일에 적응할만해지니까 일이 쏟아졌다. 대표님은 내게 일복이 많다고 해주셧다. 감사한 일이다. 많은 프로젝트를 진행했고, 열심히 배웠고, 안되는 것은 매달렸으며, 최선을 다해 일했다. 부족함을 느끼고 아쉬운게.. 2021. 1. 15.
Semantic Markup 시멘틱 마크업이란 - 01 작성의 편의성 Semantic 검색 하면 (의미론적인) 세상에 의미를 붙이고자하면 못 붙이는게 있을까? 무엇이 의미론적이라는 것인가? 무엇을 의미론적으로 접근해야하는 것인가? 그래서 결국, 시멘틱 마크업(Semantic Markup) 어떻게 해야하는가? 1. 시작하기에 앞서 먼저 생각해볼 이야기 때로는 당연하게 알고있던 것들이 새로운 것을 파악하는데 도움이 된다. 당연한거 아닌가? 싶은 질문을 해보며 되짚어보는 시간을 가지자. 초등학교 시절. 빨간 네모의 이름표에 이름을 적었던 기억을 꺼내보자. 그리고 소지품에 이름표를 붙였던 기억도 같이. 1학년 1반 김코드 이름표를 왜 붙였을까? 누구의 것인지 알기 위해서 사물함에도 이름표, 번호를 표시했을 것이다. 왜 표시를 했을까? 42번 사물함을 열어보세요. 지칭 할 수 있기.. 2021. 1. 2.
Semantic Markup 시멘틱 마크업이란 - 개요 Semantic을 검색 하면 쨋든간에, html의 각 태그는 의미를 가지고 있다. 이것은 제목이에요. h1~ h6 이것은 문단이에요. p 이것은 목록이에요. ul/ol 이것은 목록에 각 리스트에요. li 이것은 이미지에요. 무엇에 대한 이미지이고 안에 내용은 이래요. img 이것은 의미가 없는 태그에요. div 결국 시멘틱 마크업은? 컨텐츠를 적절한 tag로 마크업 하는 것이다. 제목에 해당하는 컨텐츠에는 제목에 해당하는 태그으로 목록에 해당하는 컨텐츠에는 목록에 해당하는 태그로 알맞게 작성하는 것. 그게 전부다. 이 컨텐츠는 제목(해딩요소)구나 > h1~h6 태그를 사용하여 마크업 이 컨텐츠는 문단이구나 > p태그를 사용하여 마크업 의미가 없는것이 의미인 태그는? 의미가 없는 것이 의미인 태그는 css.. 2021. 1. 2.