CSS
-
TIL 04. 레이아웃 구현 프로젝트Front-end Dev./HTML_CSS 2021. 11. 14. 23:39
조.미.진 개발 공부를 시작한 지 2주 차 되다. 멋사 프론트엔드 스쿨 레이아웃 과제를 통해 마크업 구현과 CSS 연습을 했다. 간단한 레이아웃 구현을 하면서 생긴 질문들과 배운 것들을 적어보려고 한다! 아직 손이 너무 느리고 개발 머리가 빠릿빠릿하게 돌아가지 않아서 잘 따라가지 못할까 봐 두려운 마음이 있지만! 부정적인 생각에서 벗어나 내 주변에 감사할 일에 집중하려고 노력하고 있다! 같은 목적을 갖고 불철주야로 서로 힘써서 도와주는 동료들과 함께하니 지금 하는 과정이 정말 너무 좋고 같이 공부할 수 있어서 감사하다💛 1. 시맨틱 한 코드를 위해✨ 1) 이번 과제는 독립적인 콘텐츠를 나타내는 article 태그로 전체 박스 구조를 잡아야 한다. 이번에 div를 최대한 안 쓰려고 main, section..
-
TIL. CSS 설계 기법Front-end Dev./HTML_CSS 2021. 11. 13. 01:51
기대하고 기대하던 CSS 설계 기법을 학습했다. 저 이제 class명 고민 그만할래요..✋ 마크업에서 기준없이 class명을 정하다보니 오래 걸리는 것과 기억하기 힘든 것이 문제였다. CSS 설계 기법으로 BEM을 알게 되어서 이제 좀 더 클린한 마크업이 되길 기대하고 있다. ✅ 우선 방법론에는 크게 3가지가 있다. 1. OOCSS 2.SMACSS 3.BEM 그 중에 3번째 방법론인 BEM에 대해 먼저 정리를 한 후 나머지 2가지 방법론을 다뤄보겠다. BEM (Block Element Modifier) - 러시아에 있는 얀덱스(Yandex)사가 만든 설계방법이다. - HTML, CSS의 클래스의 설계 규칙이다. - OOCSS와 같은 모듈기반의 방법을 뿌리로 한다. ✅ 기본규칙 ▶ 원활한 가중치 계산을 위..
-
TIL 03. CSS position카테고리 없음 2021. 11. 5. 01:13
| Position position이란? Position의 종류 static relative absolute fixed 1. Position이란? - html 태그나 id, class 등 하나의 키워드 값을 선택해 위치를 지정해주는 속성이다. 2. Position의 종류 👉 static (정적 위치) - 모든 태그들의 처음 상태(기본값)이다. - 왼쪽에서 오른쪽, 위에서 아래로 쌓인다. 👉 relative (상대 위치) - 자신이 있어야하는 위치에 상대적이다. - 태그의 위치를 변경하고 싶을 때 사용한다. - absolute의 기준점이 된다. - relative가 없다면 전체 body가 기준이다. 👉 absolute (절대 위치) - 마이웨이같은 속성이라고 생각하면 된다. - 기준점이 html 위치에 있..
-
TIL. Html/CSS 기초 #1카테고리 없음 2021. 11. 4. 01:16
멋쟁이 사자처럼 프론트엔드 스쿨 1기 👇액션플랜,피드백 더보기 + 이제 점점 수업 속도가 붙는 것을 느꼈다! 복습할 양이 점점 쌓여가고 미처 복습하지 못한 부분도 생겨서 약간 눈 앞에 안개가...🌫🌫 훠이..훠이.. 수업 전,후에 시간을 효율적으로 쓰는 법이 필요하다고 느꼈다. 매니저님이 일찍 자고 새벽에 일어나는 것을 추천해주셨다. (feat. 나의 하루는 새벽 4시30분에 시작된다) 책을 통해서 올바른 습관이 만들어지는 것을 경험해본 적이 있어서 나도 얼른 저 책을 읽고 실천해보고 싶다. 이번주 나의 목표는 + 이번 프론트엔드 스쿨을 통해서 아침형 패턴을 만들어 가고싶다. + 이번 주 안에 Html과 CSS 구조와 기능을 잘 이해하는 것이다. 👊내일부터 밤 11시에 자고 아침 5시에 일어나기. 👊내일..