# after
[Spring Boot] 테스트 코드 중 @After 오류 해결
현재 Spring Boot 공부는 '스프링 부트와 AWS로 혼자 구현하는 웹 서비스'로 진행하고 있습니다 💪🏻책 p.96 - p.97 부분을 열심히 따라하고 있었는데 @After 부분에서 Tab키를 누르면 @After() 이렇게 계속 뜨길래.. 또 에러가 뜨겠구만.
font-weight 변화에 따른 width 변화 방지하기
font-weight에 따라 너비가 달라지고, 너비가 달라지며 가로로 정렬된 component가 미묘하게 밀리는 UI는 왠지 모를 답답함과 불편함을 준다. font-weight와는 상관 없이 너비를 고정할 수는 없을까?
[React] tab focusing: tabIndex, focus-visible
탭으로 상호작용 할 수 있는 웹을 만들자.마우스로 손을 옮기기 귀찮아서 탭을 쓴 경험이 다들 있을것이다.무선마우스를 쓴다면 배터리가 닳아서 하는 수 없이 키보드로만 컴퓨터를 써야 할 때도 분명 있었다.다른것도 시급하지만... 그래서 이부분을 먼저 리팩토링해보기로 했다.
Front-end 국비지원 #035일
반응형 페이지 제작 1-1 > 이번 시간에는 제플린을 사용하여 반응형 페이지를 제작한다. 제플린이란? > ### 제플린을 쓰는 이유 이미지 슬라이스 사용이 편리하다. 텍스트 선택시 폰트 정보가 다 나온다. CSS로 나오는데 필요한 부분만 셀렉해서 사용하는 것을
CSS BOX 에 대해 이 시점 필히 알아두면 좋은것들
1.CSSBoxmodelwidth / height 프로퍼티2.1 max-width / max-heightmax-width , max-height css 속성은 요소의 최대 너비 / 최대 높이를 설정합니다. width 속성의 사용값이 자신의 값보다 커지는걸 방지!high
가상클래스와 가상요소
웹 문서를 구조를 기준으로 특정 위치에 있는 요소를 찾아 스타일을 지정할 때 사용하는 가상 클래스 선택자문서 전체에 적용문서 안에 루트(root) 요소에 스타일을 적용함HTML문서에서는 최상위요소가 <html>이므로, 전체적으로 문서 안에 똑같이 적용할 스타일이
after & before
가상 요소 별도의 class를 지정하지 않아도 지정한 것처럼 요소를 선택할 수 있다. after 실제 내용 바로 뒤에서 생성되는 자식요소 before 실제 내용 바로 앞에서 생성되는 자식요소 content="" 가짜 속성으로 after와 before를 사용할
[CSS] 배경 색 어둡게 만들기
배경 색깔을 더 어둡게 설정을 해주고 싶을 때 꿀팁🍯!예를 들어header의 배경이미지를 어둡게 하고 싶다고 가정했을 때,::after을 이용해 가상의 div를 만들어준 후,position을 absolute로 설정하고 너비와 높이를 100%로 설정을 해주면 heade
변경된 CSS가 적용되지 않을 때
아니 아무리 봐도 맞는데 CSS가 적용되지 않는 탓에 2시간을 날렸다;;원인은 이전 CSS를 브라우저는 다운로드를 받아 캐시에 보관해놓고 사용하기 때문에변경된 CSS를 알아차릴 방도가 없었던 것이다.쉽게 말하자면,수정을 해도 CSS파일명은 style.css로 동일하기때
앞 뒤에 가상 요소
가상 요소(Pseudo-Element)란?– 가상클래스(Pseudo-Class)는,별도의 class를 지정하지 않아도 지정한 것 처럼요소를 선택할 수 있습니다.– 가상요소(Pseudo-Element)는, 가상클래스처럼 선택자(selector)에 추가되며,존재하지 않는
0705 - Servlet Test Form
테스트 클래스 생성 시에, src/test/java 에 생성한다JUnit 4.13.2 어노테이션 Befor / Test / After 로 생성
airbnb 클론코딩
airbnb를 만든 화면이다. 주된 컨텐츠 우측 상단 login_box 만들기 가운데 각 menubar의 title hover 작동 menubar의 hover 기능 && 클릭시 달력 동작 등 나머지 html 작업(사진 간격 등) 내가 완벽하게 하지 못한 작업
[Javascript] append, appendChild, prepend
appendChild는 DOM 메서드이므로 생성되이 있는 요소만 추가가 가능하다. 추가 노드 갯수도 1개로 제한되어 있다.let p = document.createElement('p');document.getElementById('myId').appendChild(p)
HTML/CSS) 메뉴 구분선 ::after나 ::before 사용해서 넣기
완성본(빨간 테두리는 영역표시를 위해 사용함. 별다른 의미는 없음)HTML코드CSS코드css마지막 줄의 a태그 border: blue 된곳이 클릭이 되는 영역임.a태그의 상위태그인 li태그로 크기를 키우지말고, 되도록이면 a태그 자체의 클릭범위를 넓혀서 사용자가 쉽게