box-sizing:border-box; 에 대해
클론코딩 강의를 수강하면서 얻은 magic line 2줄에 대해 정리했다 .nav { background-color: #f9f9fa; padding: 20px 50px; position: fixed; border-top: 1px solid rgba(128, 128, 128, 0.3); } /* width: 100%; box-s...
나의 개발 일지
코코아톡 클론코딩(7일차)
하루 빼먹었다.. 꾸준히 하는게 중요하니까 이런 걸로 괜히 스트레스받지 말자~~~ BEM 방식과, 다른 방식(id 등을 이용하는)을 같이 이용해보았는데. 코드를 직접 작성해보니, BEM 이 조금 더 코드를 작성하기에 편할 것 같다! 복잡하지 않고 단순해서 좋을 것 같아서 BEM 으로 작성을 해보자!! @import "./reset.css"; @im...
코코아톡 클론코딩(6일차)
오늘도 고고고고고 https://nykim.work/15 → BEM 에 대해 정리가 잘된 블로그다. 이해안되는 부분은 나중에 코드를 작성해보고 다시 이해해보자. css 에서 요소의 이름을 어떻게 지을지(class 이름) 정하는 방법론이 존재하는데, BEM(Block Element Modifier) 방식이 있다. Block 은...
코코아톡 클론코딩(5일차)
ㄱㄱㄱㄱㄱ 가보자고 <style> body { height: 100vh; } body:hover{ background-color: darkgreen; } body:focus-within { background-color: crimson;...
코코아톡 클론코딩(4일차)
새로운 작심삼일 시작 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &l...
코코아톡 클론코딩(3일차) -2
오늘은 분량이 많은 관계로! CSS 를 작성할 때, 2가지의 방법이 있음. -> (1) HTML 과 CSS 를 한 파일에 작성하는 방법 -> (2) .css 파일을 따로 생성해 작성하는 방법(추천) CSS 를 통해 디자인(?)할 때, html tag 불러와서 속성을 부여하는 방식. 이때, 색상이나 크기 등 ...
코코아톡 클론코딩(3일차) -1
내일까지 하면 작심삼일 끝! 내일부터 다시 작심삼일 해보자! 그것이.. 꾸준함이니까.. HTML tag 를 모두 외울 필요도 없고, 외울 수도 없으니 mdn 통해서 그때그때사용법 찾아보는 것이 보다 효율적. 이해하는 게 중요한 거지 tag 몇 개나 외웠는지가 중요한게 아니니까! <p>My name is <abbr title=...