블로그를 참고 했다. 휴지 걸이 예시가 나름 재밌더라 이게 개발자 유머? 시작은 typeof null 을 해보다가 object 라고 하길래 3가지를 다 비교해봤다. 메모리에서 어떻게 존재하는 건지 궁금해서 찾아보았다. console.log(typeof null); // --> object console.log(typeof undefined);...

html, css 클론 코딩이후 vanila js 에 대해 공부를 시작하기로 함. 강의 영상 댓글에서 좋은 질문과 답변이 있어서 나도 찾은 보고 간단히 정리. const type 으로 array 를 정의했는데, push 같은 function 으로 어떻게 값이 추가될 수 있는가?(const 는 불변이라고 했는데!) 그 이유는, const 는 ...

이전에도 정리했었지만, 헷갈리는 관계로 다시 정리하자. position: static; → static 은 기본값으로, html 요소를 작성한 순서대로 배치해줌. position: relative; → relative 는 요소가 원래 있었던 위치를 기준점으로 원하는 만큼 이동시킬 수 있게 해줌. po...

클론코딩 강의를 수강하면서 얻은 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...

하루 빼먹었다.. 꾸준히 하는게 중요하니까 이런 걸로 괜히 스트레스받지 말자~~~ BEM 방식과, 다른 방식(id 등을 이용하는)을 같이 이용해보았는데. 코드를 직접 작성해보니, BEM 이 조금 더 코드를 작성하기에 편할 것 같다! 복잡하지 않고 단순해서 좋을 것 같아서 BEM 으로 작성을 해보자!! @import "./reset.css"; @im...

오늘도 고고고고고 https://nykim.work/15 → BEM 에 대해 정리가 잘된 블로그다. 이해안되는 부분은 나중에 코드를 작성해보고 다시 이해해보자. css 에서 요소의 이름을 어떻게 지을지(class 이름) 정하는 방법론이 존재하는데, BEM(Block Element Modifier) 방식이 있다. Block 은...

ㄱㄱㄱㄱㄱ 가보자고 <style> body { height: 100vh; } body:hover{ background-color: darkgreen; } body:focus-within { background-color: crimson;...