매일 공부한거 기록하기

반응형화면을 만들때 가장 먼저 어려움을 겪는 구간아닐까? width를 %를 잡고 img를 올렸을때 width별로 img위치가 어그러지는 경험ㅠㅠ 이럴땐 calc를 쓰면 좋다! https://developer.mozilla.org/ko/docs/Web/CSS/calc calc() - CSS: Cascading Style Sheets | MDN calc() CSS 함수를 사용하면 CSS 속성의 값으로 계산식을 지정할 수 있습니다. developer.mozilla.org

charAt()은 문자열에서 특정 인덱스에 위치하는 유니코드 단일문자를 리턴한다. 출처 https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/String/charAt String.prototype.charAt() - JavaScript | MDN charAt() 함수는 문자열에서 특정 인덱스에 위치하는 유니코드 단일문자를 반환합니다. developer.mozilla.org

styled-component에서 이미지를 항상 background-image:url();로 쓰고 있던중.. 갑자기 styled.img로 써볼까? 하는 생각이 들어서 검색해봤다! 다양한 방법이 있군.. ~이미지를 사용하는 방법을 알아보자~ 1. image를 import해서 url (${image});로 쓰는 방법 import smileLogo from "images/main/smileLogo.png"; const SmileLogo = styled.div` background-image: url(${smileLogo}); `; 여기서 height와 width를 조절하려면? 2. styled.img.attrs를 사용한다. import smileLogo from "images/main/Yummy.png"; ..

https://velog.io/@geeneve/yyyy%EB%85%84-mm%EC%9B%94-dd%EC%9D%BC%EC%9D%80-%EB%AC%B4%EC%8A%A8-%EC%9A%94%EC%9D%BC%EC%9D%BC%EA%B9%8C yyyy년 mm월 dd일은 무슨 요일일까? 콘웨이의 둠스데이 알고리즘 with 파이썬 velog.io 흡.... 둠스데이...

따라서 타입 단언을 하지 않는다 꼬옥 -! 에러처리를 해주는것이 좋다구~

To. 나 이걸 아는 사람이 왜 실수를 하고 그래! From 나 1. 버블링 한 요소에 이벤트가 발생하면 할당된 핸들러가 동작하고 부모 요소의 핸들러가 동작하는것이다. 가장 최상단의 요소를 만날때까지 이 과정이 반복되면서 요소 각각에 할당된 핸들러가 동작한다. 거의 모든 이벤트는 버블링 된다. 이벤트가 발생한 가장 안쪽의 요소는 target 이라고 부른다. event.target으로 접근 한다. event.target : 실제 이벤트가 시작된 타깃 요소 , 버블링이 진행되어 변하지 않음. event.currentTarget (this): '현재'요소 현재 실행 중인 핸들러가 할당된 요소를 참조한다 2. 캡처링 하위 요소로 전파되는 단계

어흑ㅠ 바보 어떤 이벤트를 명시적으로 처리하지 않은 경우 해당 이벤트에 대한 기본동작을 실행하지 않도록 지정하는 것. https://developer.mozilla.org/ko/docs/Web/API/Event/preventDefault Event.preventDefault() - Web API | MDN Event 인터페이스의 preventDefault() 메서드는 어떤 이벤트를 명시적으로 처리하지 않은 경우, 해당 이벤트에 대한 사용자 에이전트의 기본 동작을 실행하지 않도록 지정합니다. developer.mozilla.org

갑자기 이 빨간 글자가 떠서 너무 신경쓰였고.. 고쳤습니당 너무 쉽게~! 1. manifest < 가 들어가있는 index.html을 찾아가십쇼 2. rel = "manifest" 을 rel ="/manifest"로 수정하면 끝! 요렇게~~~~ 근데 manifest는 뭘까..? manifest.json 앱에 대한 정보를 담고있는 JSON파일이라구 한다 https://developer.mozilla.org/ko/docs/Web/Manifest Web app manifests | MDN 웹 앱 매니페스트(Web app manifest)는 프로그레시브 웹 앱(PWA)라고 칭하는 웹 기술 모음집의 일부로서, 앱 스토어를 거치지 않고 장치의 홈 화면에 설치할 수 있는 웹사이트를 구성합니다. 단순한 홈 develo..

React 18로 업그레이드 된 후로 18버전을 쓰려고 한다. 이떄 ReactDOM.render는 지원하지 않기 때문에 주의해서 사용하길! ReactDOM.render를 쓰면 17을 쓰게된당~ ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your app will behave as if it’s running React 17. Learn more: https://reactjs.org/link/switch-to-createroot Before import React from "react"; import ReactDOM from "react-dom"; impor..

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Bitwise_OR Bitwise OR (|) - JavaScript | MDN The bitwise OR operator (|) returns a 1 in each bit position for which the corresponding bits of either or both operands are 1s. developer.mozilla.org 이 해 완! !