네이처리 노트

공부하면서 정리한 내용입니다 참고한 내용은 맨 아래의 링크를 확인해주세요 📍 변수에서 지켜야 하는 룰 (지키지 않으면 오류) JavaScript 식별자는 문자(a-z, A-Z), 밑줄(_) 혹은 달러 기호($)로 시작해야 합니다. 두 번째 글자부터는 '숫자(09)'도 가능합니다. 대문자와 소문자는 구별합니다. myname과 myName은 다른 이름입니다. 예약어 (JavaScript가 찜해놓은 단어) 는 사용하면 안 됩니다. 예를 들어서 if, for, let 같은 것들이 있습니다. 📍 변수에서 지키면 좋은 룰 (더 좋은 스타일을 위해) ◇ 의미 없는 이름은 좋지 않습니다. 향후 복잡한 프로그램을 짜게 되면 변수와 함수를 여기저기서 적절히 활용해야 하는데, 이름이 a, b, c, d처럼 의미 없이 설정되..

군자역 근처 분위기 좋은 카페 디저트 맛집 비가 추적추적 내리는 날 오랜만에 s언니를 만나 저녁을 먹고 대충 걷다가 보이는 카페에 다가갔다 조금 이른시간이라 한적하고 분위기보다는 느낌이 좋은 곳이라고 느꼈다 커피를 주문하고 나중에 눈에 들어온 디저트들 청포도가 올라간 레어치즈케이크를 골랐다 청포도말고 그 요즘 뭐라더라...🤔샤인머스캣? 안쪽 깊은 곳에 자리 잡았고 우리는 할얘기가 뭐그리 많은지 쉬지않고 이야기 하다보니 3시간이 훌쩍 지났다 카페는 만석이었다가 언제인가 다 사라졌다 마감시간인줄 😳 소이라떼, 담백하고 맛있다고 느꼈는데 레어치즈케이크는 첫 입에 너무 놀라서 이야기하는 언니 말도 끊어버렸다 샤인머스캣이랑 조화로움 무엇이야 💚 집에 갈 때 초코푸딩사갔는데 혓바닥에서 단맛 이중폭죽 터짐 🤍🤎 여기..

공부하면서 정리한 내용입니다 참고한 내용은 맨 아래의 링크를 확인해주세요 🎀 Transition 속성을 서서히 변화시킵니다. display는 block & none 일 때, transition이 적용되지 않는다! 하지만 시각적으로만 숨김으로써 적용할 수 있습니다. reference 1,2 참고 ≫ transition-timing-function : transition의 진행 속도를 조절합니다. ease | linear | ease-in | ease-out | ease-in-out | step-start | step-end | steps( n, start|end ) | cubic-bezier( n, n, n, n ) | initial | inherit ex) 모달 효과 (opacity로 적용해보기) .cu..

공부하면서 정리한 내용입니다 참고한 내용은 맨 아래의 링크를 확인해주세요 🎀 가상셀렉터 Focus 아웃라인 제거하기 input:focus, button:focus, textarea:focus, select:focus { /* 가상셀렉터를 가지는 요소 */ outline: none; } 🎀 마우스 클릭이벤트 pointer-events : none; none : HTML 요소에 정의된 클릭, 상태(hover,active등), 커서 옵션들이 비활성화한다. auto : 비활성화된 이벤트를 다시 기본 기능을 하도록 되돌린다. inherit : 부모 요소로부터 pointer-events 값을 상속받는다.Option 🎀 텍스트 효과 element { user-select : auto; /* 드래그나 더블클릭시의 효과..