코딩ㆍ개발 정보/HTML 연습85

• 반응형 웹사이트 - 블록은 Flex로 레이아웃은 Grid 로 모바일 퍼스트로 만든 퍼블리시를 grid layout으로 감싸서 피씨와 태블릿에 대한 반응형을 완성하고 싶어 ChatGPT의 말:모바일 퍼스트로 제작된 퍼블리시를 CSS Grid Layout으로 감싸서 PC 및 태블릿에서 반응형을 완성하려면 다음과 같은 접근 방식이 좋다.1. HTML 구조 검토모바일 기준으로 이미 퍼블리싱되어 있다면, 기존 div 또는 section 태그를 감싸는 grid-container를 추가하고, 여기에 display: grid;를 적용하면 된다.예제:html  헤더 메인 콘텐츠 사이드바 푸터2. 기본 스타일 (모바일 퍼스트)모바일에서는 기본적으로 flex 또는 block 형태로 쌓여 있을 가능성이 크므로, grid를 기본적으로 1.. 코딩ㆍ개발 정보/HTML 연습 2025. 3. 4.

• 2차 도메인의 쿠키 설정 방법 현재 코드에서 특정 도메인 그룹(cc, c1, c2)은 로그인 공유,나머지 (p1, p2, p3, p4, p5)는 독립적 로그인을 유지하도록 설정하려면 다음과 같이 변경하면 됩니다.✅ 1. 쿠키 설정 (로그인 시)현재 코드에서 c1, c2가 로그인하면 cc로 통합해야 하기 때문에공유 도메인(.exam.co.kr)에 로그인 쿠키를 설정하고,독립적인 도메인(p1, p3 등)은 각자 로그인 쿠키를 설정해야 합니다. 현재 도메인에 쿠키 저장 Response.Cookies("LoginToken") = loginToken Response.Cookies("LoginToken").Domain = currentDomain Response.Cookies("LoginToken").Path = "/" R.. 코딩ㆍ개발 정보/HTML 연습 2025. 2. 14.

• [ASP] 로그인에서 쿠키와 세션의 용도, 자동로그인 기능 클래식 ASP에서 브라우저 로그인 체크를 **Session**으로만 처리할 수도 있지만, 쿠키를 사용하는 것이 더 안정적인 경우가 많습니다.🔹 Session만 사용할 경우의 문제점세션 만료 문제사용자가 일정 시간이 지나면 Session이 자동으로 만료됨 (기본값: 20분).사용자가 페이지를 새로고침하지 않으면, 로그인 정보가 갑자기 사라질 수 있음.브라우저 종료 시 세션 삭제Session은 기본적으로 브라우저를 닫으면 사라짐.사용자가 로그인 후 브라우저를 닫았다가 다시 열면, 다시 로그인해야 함.쿠키를 사용하면 일정 기간 유지할 수 있음.로드 밸런싱 환경에서 세션 유지 문제여러 대의 웹 서버를 사용하는 경우(로드 밸런싱), 사용자가 요청을 보낼 때 다른 서버로 연결될 경우 세션이 유지되지 않을 수 있음.. 코딩ㆍ개발 정보/HTML 연습 2025. 2. 14.

• 

  테이블 헤더 고정하기 by 스티키 sticky 스크롤이 길 경우 열 제목 봐야 할때 유용합니다.챗지피티도 알려주지만, 사람한테 들은 내용으로 기억해보려고, 퍼왔습니다.  출처: https://youtu.be/wwzHIzZKzBQ?si=exqamPdUxrHuQy1d&t=422 코딩ㆍ개발 정보/HTML 연습 2025. 1. 16.

• CSS reset 과 input 모듈 커스터마이징, checkbox, select, file 등 css resthttps://www.youtube.com/watch?v=fBIIsXoZmbA   checkbox, select 수정 방법https://youtu.be/infvVvaa8ac?si=_OUQ6QXbCFvCKVYI&t=1764  file 수정 방법https://velog.io/@sklove96/inputtypefile-%EC%BB%A4%EC%8A%A4%ED%85%80%ED%95%98%EA%B8%B0 input[type="file"] 커스텀하기file 필드를 사용하기 위해서는 inputtype="file" 을 사용한다. file 폼이 필요한 프로젝트를 하다가 input 안의 색깔만 커스터마이징 해주고 싶었으나 기본 형태에서 스타일을 바꾸는 것이 불가능했다.velog.io 반응형의 table 컬럼 .. 코딩ㆍ개발 정보/HTML 연습 2025. 1. 13.

• 

  mvc를 서블릿(get, put) dao dto jsp(jstl, ajax)의 인자 흐름으로 보기 mvc , 서블릿(get, put) dao dto jsp, jstl, ajax 의 관계를 설명해줘. 특히, 서로 주고 받는 인자들의 흐름을 기준으로 설명해줘 MVC(Model-View-Controller) 패턴에서 Servlet, DAO, DTO, JSP, JSTL, 그리고 AJAX는 웹 애플리케이션에서 데이터를 처리하고 표시하는 주요 구성요소입니다. 아래에서는 각 구성요소가 서로 전달하는 **인자(데이터)**의 흐름을 중심으로 설명하겠습니다.1. 주요 구성요소의 역할Controller (Servlet): 클라이언트 요청을 처리하고, 데이터를 가져와 가공하거나 적절한 뷰(JSP)에 전달합니다.Model (DAO & DTO):DAO (Data Access Object): 데이터베이스와 상호작용하며 SQL .. 코딩ㆍ개발 정보/HTML 연습 2024. 11. 19.

• [쿠키 및 CSS 보안 설정] 외부 침입자를 막기 위한 방법 1. CSS를 이용한 보안 문제CSS 인젝션CSS 인젝션 공격은 공격자가 악성 CSS 코드를 삽입하여 웹 애플리케이션의 디자인을 조작하거나 사용자 데이터를 노출할 수 있는 공격입니다.예방 방법:사용자 입력 검증: 사용자 입력이 CSS 코드로 해석되지 않도록 항상 검증하고 필터링합니다.CSS 파일의 정적 로딩: 가능한 한 사용자로부터 직접 CSS를 받아서 처리하지 않도록 하세요. 정적 CSS 파일을 사용하는 것이 좋습니다.콘텐츠 보안 정책 (CSP): CSP를 설정하여 외부 CSS를 포함시키지 않도록 제한할 수 있습니다. 2. 쿠키 관련 보안 문제쿠키 변조사용자가 쿠키 값을 조작하여 애플리케이션의 보안에 영향을 줄 수 있습니다.예방 방법:쿠키 암호화: 쿠키 값을 암호화하여 클라이언트 측에서 변조되더라도 의.. 코딩ㆍ개발 정보/HTML 연습 2024. 8. 29.

• [JavaScript] 전화번호 - 표시 하고, 저장은 숫자로만 전화번호를 사용자가 입력할 때, 입력 형식을 자동으로 지정된 형식(예: 010-3333-1234)으로 변환하고, 데이터베이스에는 숫자만 저장되도록 하는 기능을 구현하려면 다음과 같은 단계로 진행할 수 있습니다.1. 자바스크립트로 입력 형식 처리사용자가 입력할 때마다 자바스크립트를 사용해 입력된 값을 실시간으로 포맷팅합니다. 이 작업은 oninput 이벤트를 사용하여 입력값을 감지하고, 숫자만 추출한 후 적절한 형식으로 변환한 다음, 다시 입력 필드에 설정하는 방식으로 구현할 수 있습니다. 전화번호:  2. 서버 측에서 데이터 저장 처리 (ASP)이제 숫자로만 이루어진 전화번호를 데이터베이스에 저장합니다. 요약자바스크립트를 사용해 사용자가 입력한 전화번.. 코딩ㆍ개발 정보/HTML 연습 2024. 8. 29.

• [ASP, MSSQL] dbconnection.asp 사용하기 dbconnection.asp 파일 생성 0 Then Response.Write "데이터베이스 연결 오류: " & Err.Description Response.EndEnd IfFunction GetConnection() Set GetConnection = connEnd FunctionSub CloseConnection() If conn.State = adStateOpen Then conn.Close End If Set conn = NothingEnd Sub%> sample.asp 파일 사용Dim rs, sql' 페이지 인코딩을 UTF-8로 설정합니다.Response.ContentType = "text/html"Response.Charset = "UTF-8"' .. 코딩ㆍ개발 정보/HTML 연습 2024. 8. 28.

• [ASP, AJAX] 메뉴 검색 기능 1. 데이터베이스에서 메뉴 정보 저장메뉴 정보를 MSSQL 데이터베이스에 저장합니다. 메뉴의 이름, 링크(URL), 상위 메뉴 ID (계층 구조를 지원하는 경우), 기타 필요한 정보들을 테이블에 저장할 수 있습니다.예를 들어, 메뉴 정보를 저장할 테이블 구조는 다음과 같을 수 있습니다.CREATE TABLE Menus ( MenuID INT PRIMARY KEY, ParentID INT NULL, -- 상위 메뉴의 ID, NULL일 경우 최상위 메뉴 MenuName NVARCHAR(255), MenuLink NVARCHAR(255), SortOrder INT -- 메뉴 정렬 순서); 2. 검색 기능 구현클래식 ASP에서 사용자가 입력한 검색어를 바탕으로 데이터베이스에서 메뉴를 .. 코딩ㆍ개발 정보/HTML 연습 2024. 8. 27.