개발 노트/기초 지식42 margin 상쇄 시 해결방법 1. 부모 요소의 css 에 overflow : hidden 을 적용하면 된다 부모요소 { overflow : hidden; } 2. 부모 요소 전의 요소 css를 아래와 같이 바꿔주면 된다고 한다 ( 위의 경우가 display 속성을 건드리지 않으니 일반적인 경우는 1의 오버플로우 히든 방법을 쓸 것 같다 부모요소:before { content: ""; display: table; } 2022. 7. 15. a태그의 href 와 link 태그 무슨 차이일까? 결론부터 말하자면, a 태그는 페이지 이동 시 사용되고 상태값과 컴포넌트가 초기화되고 페이지가 새로 고침된다 link 태그는 페이지가 새로고침 되지 않고 브라우저의 주소만 바뀌므로 상태값과 컴포넌트를 유지할 수 있다 리액트의 경우 단일 url 을 가지고 Single Page Application 으로 사이트를 표현하기 때문에 매번 새로고침하면 상태값과 랜더링에 자원이 소모된다. 때문에 새로고침이 아닌 업데이트만 하기 위해서 리액트의 경우는 link 를 사용해서 타 페이지를 연결해줘야 한다 하지만 리액트가 아닌 소규모 프로젝트에는 a가 페이지 연결의 의미에 더 맞을 것 같다 link는 css 나 png 파일 등과 현재 문서와 관계를 정의하거나 열기 위한 것이 원래 목적이니 용도에 맞게 사용하자 2022. 7. 14. html 페이지마다 css 파일을 만들어야 할까? 결론부터 말하자면 style.css 파일 하나만 만드는 것이 좋다 여러개의 css 파일로 만들어서 각 html 파일에 연결해주면 개발은 쉬워질 수 있으나 사용자는 매 html 페이지마다 css 파일을 다운로드 해야 하므로 매 페이지마다 로딩 속도가 느려질 수 있다 css 의 양이 너무 방대해지거나 특수한 경우가 아니면 하나의 css 파일에 여러 html 을 연결해 사용하자 2022. 7. 13. 모듈러 연산 모듈은 %연산에서 나누는 수를 말한다 c = a%b // a를 b로 나누고 남은 나머지가 c이다 c = a mod b // b 를 모듈이라 한다 모듈러 연산은 % 를 사용하여 남은 나머지를 연산하는 것을 말한다 외워두면 몇가지 공식이 있어서 아래에 정리한다 a ≡ b mod n 이고 b ≡ c mod n 이면 a ≡ c mod n [ ( a mod n) + (b mod n) ] mod n = (a + b) mod n [ ( a mod n) - (b mod n) ] mod n = (a - b) mod n [ ( a mod n) * (b mod n) ] mod n = (a * b) mod n 2022. 6. 10. 이전 1 2 3 4 5 6 ··· 11 다음
