1. OAuth (Open Authorization)의 정의 OAuth는 인터넷 사용자가 자신의 비밀번호를 제3자에게 노출하지 않고 특정 웹사이트나 애플리케이션에 저장된 개인 정보에 대한 접근 권한을 안전하게 부여하기 위해 설계된 인가(Authorization) 프레임워크이다. 마치 호텔 예약 시 받는 카드 키와 같이 카드 키 자체가 이용자의 신분증(ID/PW)은 아니지만 특정 방(리소스)에 들어갈 수 있는 권한을 증명하는 것과 같다. 2. OAuth 1.0과 OAuth 2.0 OAuth는 모바일 환경의 급성장과 보안 요구사항의 변

네이밍 컨벤션이 중요한 이유? 개발 과정에서 가장 많이 하는 일은 사실상 코드 작성보다 코드를 읽는 일이다. 이때 변수나 함수의 이름은 코드의 의미를 빠르게 파악할 수 있게 해주는 가장 중요한 단서이다. 또한 일관된 네이밍 컨벤션은 팀 전체의 협업 효율성과 유지보수성을 높여준다. 범용적으로 사용되는 네이밍 스타일에 대해 알아보자. 이름 표기 방식 (Case 스타일)네이밍 컨벤션에는 여러 가지 표기법이 존재한다. 각 스타일은 쓰임새에 따라 적절히 선택되며 아래는 대표적인 이름 표기법들과 설명이다. PascalCase - 각 단어의

개발을 하다 보면 특정 텍스트만 골라내거나 구분해야 하는 순간이 찾아온다. 이때 가장 빠르고 가벼우며 어디서나 사용할 수 있는 것이 정규표현식(Regular Expression, regex)이다. 정규표현식을 잘 사용하기 위해서는 패턴의 의미를 바꾸는 메타문자에 대해 이해하는 것이 중요하다. 메타문자는 일반 문자와 달리 특별한 동작을 수행해 텍스트를 더 정확하고 짧게 찾고 검증하고 치환하고 추출할 수 있게 한다. [메타문자] 정규식은 "토큰 + 규칙"의 조합이다. 문자를 실제로 소비하는 토큰(리터럴, 문자 클래스, 축약 클래스,

서버를 운영하기 위해서는 두 가지 작업이 필수적이다. 첫 번째로 서버에 접속하는 것 → SSH(Secure Shell) 두 번째로 서버와 파일을 주고받는 것 → SFTP(SSH File Transfer Protocol) SSH란?SSH(Secure Shell)는 네트워크를 통해 서버에 안전하게 접속할 수 있는 프로토콜이다. 암호화된 통신을 사용하기 때문에 ID/비밀번호나 데이터가 중간에서 탈취될 위험이 적다. SSH 접속 방법 터미널을 통해 다음과 같은 기본 명령어를 입력한다. ssh [사용자명]@[서버 IP 또는 도메인]예를 들

Lighthouse란? Google에서 제공하는 웹 성능 진단 도구로 성능(Performance), 접근성(Accessibility), 권장사항(Best Practices), 검색엔진 최적화(SEO) 등 4가지 항목에 대해 점수를 평가한다. 웹사이트의 전반적인 품질을 평가하는 데 있어 Lighthouse 점수는 실질적인 기준이 된다. 성능, UX, SEO 등 다양한 요소에 영향을 주는 만큼 점수 개선을 위한 지속적인 관리와 최적화가 중요하다. 크롬 브라우저의 DevTools(F12) 안의 Lighthouse 탭을 통해 분석을 실행할

프론트엔드 개발을 하다 보면 로딩 속도를 개선하기 위해 정적 이미지들을 최적화해야 할 때가 많다. 대표적인 무료 웹 도구인 TinyPNG와 Squoosh를 활용해 이미지를 간편하게 최적화해보자. 이미지 최적화를 해야 하는 이유?단순하게는 페이지가 빠르게 로딩되어야 사용자 경험이 좋아지고 이탈률을 줄일 수 있기 때문이다. 또한 Google 같은 검색엔진은 로딩 속도를 중요한 평가 기준으로 삼기 때문에 검색 노출(SEO)에도 도움이 되며 사용자가 많아질수록 트래픽 비용 절감에도 효과적이다.그럼 본격적으로 이미지를 최적화하는 방법을 알아