Study With me

본문 바로가기

인기글

최신글

비즈니스 용어 SSO 통합인증 📗 SSO 통합인증 Single Sign-On에 약자로,여러 개의 사이트를 한번의 로그인으로 자동접속 가능한 로그인 방식 중 하나이다. 등장배경으로는회사가 그룹화 또는 대형화 되면서 여러 사이트를 통합 관리의 필요성이 커진 것이다. 따라서 관리적 측면에서는중앙 관리를 통한 업무 단순화 및 표준화를 실현하고중앙 집중적인 사용자 관리를 통해 보안을 한 층 더 강화 시킬 수 있다. 기술적 측면에서는기업 내 다양한 정보 시스템의 구축에 따른 복잡성이 증가되었고PKI, 생체 인식 등 다양한 인증 기술을 활성화 할 수 있다.
Javascript Swiper 슬라이드 라이브러리 Swiper는 슬라이드 구현할 때,가장 많이 사용하는 js라이브러리이다.웹 접근성 면에서도 괜찮아서 따로 정리해보려고 한다. 1. 설치 방법먼저 설치 방법은 공식 사이트에 잘 나와있다. Swiper - The Most Modern Mobile Touch SliderSwiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior.swiperjs.com 가장 간단한 방법은 CDN을 이용하는 것이다.자동으로 가장 최신 버전이 적용되기때문에 추천한다.단, 실제 사이트를 구축할때는 따로 다운로드 받아 연결하는 방식을 추천한다 아무튼 요지는 가장 최신버전을 유지하..
이슈노트 이슈노트📝 자동 다크모드 해제 🚨 문제상황 테스트 과정에서 발견된 문제였다. 바로 다크모드 설정이 된 삼성 갤럭시로 화면을 볼 경우, 화면이 너무 어둡고 구분이 되질 않아 가시성이 떨어진다는 것! 디자인이 화이트 톤으로 되어 있어서 생긴 문제다. 💡문제 원인 원인 역시 간단하다. 다크모드가 되어서 생긴 문제이니 2가지 해결방법을 생각했다. 다크모드로 전환 되어도 가시성을 확보하도록 색상을 변경 다크모드 자체를 방지하도록 변경 ✅ 해결방법 사이트 오픈을 코앞에 둔 시기라 1번 방법은 패쓰! 2번 방법은 간단하게 head영역에 meta코드 몇 줄만 추가 하면된다. 추가로 meta 관련된 포스팅은 아래 링크를 참조하자. 이슈노트📝 모바일 화면에서 반응형 적용이 안 되는 문제 🚨 문제상황 버튼 클릭 시 새창으로 이동하는 화면이 있었다. 새 ..
이슈노트 이슈노트📝 ios 정책으로 인한 비디오 전체화면 해제 🚨 문제상황 동영상 강의를 재생하는 화면을 제작하였다. PC화면과 모바일 화면 모두에서 디자인 시안에 맞추어 만들었다. 하지만 아이폰으로 강의를 재생하면 자동으로 전체화면이 되어 디자인 시안과는 전혀 다른 모습으로 나오는 것이었다! 윈도우로 퍼블리싱 작업을 하다보니 미처 발견하지 못했다. 💡문제 원인 문제 원인을 찾는 것은 아주 간단했다. ios 운영체제에서는 태그가 자동으로 전체화면이 되는 정책이 있어 다르게 보인다. 따라서 아이폰으로 크롬을 통해 영상을 재생하면 정책으로 전체화면이 된다. 하지만 ios운영체제를 가진 PC로 똑같이 크롬을 통해 해당 사이트를 방문하면 윈도우와 똑같은 화면으로 나온다.🤔 추측하건데 크롬에서는 어떤 운영체제에서도 동일하게 나오도록 통일성을 맞춘게 아닐까 싶다.. 다시 본론..
이슈노트 이슈노트📝 모바일 화면에서 반응형 적용이 안 되는 문제 🚨 문제상황 버튼 클릭 시 새창으로 이동하는 화면이 있었다. 새 창에서 열린 페이지에선 반응형이 적용이 안되는 문제가 발생! 원래 화면보다 작게 보여서 사용자들에게 불편함이 생겼다. 💡문제 원인 혼자 알아내보려고 노력해봤지만..! 도무지 원인을 모르겠어서 결국 대리님께 조언을 구했다. 원인은 태그 때문이었다. 정확히는 viewport 메타태그가 없어서 생긴 문제였다. 새탭을 열면서 불러오는 과정에서 head에 있는 meta태그 전체를 생략하고 불러오기때문에 발생했다. 이전에도 해당 태그에 대해 정리를 한 적이 있다. 그저 이런 속성이 있구나 하고 가볍게 넘어갔을 뿐 정확한 용도를 이해 하지못했다. 이번 기회에 제대로 짚고 넘어갈 수 있어서 다행이다! ▼ meta태그에 대한 정리된 포스팅 태그 정의와 속성..

티스토리툴바