CSS2 [생활코딩] WEB2 - CSS 생활코딩 www.youtube.com/playlist?list=PLuHgQVnccGMAnWgUYiAW2cTzSBywFO75B h1 태그는 화면 전체를 쓴다.(block level element라고 부름) (element는 tag와 같은말) a태그인 링크는 줄바꿈을 하지않고 자기 컨텐츠 크기만큼만 사용한다. (inline element라고 부름) 작은 박스가 자기 크기만큼만 사용하는 a 태그 여기서 h1태그를 자신의 부피만큼만 사용하고 싶으면 diplay를 인라인으로 하면된다. display : none 을 사용하면 화면에서 사라진다. 정리하자면 - h1 tag는 화면전체를 사용하고 링크는 딱 자기 컨텐트 만큼만 쓴다. - html의 모든 태그들의 크기는 모두 다르다. - 화면전체를 쓰는 tag는 bloc.. 2020. 7. 28. [생활코딩] React - CSS / 배포 리액트에서 css를 수정하는 방법을 알아보겠다. 저 부분을 수정해보자. 앱을 새로고침 했더니 전체용량 2.1MB를 다운로드 받았다고 나온다. 기능이 하나도 없는데 2.1MB이나 된다? 그건 리액트가 기능의 편의성을 위해서 추가해놓은것들 때문이다. create-react-app의 개발환경의 파일의 무게는 무겁다. 여러 보안적인 문제도 그렇고 개발자가 아닌 사람들이 2.1MB를 쓰게 할수는 없다. npm run build 명령어로 빌드를 해보면 디렉토리 구조에서 이전에는 없었던 빌드파일이 생긴다. 저 폴더에 있는 index.html 파일을 보니 읽기 불편할 정도로 띄어쓰기가 안되어있다. 그 이유는 공백과 같이 불필요한 정보의 용량을 싹 날린거다. 그래서 용량이 훨씬 작다. 이렇게 create-react-ap.. 2020. 7. 26. 이전 1 다음
