개발/Web6

• 

  클라우드플레어(cloudflare) 적용하기 카페24로 nodejs 호스팅을 하면서 https 접속을 위해 인증서를 설치하고 도메인도 발급받았는데 cafe24 노드호스팅은 SSL 지원이 안되서 차선책을 찾아봤습니다. 사이트에 HTTPS 적용은 요새 거의 필수나 마찬가지인데, SSL 지원을 안해주는 것에 대한 이해는 일단 뒤로 미루고, 왜 HTTPS 적용이 필요한가 하면 - HTTPS는 암호화 전송을 사용하므로 보안 강화(사용자 정보 입력받는 곳은 필수) - HTTPS를 사용하지 않을 시 제공되지 않는 것들이 있음(단례로 navigator.clipboard.writeText 가 HTTP에서 지원되지 않음..) - HTTPS를 사용해야 구글 검색 가산점 부여(상위노출) 이러한 이유들로 HTTPS 적용방법을 열심히 찾아봤고 클라우드플레어로 문제를 해결할.. 개발/Web 2022. 11. 21.

• 

  webp 파일 무료압축 사이트 / 품질 비교 webp 파일 약 1300장을 압축할 일이 있어서 무료압축 사이트들을 찾아서 써보고 기능/품질을 비교해 봤습니다. 맨 아래에 사이트별 품질 비교사진도 올려놓았으니 이미지 용량을 줄이실 분들은 비교해서 가장 좋은 사이트를 선택해서 이용하세요. 1. https://tinypng.com/ tinypng는 webp, png, jpeg 파일을 지원하며 한 번에 최대 20개의 파일을 변환할 수 있습니다. 변환한 파일을 한 번에 zip 파일로 다운받을 수 있는 기능도 제공해요. 단점은 너무 짧은 시간에 여러번 파일 압축을 시도하면 20개씩 안되더라고요.... 이 점이 너무 큰 단점. 캐시 날리기, 시크릿 세션으로 해봐도 자주 변환하는 걸 인식하는 걸 보면 뭔가 다른 정보를 가지고 있는 듯. 속도는 제일 빠른 것 같아.. 개발/Web 2022. 11. 14.

• REST API란? RESTful한 API 만드는 법 REST란? REST(Representational State Transfer)는 2000년 로이 필딩의 박사 학위 논문에서 소개된 용어 자원을 정의한 후 해당 자원의 상태(정보)를 주고 받는 행위를 말한다. RESTful이란? REST 아키텍처를 지켜 구현된 시스템을 RESTful이란 용어로 지칭한다. REST 아키텍처에 적용되는 6가지 기본 원칙 1. 클라이언트 - 서버 구조 클라이언트 - 서버를 분리하여 각 파트가 독립적으로 운영되므로 의존성이 줄어든다. 다양한 플랫폼에서의 이식성이 개선되며 서버 아키텍처를 단순화하여 확장성이 개선된다. 클라이언트는 리소스 URI 외의 정보가 필요하지 않으며 서버와 클라이언트는 인터페이스가 변경되지 않는 한 독립적으로 교체 및 개발이 가능하다 2. 무상태 클라이언트.. 개발/Web 2021. 1. 11.

• 개발 시 유용한 사이트 모음 - cdnjs 라이브러리 파일 CDN 사이트. 웬만한 라이브러리는 다 있음. cdnjs.com/ cdnjs - The #1 free and open source CDN built to make life easier for developers Simple. Fast. Reliable. Content delivery at its finest. cdnjs is a free and open-source CDN service trusted by over 11% of all websites, powered by Cloudflare. We make it faster and easier to load library files on your websites. cdnjs.com - jsfiddle 소스를 웹상에서 미리 테.. 개발/Web 2021. 1. 4.

• 무료 아이콘/템플릿/웹디자인 관련 사이트 모음 아이콘 - flaticon 다양한 무료 아이콘 제공. 색상 변경도 가능함. 웹 사용도 가능하나 주소가 너..무 길어서 불편함. www.flaticon.com/kr/ Flaticon, 최대 무료 벡터 아이콘 데이터베이스 SVG, PSD, PNG, EPS 형식 또는 웹 폰트 형태로 모든 아이콘 다운로드 www.flaticon.com - Font Awesome css로 편리하게 사용할 수 있는 무료 아이콘 사이트. fontawesome.com/ Font Awesome The world’s most popular and easiest to use icon set just got an upgrade. More icons. More styles. More Options. fontawesome.com 템플릿 - BO.. 개발/Web 2021. 1. 3.

• 

  인증서 만료일자 확인하기 1. 인증서가 들어있는 폴더로 이동 후 아래 명령어 입력 openssl x509 -enddate -noout -in 인증서파일명 위와 같이 인증서의 만료일자가 표시됨 2. 웹페이지에서 확인 웹사이트 주소 왼쪽의 자물쇠를 클릭한 후 인증서 버튼 클릭 해당 사이트의 인증서 정보가 표시됨 개발/Web 2020. 10. 28.