# before

14개의 포스트
post-thumbnail

가상클래스와 가상요소

웹 문서를 구조를 기준으로 특정 위치에 있는 요소를 찾아 스타일을 지정할 때 사용하는 가상 클래스 선택자문서 전체에 적용문서 안에 루트(root) 요소에 스타일을 적용함HTML문서에서는 최상위요소가 <html>이므로, 전체적으로 문서 안에 똑같이 적용할 스타일이

2022년 6월 30일
·
0개의 댓글
·

요소추가

다음 메소드를 사용하면 기존 요소의 내부에 새로운 요소나 콘텐츠를 추가할 수 있다.

2022년 5월 18일
·
0개의 댓글
·
post-thumbnail

after & before

가상 요소 별도의 class를 지정하지 않아도 지정한 것처럼 요소를 선택할 수 있다. after 실제 내용 바로 뒤에서 생성되는 자식요소 before 실제 내용 바로 앞에서 생성되는 자식요소 content="" 가짜 속성으로 after와 before를 사용할

2022년 3월 6일
·
0개의 댓글
·
post-thumbnail

가상요소(Pseudo-Element)

가상클래스(Pseudo-Class)는,별도의 class를 지정하지 않아도 지정한 것 처럼요소를 선택할 수 있습니다.가상요소(Pseudo-Element)는, 가상클래스처럼 선택자(selector)에 추가되며, 존재하지 않는 요소를 존재하는 것처럼 부여하여 문서의 특정 부

2022년 1월 19일
·
0개의 댓글
·

[HTML/CSS] 다 알고 있다고 생각했지만 간과하고 있던 것들 2

1. position 내가 만든 영역을 2차원 평면의 공간으로 할지, 3차원 공간의 영역으로 할지를 결정짓는 요소입니다. 1-1. 2차원과 3차원의 차이 ||2차원|3차원| |:---:|:---:|:---:| |부모 자식 지간에 발생하는 마진 병합 현상|O|X| |top, left, right, bottom|X|O| |자식의 높이값이 부모의 높이값에 ...

2021년 10월 25일
·
0개의 댓글
·

[스파르타코딩클럽] 실무에 바로쓰는 AI 예측/추천 - 0주차/1주차 Before

한이음 ICT와 블렌디드 러닝 검색 및 추천 시스템을 구축하기로 하면서 AI에 대한 깊이있는 이해와 직접 구현해보는 경험이 필요했다. 한이음 ICT에서 지원하는 블렌디드 러닝을 통해 스파르타 코딩클럽을 알게 되었고, 딱 필요했던 수업이 열려서

2021년 8월 23일
·
0개의 댓글
·

앞 뒤에 가상 요소

가상 요소(Pseudo-Element)란?– 가상클래스(Pseudo-Class)는,별도의 class를 지정하지 않아도 지정한 것 처럼요소를 선택할 수 있습니다.– 가상요소(Pseudo-Element)는, 가상클래스처럼 선택자(selector)에 추가되며,존재하지 않는

2021년 8월 16일
·
0개의 댓글
·

0705 - Servlet Test Form

테스트 클래스 생성 시에, src/test/java 에 생성한다JUnit 4.13.2 어노테이션 Befor / Test / After 로 생성

2021년 7월 5일
·
0개의 댓글
·
post-thumbnail

airbnb 클론코딩

airbnb를 만든 화면이다. 주된 컨텐츠 우측 상단 login_box 만들기 가운데 각 menubar의 title hover 작동 menubar의 hover 기능 && 클릭시 달력 동작 등 나머지 html 작업(사진 간격 등) 내가 완벽하게 하지 못한 작업

2021년 3월 7일
·
0개의 댓글
·
post-thumbnail

[Javascript] append, appendChild, prepend

appendChild는 DOM 메서드이므로 생성되이 있는 요소만 추가가 가능하다. 추가 노드 갯수도 1개로 제한되어 있다.let p = document.createElement('p');document.getElementById('myId').appendChild(p)

2021년 2월 28일
·
0개의 댓글
·
post-thumbnail

HTML/CSS) 메뉴 구분선 ::after나 ::before 사용해서 넣기

완성본(빨간 테두리는 영역표시를 위해 사용함. 별다른 의미는 없음)HTML코드CSS코드css마지막 줄의 a태그 border: blue 된곳이 클릭이 되는 영역임.a태그의 상위태그인 li태그로 크기를 키우지말고, 되도록이면 a태그 자체의 클릭범위를 넓혀서 사용자가 쉽게

2020년 12월 2일
·
0개의 댓글
·
post-thumbnail

Before & After 기능 만들기

막대를 클릭하여 Before & After 기능을 만들어 보아요

2020년 3월 25일
·
0개의 댓글
·