천천히, 꾸준히

😺 Study/HTML

[부스트코스 edwith] 웹 UI 개발 IR 기법 / 요소 숨김 처리를 활용한 프로모션 페이지 만들기 이번 강의에서는 프로모션 페이지를 마크업과 IR기법을 통해 접근성에 준수하는 방법까지 배울 수 있었다. 먼저, IR이란? Image Replacement 이미지를 볼 수 없는 사용자에게 적절한 대체 텍스트를 제공하는 것 태그의 alt 속성값에 들어갈 대체 텍스트가 너무 길거나, css에서 background 속성으로 들어간 의미가 있는 이미지의 경우 마크업으로 대체 텍스트를 대신한다. 대체 텍스트는! 의미 전달이 되도록 시멘틱 마크업 하기 화면에서는 보이지 않도록 css로 숨기기 / 하지만 스크린 리더가 읽을 수 있어야 함 이러한 요소 숨김 처리에는 안 좋은 예(BAD)부터 좋은 예(BEST)까지 3가..

2021. 3. 9.

😺 Study/HTML

온라인 스터디를 만들고 참여하면서 최소 하루에 2개 이상씩 수강목표를 세웠다! 어제는 진도가 빠른 스터디원의 프로젝트를 함께 도와주기도..! 이미 다 아는 것 같으면서도 강의를 들어보면 지나치던 것들이 속속 보인다. 개념이 이미 빠삭한 사람은 각 카테고리의 퀴즈만 풀어보며 복습해봐도 도움이 될 듯하다.

2021. 1. 20.

😺 Study/HTML

부스트코스의 edwith - 웹 UI 개발 강의에서 코칭 스터디(?)를 모집한다는 것을 뒤늦게 알았다. 미처 신청을 하진 못했지만 개인적으로 강의를 듣고 있는 요즘, 현직자의 라이브가 있다는 공지를 보고 참여했다. 라인플러스의 프론트엔드 현직자분께서 강의와 QnA를 진행해주셨다. 본인의 간략한 경력 소개와 하는 일 등을 설명해주셨다. 다양한 해외 커리어도 갖고 있으셨다. bbb

2021. 1. 17.

😺 Study/HTML

edwith에서 '자바스크립트의 시작' 편을 모두 수강한 뒤, 웹 UI 강의로 넘어갔다. 비록 이미 조금 익숙해진 html과 css를 주로 다루지만 프로젝트 과제도 있기 때문에 남는 것도 있을 것 같고, 무엇보다 내가 쓰던 것만 쓰는 단계에 이르러서 다시 되짚어보고 몰랐던 걸 체크해보는 게 좋겠다고 생각했다. 처음 html과 css를 접하는 분들에게 최적의 강의가 아닐까 생각이 든다. 차근차근 천천히 알아듣기 쉽게 알려주셔서 이해가 쏙쏙-👩🏻‍💻 강의를 통해 배운 html의 기본적인 구조를 다시 정리해본다. 처음 html을 시작할 때, 그저 항상 들어가는 것이니 이전의 강사님이 넘어가셨던 기억이 난다. meta는 내용없는 빈 태그, charset(character set[캐릭터셋]:문자부호) 속성은 문자..

2021. 1. 16.

😺 Study/HTML

Tag를 크게 2가지로 나누면 Box, Item으로 볼 수 있다. Box : 섹션 태그 Item: 사용자들에게 보여지는 태그 (a, img, button...) 여기서 article 태그는 그룹화해서 재사용이 가능한 태그이다. 쉽게 말해 반복되는 텍스트나 버튼 등. *input과 label 잊어버리지 마- Name: 여기서 type에는 다른 여러 속성들이 올 수 있다. 참고: 유튜브 드림코딩엘리

2020. 9. 9.

😺 Study/HTML

웹사이트의 뼈대. 브라우저에서 실현이 가능한 가장 기본적인 파일이다. 구조적인 태그들로 이루어져 있다. "도큐멘트 타입은 html이다." 관습적으로 제일 위에 적는다. "모든 언어를 지원한다." 사용자에게 보여지는 UI는 없다. 검색해서 나오는 타이틀, 부가설명 등을 정의한다. css 파일을 연결한다. 한마디로 meta data만 있다. 사용자에게 보여지는 부분이다. 예시) My cat is very grumpy 여기서 가운데 문장은 content. 전체는 element(=node). //참고하면 좋은 사이트 W3C : 웹의 표준화를 추진하는 사이트 예를 들어, HTML5를 정의한다-라고 하면, 현존하는 모든 브라우저들이 HTML5를 구현해야 한다. MDN : 모질라에서 출시한 사이트 / 최신 웹 정보를..

2020. 9. 9.