전체 글47 [4주차] daily 📍 해야할 것들 ✅ 종찬 강사님 특강 과제 ( 마크업 접근성 생각해 넣기) ✅ 로그인 모달 실습 한거 멘토님께 코드리뷰 받기 (이후 블로그 글에 추가로 의문점이 었던 것들 적기) ✅ 로그인 모달 실습한거 셀프 코들 리뷰 블로그 정리 ✅ 로그인 모달 실습 - 0321 ✅ 자바스크립트 기초강의 함수 부분 듣기 - 0321 ✅ 오늘치 새로 배운것들, 느낀점 넣기 ✅ 밴딩머신 과제 완성 ✅ 종찬 강사님 과제 반응형으로 완성해보기 👩💻 오늘 중요 학습 0320 용어의 정의가 바뀌지 않는 것들은 dl, dt, dd 를 쓰는 것이 좋다 EX) 사전 독립적으로 사용가능한 요소는 article 태그를 독립적으로 사용가능하지 않은 것들은(흐름이 있는 랜딩페이지) section 태그를 오로지 css 꾸밈요소를 위한 것들은.. 2023. 3. 20. [css] Negative Margins(음수 마진) 종찬 강사님의 특강 강의를 듣고 작성된 글입니다. https://www.youtube.com/watch?v=OVaKTdFe5Bk 이번 종찬강사님의 특강을 듣고 알게된 Negative Margins 에 대한 포스팅을 남기려 합니다. 평소 양수로만 margin을 써왔던 저로선 굉장히 낮선 단어 조합이었습니다. 음수 마진은 대체 언제 쓰이며 어떤 특징을 가지고 있을까? 요소에 음수 마진(margin-left)을 주게 되면 아래그림 처럼 요소가 끌어 당겨지는것을 볼 수 있습니다. 음수 마진의 사용은 오류가 아니며 W3C에서도 "마진 속성에 음수 값이 허용됩니다"라고 표기 돼있다. 보여지는것에 비해 차지하고 있는 공간이 다르다 float가 적용되면 다르게 반응한다 음수 마진은 top / left 와 bottom .. 2023. 3. 20. [html] img 사용 이유와 관련 속성 사이트를 만들다 보면 이미지를 넣어야 하는 경우가 많은데 나는 작은 이미지들은 html에 img 태그로 다 넣고 크게 깔리는 배경들만 css에서 background 속성으로 이미지를 채웠었다. 하지만 이는 좋은 방법은 아니라고 한다. 🤔 img 태그와 background-img 속성의 차이점은? 이 둘의 가장 큰 차이점은 img 는 시맨틱 태그라는 점이다. 시맨틱 태그는 컴퓨터와 사람 모두에게 의미를 명확하게 설명해주는 역할을 한다. 그럼 의미를 명확하게 설명해주는 시맨틱 태그인 img 를 사용하면 어떤 점이 좋을까? 검색시 노출이 된다. 시각장애가 있는 사용자가 화면 판독기로 페이지를 탐색할때 탐색이 가능하다. 이미지가 로딩이 되지 않을때 alt 속성으로 대체 텍스트가 뜬다. html이 구문 분석이 될.. 2023. 3. 19. [CSS] flex-cotainer, item flex flex는 flexible box, flex box 라고 부르기도 합니다. 레이아웃 배치 전용으로 나온 속성이라 간편하게 레이아웃을 정렬할 수 있는 1차원적 레이아웃 모델입니다. flex 를 사용하기 위해서는 display 속성을 통해 flex 값을 주면 되는데 이는 자식을 배치하는 방식을 설정하는 것이며 자식들은 유연하게 빈 공간을 치우거나 컨테이너를 넘거아지 않도록 줄어듭니다. 또한 자식 간의 수평 및 수직 정렬 과 빈 공간의 크기를 쉽게 조작할 수 있습니다. 얼마나 쉬운지 한번 살펴볼까요? 아래는 float를 통해 왼쪽 정렬한 코드입니다. 왼쪽 정렬을 위해 float:left로 띄우고 부모가 높이값을 갖고 그 외에 다른 요소들도 흘러가지 않도록 clear을 통해 flaot을 해제 시켜주는 .. 2023. 3. 11. 이전 1 ··· 3 4 5 6 7 8 9 ··· 12 다음