전체 글87 css flex 사용법 총정리 Flexbox Flexbox Flexbox는 뷰포트나 요소의 크기가 명확하지 않고, 지속적으로 변하더라도 자동적으로 요소를 배치, 정렬할 수 있도록 하는 CSS3의 레이아웃 방식이다. HTML Flexbox CSS body { font-family: 'Segoe UI'; } h1 { text-align: center; } #container { background-color: black; width: 90%; height: 500px; margin: 0 auto; /*center*/ border: 5px solid black; } #box div { width: 100px; height: 100px; } flex 상태를 만드는 것은 간단하다. 다른 요소를 포함하는 부모 요소(#container)에 dis.. 2022. 5. 23. scss 기본 문법 정리, css와의 차이점 scss는 중첩, 변수 선언, 연산자 등을 활용할 수 있다. CSS 코드와의 비교 css 코드 body { font: 100% Helvetica, sans-serif; color: #333; } nav ul { margin: 0; padding: 0; list-style: none; } nav li { display: inline-block; } nav a { display: block; padding: 6px 12px; text-decoration: none; } scss 코드 $font-stack: Helvetica, sans-serif; $primary-color: #333; body { font: 100% $font-stack; color: $primary-color; } nav { ul { ma.. 2022. 5. 22. Vue-router : Uncaught RangeError: Maximum call stack size exceeded 해결 새 디자인 템플릿을 적용하던 중에 생긴 에러. authorization을 체크하는 것 때문에 fakeDB가 firebase로 연결되어 있었음. 나의 경우에는 router.beforeEach 부분을 주석처리 했더니 해결됐다. 참조) https://forum.vuejs.org/t/vue-router-uncaught-rangeerror-maximum-call-stack-size-exceeded/1994 2022. 5. 21. Error starting ApplicationContext. To display the conditions report re-run your application with 'debug' enabled. 해결 Run Configurations 에 debug가 없어서 생기는 문제 해결 : application.properties에 debug 설정 추가 logging.level.org.springframework=debug logging.level.org.springframework.web=debug 2022. 5. 20. 이전 1 ··· 17 18 19 20 21 22 다음