개발일지/Tips

갤럭시 폴드4 (Galaxy Fold 4) 가로폭 - 접힌 상태 : 345px - 펼친 상태 : 691px 디바이스에서 아래 URL에 접속하면 직접 테스트 해 볼 수 있습니다. [test] viewport / userAgent (codepen.io) [test] viewport / userAgent ... codepen.io 구글 인스펙터로 접힌 폭이 280px 인줄 알고 작업했는데, 실제 디바이스랑 달라서 확인해봤다. 따라서 폴드 대응을 위해 미디어쿼리를 @media screen and (max-width: 280px) { }로 잡았다면 적용이 안되고 있을 것!!! 처음에 갤폴드 280 이라도 들었을 때, 왜 이딴걸 만들어서 고통을 주나 싶었는데 이제는 반쪽 화면 해상도도 345 라니 다행이다 싶다 ㅋ..

세로 모니터 화면 분할하는 방법 2분할 가능 (2023년) - 사이트맵 (sightmap.co.kr) 세로 모니터 화면 분할하는 방법 2분할 가능 ([currentyear]년) - 사이트맵 세로 모니터 화면 분할하는 방법을 소개해드리려고 합니다. 평소에 윈도우 기능으로 윈도우키 + 방향키로 화면을 분할해서 사용하시는 분들이 많았을 겁니다. 그러나 이 기능은 가로 모니터일 sightmap.co.kr

노드 17 에러 갑자기 잘 작동하던 프로젝트 실행이 안되고 에러가 떴다. error:03000086:digital envelope routines::initialization error 찾아보니 노드17 에서 발생하는 문제인 것 같았다. 노드 버전 다운그레이드 하는 방법 https://www.educative.io/edpresso/how-to-downgrade-node-version How to downgrade node version Creator: Nouman Abbasi www.educative.io LTS 버전으로 다운그레이드 sudo npm install -g n sudo n 16.13.2 이렇게 하고 나니 해-결!

2020.07.24. 공지 [안내] 2차 도메인 사용 시 유의사항 안녕하세요. 티스토리팀 입니다. 티스토리는 블로그 개설 시 지정하신 블로그 주소 (000.tistory.com)외 가지고 계신 별도의 도메인 (www.000.com 등)으로도 서비스를 이용하실 수 있도록 2차 도메인 연�� notice.tistory.com 안녕하세요. 티스토리팀 입니다. 티스토리는 블로그 개설 시 지정하신 블로그 주소 (000.tistory.com)외 가지고 계신 별도의 도메인 (www.000.com 등)으로도 서비스를 이용하실 수 있도록 2차 도메인 연결을 제공하고 있습니다. 브라우저 정책 변경 등의 이유로 이미 주요 블로그 서비스에서 별도 도메인 연결을 중단하고 있으나 저희는 이용자의 확장성과 효율성을 최대한 보장한다..

지원 여부 확인 방법 https://www.caniemail.com/ caniuse 처럼 이메일에서 사용가능한 css 속성을 확인해 볼 수 있는 사이트가 있다. https://www.campaignmonitor.com/css/ 최근에 찾은 사이트인데 caniuse 보다 훨씬 더 좋은 것 같다. CSS Support Guide for Email Clients A complete breakdown of the CSS support for the most popular mobile, web and desktop email clients on the planet. www.campaignmonitor.com Email Client Support Scoreboard 최하위 지원률을 보여주는 windows여.... ..

어떤 의도를 가지고 디자인이 변화하게 되었는지를 아는 과정은 참 흥미롭다. 10년도 더 된 글이지만 네이버 디자인팀에서 정리해 준 글 들이 있어서 묶어보았다. 전국민이 사용한다고 해도 과언이 아닌 녹색창 메인 화면을 개선한다는 건 정말 쉬운 일이 아닐 것 같다. 좋은 싫든 익숙함에서 조금만 벗어나게 되면 일단 혹평부터 듣게 되니까 말이다. [디자인] 날개모자는 네이버에 언제 등장 했을까요? 되돌아 본 네이버 메인 디자인의 변화 산뜻하고 세련된 디자인은 네이버가 이용자 여러분께 많은 사랑을 받... blog.naver.com [디자인-웹] 네이버 메인 페이지에 담고 싶은 가치 메인 페이지 디자인 두 번째 이야기 ‘집에 담고 싶은 모든 가치’라는 아파트 브랜드 광고 카피가 있었죠?... blog.naver...

회사를 옮기거나 새로운 맥 장비 세팅을 할 때 내가 항상 하는 것들을 글로 정리해봤다. 개인적으로 이거 없이는 절대로 일 못한다!! 싶은 것들로만 적었다. 1. 손쉬운 사용 > 포인트 제어기 > 트랙패드 옵션 > 드래그 활성화 [체크] > 세 손가락으로 드래그하기 2. 키보드 > 단축키 > 스크린샷 설정 변경 3. Safari 로 Chrome 을 다운 받아 설치 https://www.google.com/intl/ko/chrome/ 4. Spectacle 설치 https://www.spectacleapp.com/ 화면 분할해주는 유틸인데 이거 없으면 일 못함.... 5. Kakaotalk PC 버전 설치 https://apps.apple.com/us/app/kakaotalk/id869223134?mt=12..

ACL (Access Control List, 접근 제어 목록) 접근 제어 목록[1](access control list, ACL) 또는 액세스 제어 목록[2]은 개체나 개체 속성에 적용되어 있는 허가 목록을 말한다. 이 목록은 누가 또는 무엇이 객체 접근 허가를 받는지, 어떠한 작업이 객체에 수행되도록 허가를 받을지를 지정하고 있다. 전형적인 ACL에서 목록 안의 각 항목은 주제나 운영을 지정한다. 이를테면 XYZ 파일에 대한 ACL 위의 항목(Alice, delete)은 Alice에게 XYZ 파일을 삭제할 허가 권한을 제공한다. ACL 기반 보안 모델에서, 객체가 어떤 한 객체에 작업 수행을 요청할 때, 시스템은 먼저 적용할 수 있는 항목의 목록을 확인하여 운영의 처리 여부를 결정한다. https:/..

SSO : Single Sign On (단일 계정 로그인, 통합인증) 통합 인증(영어: Single Sign-On; SSO)은 한 번의 인증 과정으로 여러 컴퓨터 상의 자원을 이용 가능하게 하는 인증 기능이다. 싱글 사인온, 단일 계정 로그인, 단일 인증이라고 한다. 예를 들어 어느 컴퓨터에 로그인한 후 그룹웨어 등의 응용 프로그램을 사용할 때에 또 로그인, 다른 서버상의 응용 프로그램을 사용할 때에도 다시 로그인이 필요한 상황이라면, 사용자는 여러 개의 아이디와 비밀번호를 관리해야 한다. 통합인증을 도입한 환경에서는 사용자는 하나의 아이디와 비밀번호로 모든 기능을 사용할 수 있다. 보안이 필요한 환경에서 통합인증을 도입하는 경우, 여러 응용 프로그램의 로그인 처리가 간소화되어 편리성을 도모할 수 있는 ..

기본 개념 View ID : 본인의 구글 계정에 부여된 GA 데이터의 고유 ID 값 Start Date : 시작 날짜 End Date : 끝 날짜 Metrics : 확인하고자 하는 지표들 연결은 , (콤마) ga:pageviews, ga:uniquePageviews, ga:users, ga:bounceRate, ga:totalEvents, ga:uniqueEvents Dimensions: 구분해서 볼 기준 (주로 일간, 월간) date month Filters: 확인하고자 하는 데이터 범위 연결은 ; (세미콜론) 빈 칸 : 전체 데이터 특정 페이지 : ga:pagePath=~/url 특정 페이지의 특정 이벤트 : ga:eventCategory==정확한url/;ga:eventAction=@클래스명 참고 링..