자신에게 친절할 것 :)
728x90
반응형

CSS 5

[CSS] reset.css, variables.css, not, form의 action/ methods

//노마드 코더의 코코아톡 클론코딩 듣는 중// //reset.css 기본 css 디폴트 값을 없애기 위해서 사용 따로 파일을 만들고., @import해서 사용할 것. https://meyerweb.com/eric/tools/css/reset/ CSS Tools: Reset CSS CSS Tools: Reset CSS The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on. The general reasoning behind this was discussed in a May 2007 post,..

Web Developing/CSS 2024.04.05

[CSS] transition, transform, @keyframes, @media

//노마드 코더의 코코아톡 클론코딩 듣는 중// /* transition: 어떤 상태에서 다른 상태로의 "변화"를 애니메이션으로 만드는 방법 바꿀 거는 무조건 state에 명시가 되어 있어야 함 트랜지션은 무조건 상태가 없는 곳에 써야 함 */ a { color: white; background-color: tomato; text-decoration: none; padding: 3px 5px; border-radius: 5px; font-size: 20px; transition: all 1s ease-in-out; /* transition: background-color 10s ease-in-out, color 5s ease-in-out; 걍 변하는 모든 것들을 한번에 all이라고 쓸 수 있음 - eas..

Web Developing/CSS 2024.04.04

[CSS] custom properties, root:

//노마드 코더의 코코아톡 클론코딩 듣는 중// /* root는 기본적으로 모든 다큐멘트의 뿌리가 됨 변수를 넣어주면 색을 일일히 바꾸지 않아도 됨 한 번에 변경가능. custom property라고 하지만 니코는 변수라고 부르는 것을 선호 --하고 변수명 만약에 띄어쓰기 있으면-쓰고*/ - 이걸 .. 진작에 알았어야 했는데... - 모멘툼.. 리팩토링 할 거 생각하면 머리가 아프다...

Web Developing/CSS 2024.04.03

[JS] JS or CSS가 웹페이지에 적용이 안 될 때

... 장작 이틀 동안 고생하면서, 왜 JS가 적용이 안 되는지 고민했다. ​ 강의도 중간부터 못 들으면서 말이다. ​ 덕분에 오랜만에, 문제를 해결해 보겠다고 다양한 시도를 했다. ​ 구글, 유튜브 검색, Normad Coder와 Stack Over Flow 커뮤니티에 글도 남기고, 다행히 SOF가 나를 살렸다. 살려지는 경험(?)은 언제나 쪽팔리면서도 즐겁달까. 묻고 답해주는 커뮤니티가 활성화 된 개발 분야로 넘어오길 잘 했다는 생각이 오늘도 든다. ​ (ps. 문제의 원인은 ^^ 오타.. oh gosh..) ​ 기술 블로그의 첫 글은, 또 이 방법을 잊을 미래의 나와, 같은 문제를 겪을 다른 분들을 위해서 쓴다. ​ JS or CSS가 웹페이지에 적용이 안 될 때 ​ 1. 오타 확인 ​ 2. 캐시 ..

Web Developing/JS 2024.03.16
728x90
반응형