왜 woff2 를 써야하는가? otf / ttf 와의 차이

왜 woff2 를 써야하는가? otf / ttf 와의 차이

2024-03-27 1. 로딩 속도 향상 WOFF2는 TTF 또는 OTF보다 평균 파일의 크기가 30% 더 작다. 이로인해 페이지 로딩 속도를 높여 사용자 경험을 향상 시키고, 모바일 장치에서 데이터 사용량 감소에 도움이 된다. 2. 향상된 텍스트 품질 WOFF2는 텍스트 렌더링을 위한 최적화 기능을 제공함으로써 더 선명하고 깨끗한 글꼴 표시를 제공한다. 특히 작은 글꼴 크기에서 더욱 눈에 띄는 차이를 경험할 수 있다. 3. 브라우저 호환성 WOFF2는 모든 주요 웹 브라우저에서 지원된다. 사실상 모든 웹 사용자에게 최적의 텍스트 표시 경험을 제공할 수 있으며, TTF 또는 OTF와 달리 별도의 웹폰트 형식을 사용할 필요가 없다. 4. 출처 https://heyakash.medium.com/underst..

  • format_list_bulleted IT/개발상식
  • · 2024. 3. 27.
  • textsms
[Tistory] 티스토리 게시글 작성에 실패했습니다. 잠시 후 다시 시도해 주세요 해결방법

[Tistory] 티스토리 게시글 작성에 실패했습니다. 잠시 후 다시 시도해 주세요 해결방법

2023-12-12 1. 원인 / 방법 여러 원인이 있겠지만 우선적으로 몇가지 해결 방안을 제시한다. PC 인터넷 오류 -> 현재 인터넷이 연결되어 있는 여부 확인 티스토리 서버 일시적 순단 현상 -> 게시글 임시저장 -> 블로그 작성 재접속 -> 완료 이미지가 있는 게시글 작성시의 오류 -> 대표 이미지 설정 -> 완료 기타 등등.. 2. 이미지 참고 대표이미지 설정은 이미지를 클릭하면 우측 상단에 위치한다. 메인 이미지 출처 : 사진: Unsplash의charlie

  • format_list_bulleted IT/Developer-etc
  • · 2023. 12. 12.
  • textsms
[Git] SSL certificate problem해결방법

[Git] SSL certificate problem해결방법

2023-06-30 1. 방법 SSL certificate problem: unable to get local issuer certificate와 같은 에러가 발생할 경우 Git bash를 동작시켜 직접 명령어를 실행시켜야 합니다. 해당 부분은 SSL 인증서에 문제가 있어 발생하여 해결 방법은 아래와 같습니다. $ git config --global http.sslVerify false 위와 같이 git 전역 변수로 http.sslVerify 를 false 시켜 검증하지 않도록 변경하면 해결할 수 있습니다. 메인 이미지 출처 : 사진: Unsplash의NEOM

  • format_list_bulleted IT/Developer-etc
  • · 2023. 5. 30.
  • textsms
[CORS] 교차 출처 리소스 공유 (CORS) 와 해결 방법(with Spring)

[CORS] 교차 출처 리소스 공유 (CORS) 와 해결 방법(with Spring)

2023-03-30 1. 정의 Mdn web doc에서 설명하는 교차 출처 리소스 공유(Cross-Origin Resource Sharing, CORS) 정의는 "추가 HTTP 헤더를 사용하여, 한 출처에서 실행 중인 웹 애플리케이션이 다른 출처의 선택한 자원에 접근할 수 있는 권한을 부여하도록 브라우저에 알려주는 체제입니다. " 쉽게 표현하면 A와 B 두 개의 웹 서버에서 자원을 공유하여 접근하는 이론입니다. 다만 브라우저들은 보안상의 이유로 오리진 리소스가 다른 요청을 보내는것을 제한하게 됩니다. 구체적으로 설명하면, 메인 서버를 A(https://domain-a.com) 라고 가정해 보자. 그러면 메인 리소스의 출처는 https://domain-a.com 가 되고 이외의 주소는 모두 다른 리소스로 ..

  • format_list_bulleted IT/개발상식
  • · 2023. 3. 30.
  • textsms
[JSESSIONID] 프론트와 백엔드는 어떻게 동일한 세션을 유지하는가?

[JSESSIONID] 프론트와 백엔드는 어떻게 동일한 세션을 유지하는가?

2023-03-19 1. 가정 로그인을 진행하려는 "가"라는 유저가 있다. "가" 유저는 프론트 서버의 로그인 버튼을 통해 백엔드 서버에게 유저 정보 확인 후 인증정보를 획득한다. 인증정보를 어떻게 다시 프런트에서 확인하고 인증에 따른 기능을 사용할 수 있는 것일까? 즉 서로 다른 두가지 애플리케이션(프런트 / 백엔드) 어떻게 해당 유저 정보를 공유할 수 있는 것인지 알아보자. 2. tomcat JSESSIONID 우선 톰켓 서버의 JSESSIONID에 대하여 알아야 한다. 이는 톰캣이 구동후 클라이언트가 해당 서버에 최초 접속을 하면 생성되는 쿠키입니다. 해당 쿠키는 세션에 대한 식별자로 사용되며, 세션이 종료되면 제거가 됩니다. 아래는 JSESSIONID 어떻게 생성되는지에 대한 글이니 참고하시면 좋..

  • format_list_bulleted IT/개발상식
  • · 2023. 3. 19.
  • textsms
[Java] .jar 와 .war 차이점 및 장단점 비교 해보기

[Java] .jar 와 .war 차이점 및 장단점 비교 해보기

2022-12-10 1. 정의 jar 자바 파일들을 모아서 만든 하나의 zip 파일이라고 볼 수 있으며, 쉽게 말해 자바로 만든 프로젝트를 패키징 한 압축파일이라고 생각할 수도 있습니다. 또한 이로 인해서 자바 형태의 프로젝트를 손쉽게 배포할 수 있는 장점이 있습니다. jar 파일은 META-INF/MANIFEST.MF 경로에 위치한 매니페스트 파일을 선택적으로 포함할 수 있으며, 매니페스트 파일 안에는, 어떻게 jar 파일을 이용할지를 기술한 엔트리 정보가 적혀있습니다. 이를테면 클래스 패스(자바) 엔트리를 사용하면 해당 jar 파일과 함께 로드할 다른 JAR 파일들을 지정할 수 있고, java.util.zip 패키지는 jar 파일을 읽고 쓰는 클래스들을 포함하고 있습니다. war WAR 파일(Web ..

  • format_list_bulleted IT/개발상식
  • · 2022. 12. 10.
  • textsms