전체 글

TIL] ajax

ajax ajax는 전에 블로그에 공부한 것을 올린 적 있지만 아직 이해도가 부족하다고 생각하여 복습 겸 좀 더 자세히 다뤄야겠다! ajax의 기본 형태 $.ajax({ url:"/example/~~~/~~~/~~~.~~~", //클라이언트가 요청을 보낼 서버의 URL주소이다. data: {~~~ : "~~~"}, //HTTP요청과 함께 서버로 보낼 데이터 type: "GET", //HTTP요청 방식(GET과 POST가 있다.) dataType:"json" //서버에서 보내줄 데이터 타입 }) ajax의 기본 형태는 다음과 같다. url 부분에 클라이언트가 요청을 보낼 서버의 URL 주소를 넣고 data에 HTTP요청과 함께 서버로 보낼 데이터 값을 넣는다. 데이터 요청방식을 설정하고 dataType을 ..

TIL] ::before 과 ::after

가상 요소 ::before, ::after 가상 요소란 별도의 클래스를 지정하지 않아도 지정한 것처럼 요소를 선택할 수 있다. 가상 요소는 가상 클래스처럼 선택자에 추가되고 존재하지 않는 요소를 존재하는 것 처럼 부여하여 특정 부분 선택이 가능하다. ::before은 실제 내용 바로 앞에서 생성되는 자식 요소를 뜻하고 ::after은 실제 내용 바로 뒤에서 생성되는 자식요소를 뜻한다. 또한 두가지를 사용해야 할 땐 content 속성이 필요하다. content="" content는 ::before과 ::after와 함께 쓰이는 가짜 속성이다. HTML 문서에 정보로 포함되지 않는 요소를 css에서 새롭게 생성해주기 때문이다. content를 쓸 때 대표적으로 사용되는 속성들은 아래와 같다. normal ..

TIL] outline

outline outline속성은 border 속상과 비슷하다. boder를 테두리라고 한다면 outline은 border 바깥 외곽선을 말한다. outline 속성의 용도는 요소를 강조하기 위해 사용한다. outline 사용하기 outline 속성을 사용하면, 외곽선 색상, 모양 , 너비를 한꺼번에 지정할 수 있고 outline-color, outline-style, outline- widtht 속성으로 각각 지정할 수 있다. 하지만 outline-style은 항상 필수로 지정해야 한다. 선이 있어야, 색상이나 너비를 지정할 수 있기 때문이다. outline은 border와 마찬가지로 외곽선 스타일을 지정할 수 있다. outline-style 속성 dotted : outline을 점선으로 설정한다. d..