전체 글575 반응형 웹사이트 - 블록은 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. 웹 사이트의 "홈페이지", "메인페이지", "랜딩페이지" 용어 설명 ✅ 홈페이지, 메인페이지, 랜딩페이지의 차이점 정리웹사이트에서 자주 사용되는 용어인 홈페이지, 메인페이지, 랜딩페이지는 각각 의미가 다르고 사용 목적도 다르다. 🔥 1. 홈페이지(Home Page)📌 정의홈페이지는 웹사이트의 첫 페이지이자 대표 페이지를 의미한다.보통 https://example.com/ 같은 루트 도메인에 해당한다.📌 특징사이트의 대표 페이지(사이트의 얼굴 역할)보통 사이트의 브랜드, 주요 콘텐츠, 메뉴 등이 포함됨사용자가 웹사이트를 처음 방문하면 보게 되는 페이지📌 예시https://www.naver.com/ (네이버의 메인 홈페이지)https://www.apple.com/ (애플 공식 홈페이지)🔥 2. 메인페이지(Main Page)📌 정의메인페이지는 웹사이트의 핵심 페이지.. 생활정보 2025. 2. 13. 아이폰 미니13 디스플레이 교체(페이스아이디, 배터리교체) 아이폰 미니 13 사용중인데, 지하철 급하게 타는 사람이 날 치고 이동했는데, 액정이 깨져버렸다. 지하철은 이미 가버렸고 완전 피곤 ... 어쩔 수 없이 액정을 갈긴 갈아야 하는데, 왜이렇게 비싼건지, 그래서 자가 수리 하기로 했다. 액정은 TK 씰리이나 WS 씰링 된건 상품평이 장난아니게 좋지 않아서, PINZHENG STORE 에서 파는 OLED for Mini13 으로 구매했다. 구매하는 길에 배터리도 같이 주문했다.(아이폰 18 버전부터는 사설 교체 하면 사설로 교체한게 뜨긴 하지만, 성능에는 문제 없고, 그냥 내가 쓰려고 하는 거라서 관계 없다.) 기본적인 설치 방법은 픽스앤조이 영상을 보고 따라하니까 잘됐고페이스아이디 모듈 적용 부분은 트라메의 영상을 보고 따라하니까 된다. 이제 3~4년.. 생활정보 2025. 2. 10. 시놀로지 VIDEO STATION 설치 및 코덱 설치 하기, 앱의 모든 것 우선 시놀로지 DSM 7.2.2 버전부터는 VIDEO STATION 이 제공되지 않습니다.DSM 7.2.1 이하 버전에서만 설치 할 수 있으며, 혹시 DSM 7.2.2 버전이 설치되어있다면 다운그레이드 하여야 합니다. 다운그레이드 방법다운그레이드 설치 방법은 https://svrforum.com/nas/694655 에서 참고 하였습니다. 자세한 사항은 링크를 참고하시기 바랍니다.다운그레이드 시 디스크의 모든 데이터가 날아가버리므로, 진행 전 데이터 백업을 진행하시거나 여분의 디스크로 진행하는 것을 검토하시기 바랍니다.또한, SSH 사용을 마쳤으면, 제어판 > 터미널 가셔서 SSH 사용안함으로 변경하는 걸 추천합니다. 무수한 사람들이 접속을 시도합니다. 1. SSH 접속하여 vi /etc.defaults.. 윈도우ㆍ기타OS 2025. 2. 5. 테이블 헤더 고정하기 by 스티키 sticky 스크롤이 길 경우 열 제목 봐야 할때 유용합니다.챗지피티도 알려주지만, 사람한테 들은 내용으로 기억해보려고, 퍼왔습니다. 출처: https://youtu.be/wwzHIzZKzBQ?si=exqamPdUxrHuQy1d&t=422 코딩ㆍ개발 정보/HTML 연습 2025. 1. 16. MSSQL 서버 설치 후 구성 관리자 설정 및 방화벽 설정 방법 대상: MSSQL SERVER 2012 서버를 설치하고 로컬에서 접속은 잘 되지만, 외부에서는 접속되지 않는 경우가 있었다. 방법은 IP 를 허용하고, 방화벽 설정의 인바운드를 조정해야 한다. 0. 증상제목: 서버에 연결 ------------------------------ ???.???.???.??? 에 연결할 수 없습니다. ------------------------------ 추가 정보: SQL Server에 연결을 설정하는 중에 네트워크 관련 또는 인스턴스 관련 오류가 발생했습니다. 서버를 찾을 수 없거나 액세스할 수 없습니다. 인스턴스 이름이 올바르고 SQL Server가 원격 연결을 허용하도록 구성되어 있는지 확인하십시오. (provider: Named Pipes Provider, error.. 코딩ㆍ개발 정보/데이터베이스 연습 2025. 1. 15. 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. VMWare 실행 시 WMware Workstation unrecoverable error : (mks) 에러 대응 방법 현재 사용중인 VMware® Workstation 17 Pro, 17.0.0 build-20800274 버전에서 Windows10 영문판을 설치하려는데, 다음과 같은 에러가 뜹니다. 대응방법1. C:\ProgramData\VMware\VMware Workstation\config.ini 파일을 관리자 모드로 편집한다.2. mks.enableDX12Renderer=FALSE 를 추가한다.3. VMware 에 설치된 OS를 다시 실행한다. 실행화면1. "Windows 로고 키 + R" 클릭 ▶ notepad 입력 ▶ 관리자 권한으로 실행2. 파일 > 열기 하여 C:\ProgramData\VMware\VMware Workstation\config.ini 입력2-1. mks.enableDX12Renderer=.. 윈도우ㆍ기타OS 2024. 12. 30. 이전 1 2 3 4 ··· 58 다음