전체 글(120)
-
[JQuery] 레이어 팝업 띄우기
HTML [필수] 대표자 개인(신용)정보수집·이용·제공·조회 동의 Lorem, ipsum 대표자 개인(신용)정보수집·이용·제공·조회 동의 Lorem ipsum 1. 수집·이용에 관한 사항 • 수집·이용 목적 기업신용평가 및 사업체 및 사업장 현황조사 • 수집·이용 항목 필수적 정보 개인식별정보: 성명, 주민등록번호, 주소, 연락처 선택적 정보 개인식별정보 외에 고객이 제공한 정보: 자격증, 수상경력 등 ※ 본 동의 이전에 발생한 개인(신용)정보도 포함됩니다. • 보유·이용 기간 • 동의를 거부할 권리 및 동의를 거부할 경우의 불이익 확인 JavaScript function modalPopupOpen(object) { $(object).show(); } function modalPopupClose(obje..
2023.11.26 -
[HTML/CSS] Flex
flex는 컨테이너가 차지하는 공간에 맞추기 위해 크기를 키우거나 줄이는 방법을 설정하기 위해 사용한다. 컨테이너에 사용할 수 있는 속성은 flex-direction, justify-content, align-items가 있으며 flex-item에 사용할 수 있는 속성은 flex-grow, flex-shrink,flex-basis가 있다. flex-item에 부여할 수 있는 속성은 축약형으로 사용할 수 있는데, 다음과 같다. A B C #flex-container { display: flex; border:1px solid black; padding:10px; width: 500px; height: 100px; flex-direction: row; justify-content: space-between;..
2023.11.22 -
[HTML/CSS] 반응형 테이블 만들기
1. PC HTML 선택 이름 홍길동 나이 20세 출생지 서울 상세보기 보기 CSS table.type3 { border-spacing: 0; border-collapse: collapse; width: 100%; margin-bottom: 40px; } table.type3 tr { border: 1px solid #000; } table.type3 th, table.type3 td { text-align: center; padding: 5px 0px; } table.type3 th { background: #000; color: #fff; } 2. Moblie @media (max-width:600px) { table.type3 colgroup { display: none; } table.type3 ..
2023.09.29 -
[HTML/CSS] 툴팁 만들기
간단한 툴팁 HTML
2023.06.25 -
[HTML/접근성] iframe 태그의 반응형 대응
회사 업무 중 iframe의 사용법이 쉽지는 않았기도 하고 외부 페이지가 가진 자체적인 이슈도 있어 반응형 대응을 하기에 난이도가 좀 있었기 때문에 문제 해결 과정을 다시 한번 정리해보고자 한다. 최선의 방법은 아니었지만 직면했던 상황에서 최대한 할 수 있는 대처를 했으며 공부가 많이 되었다. 크리티컬한 이슈는 아래 세 가지였다. 1) 영역 삽입했을 시 상단부 이미지에만 테두리 생기는 현상이 있었음 문제 원인 : 외부 url을 iframe에 노출시켰을 시 상단 이미지 2개가 일정 width를 넘어가면 (694px 추정ㅠㅠ) 여백이 생겼다.모든 이미지가 동일한 상태면 처리가 쉬웠을 것 같은데 url 페이지 하단 삽입 이미지들은 또 반응형이 되어있고...... 해결 방법 : d a. iframe 프로퍼티로 ..
2022.12.04 -
[React] CORS 해결하기
웹 어플리케이션은 자신의 출처와 동일한 리소스만 불러올 수 있으며, 다른 출처의 리소스를 불러오려면 그 출처에서 올바른 CORS 헤더를 포함한 응답을 반환해야 한다. (두 URL의 프로토콜, 호스트, 포트가 같아야 동일 출처) 따라서 서버와 클라이언트의 포트가 다를 경우 CORS 정책을 우회하는 작업이 필요하다. 1. 서버에서는 클라이언트의 도메인이 접근하는 것을 허용하고, 2. 클라이언트에서는 클라 측 도메인이 아닌 백엔드 측 도메인으로 요청을 보내줘야한다. 1. Back-end / SpringBoot에서 @CrossOrigin 어노테이션을 사용하여 모든 도메인에 대해 접속을 허용함 package io.jejewn.controller; import org.springframework.web.bind.a..
2022.09.03