HTML / CSS

displayflex : 본인은 display : block 처럼 작동자식들은 flex 방식으로 다루겠다는 의미justify-content:flex-start: 요소들을 컨테이너의 왼쪽으로 정렬합니다.flex-end: 요소들을 컨테이너의 오른쪽으로 정렬합니다.cente

displayflex : 본인은 display : block 처럼 작동자식들은 flex 방식으로 다루겠다는 의미justify-content:flex-start: 요소들을 컨테이너의 왼쪽으로 정렬합니다.flex-end: 요소들을 컨테이너의 오른쪽으로 정렬합니다.cente

특정 태그에 마우스를 올리면 css 가 실행된다.자바스크립트 기술이라 생각했지만 css 였다.HTMLCSSdiv 만 display: none 으로 만들어준다.section 에 hover 를 선언하고 display: block 으로 만들면 된다.

html 에 삽입할 수 있는 다양한 아이콘을 제공하는 사이트🔗 폰트어썸 무료아이콘 링크원하는 아이콘을 골라서 코드를 복사한 후 html 에 붙여넣기 하면 된다.테일윈드랑 같이 사용한 모습이다.

onkeyup입력을 완료 하는순간 작동됨onchange변화가 감지되면 작동됨onpaste붙여넣기 하는순간 작동됨콘솔에서 확인할 수 있는 로직을 추가해주었다.괄호의 ‘ ‘ 안에 text 를 입력하고 조건을 충족시키면콘솔에 ‘ ‘ 에 적은 message 가 출력된다.🔗

SSR 방식의 프로젝트중 Enum 값에 따라서 다른 text 가 출력될 필요가 있었다.Enum 객체html 계층enum 값이 text 타입이 아니기 때문에 ‘ ‘ 를 사용해서 비교가 불가능했다.전부 fales 로 판정됨이 방법으로 구현하면 원하는 방식으로 될것이라 확신