대괄호 [] 안에는 문자 목록을 제공할 수 있습니다.대괄호 안의 문자들 중 하나라도 발견되면 일치한다고 판단합니다문자 클래스는 대소문자를 구분하지 않으며, 순서에 상관없이 일치하는 문자가 있으면 매치됩니다. 문자열 :  How do you do?정규 표현식: [oyu]첫 번째 일치: How do you do?모든 일치: How do you do? [oyu]는 문자 o, w, y 중 하나와 일치합니다.따라서 각 문자가 o,y,u 중 존재한다면 통과 됩니다.정규 표현식: [dH].첫 번째 일치: How do you do?모든 일치: How do you do? [dh]는 문자 d, H 중 하나와 일치합니다.따라서 각 문자가 d, H 중 존재한다면 통과 됩니다.정규표현식: [owy][yow]첫 번째 일치: Ho..

정규 표현식에서 점(.)은 모든 문자와 일치하는 메타 문자입니다.문자열 : Regular expressions are powerful!!!정규 표현식:  .첫 번째 일치: Regular expressions are powerful!!!모든 일치: Regular expressions are powerful!!! 이 경우, 정규 표현식 .는 소스 텍스트의 모든 문자와 일치합니다.  따라서 첫 번째 일치는 맨 앞의 문자 하나, 모든 일치는 문자열의 모든 개별 문자입니다.정규표현식: ......첫 번째 일치: Regular expressions are powerful!!!모든 일치:Regular expressions are powerful!!! 여기서 ......는 여섯 개의 점으로 구성되어 있으며, 각 점은 ..

정규 표현식은 대소문자를 구분합니다. 따라서 두 가지 경우를 살펴보면 다음과 같습니다.문자열 : Hello, world!정규 표현식: Hello첫 번째 일치: Hello, world!모든 일치: Hello, world! 이 경우는 정규 표현식이 대문자 'H'로 시작하는 'Hello'를 찾기 때문에, 텍스트에서 'Hello'를 성공적으로 찾습니다.정규 표현식: hello첫 번째 일치: Hello, world!모든 일치: Hello, world!이 경우는 정규 표현식이 소문자 'h'로 시작하는 'hello'를 찾으려 하지만, 텍스트에는 대문자 'H'로 시작하는 'Hello'만 있기 때문에 일치하는 결과를 찾지 못합니다.결론적으로, 정규 표현식은 대소문자를 구분하기 때문에 'Hello'와 'hello'는 서로..

정규표현식은 프로그래밍과 데이터 처리에서 매우 유용한 도구입니다.  많은 사람들이 정규표현식의 필요성을 느끼지 못하고 지나치기 쉽지만, 실제로는 다양한 상황에서 활용될 수 있습니다.  이번 포스팅에서는 정규표현식의 정의부터 시작해, 왜 배워야 하는지, 그리고 어떤 상황에서 사용되는지에 대해 자세히 알아보겠습니다.  정규표현식이란?정규표현식(Regular Expression, RegEx)은특정한 패턴을 가진 문자열을 찾거나 대체하는 데 사용되는 강력한 도구입니다.예를 들어, 이메일 주소, 전화번호, 특정 형식의 데이터 등을 검증하거나 추출할 때 유용합니다. 정규표현식은 다양한 프로그래밍 언어에서 지원되며,그 문법은 언어마다 약간의 차이가 있지만 기본적인 개념은 동일합니다.  정규표현식을 배워야 하는 이유정..

https://www.tistory.com/event/write-challenge-2024 작심삼주 오블완 챌린지오늘 블로그 완료! 21일 동안 매일 블로그에 글 쓰고 글력을 키워보세요.www.tistory.com 오블완 챌린지!네이버 블로그를 작성해봤다면 아실 블로그 챌린지가티스토리에서도 시작한다고 하는데요! 다양한 상품이 있으니 여러분도 한번 참여해보세요 11월 7일 부터 진행하는 티스토리 블로그 챌린지! 2024년 11월 7일(목) - 11월 27일(수)3주간 매일 블로그를 작성하면 되는데요 이 참에 짧은 글이라도 매일 작성하는 습관 저희도 길러보자구요!  주의 사항티스토리 에디터를 통해 작성된 글만 참여가 인정됩니다.경품 지급일 전에 공유글을 삭제하거나 규제 처리될 경우 당첨 대상에서 제외됩니다...

성능이 좋은 웹을 만들기 위해서는UI/UX에 영향을 미치지 않는 선에서 적은 용량을 쓰는 것이 중요하다폰트의 다양한 포맷 종류 & 폰트 포맷 변경 사이트각각의 폰트는 지원되는 브라우저 범위가 다 다르다웹 페이지의 폰트가 모든 장치와 브라우저에서 잘 보이도록 하려면다양한 폰트 형식을 지원해주는 것이 좋다 다양한 폰트 포맷을 알아보자용량은EOT  --  TTF/OTF  --  WOFF  --  WOFF2순으로 작다  즉 WOFF2가 가장 작은 용량을 가진다 웹페이지 제작시 WOFF, WOFF2 를 많이 사용한다그러나 WOFF2는 최신 기술이므로 크로스 브라우징을 위해WOFF2를 사용하되, 해석하지 못하는 브라우저에는 WOFF, TTF 등을 사용할 수 있도록 설정해준다 TTF / OTF백터 기반 폰트형식sca..

서로 다른 형태의 분산 시스템 간에 데이터 전송이 가능한 개방형 시스템의 필요성이 커지면서ISO에서 데이터 통신 네트워크 시스템에 대한 OSI 참조 모델을 규정했다 개방형 시스템이란?서로 특성이 다른 이질적 네트워크 시스템끼리 각자의 하부구조와 무관하게 데이터 통신이 가능한 시스템OSI(Open System Interconnetion Reference Model) OSI 참조 모델 (OSI 7계층) 이란?목적은?다양한 프로세스가 해당 시스템의 사양, 환경에 구애받지 않고 다른 시스템의 응용프로그램과 정보처리 작업을 할 수 있도록 하는 것이다즉, 표준화와 관련된 기본 골격을 제공하는 것이다 OSI 참조모델은특정 시스템에 대한 프로토콜 의존도 줄이고,보편적인 개념, 용어를 사용해 컴퓨터의 논리 구조를 규정 ..

엄격모드 'strict mode'의 배경과 기능ES5 (ECMA Script5) 가 등장하기 전까지호환성 이슈 없이 발전해왔다즉, 기존의 기능을 변경하지 않으면서 새로운 기능이 추가 되었다 ES5에서 새로운 기능이 추가기존 기능 중 일부가 변경되었다.-> 호환성 문제 발생 가능 호환성 문제로 인해변경사항 대부분은 ES5의 기본 모드에선 활성화 되지 않도록 설계됨 대신!!!use strict 로 엄격모드 (strict mode) 를 활성화 했을 때만 ES5의 변경 사항이 활성화 되도록 해둠' use strict '이 use strict 지시자가 스크립트 최상단에 오면 스크립트 전체가 모던한 방식으로 작동반드시 스크립트 최상단에 위치+ 스크립트 최상단 뿐만 아니라 함수 본문 맨 앞에 올 수도 있다이때는 오직..

네트워크 프로토콜 이란?네트워크로 연결된 디바이스 사이에 유의미한 데이터 교환을 위해서는데이터 전송, 수신과 관련된 일련의 규칙이 필요하다.이 일련의 규칙이 네트워크 프로토콜이다합의된 규칙인 프로토콜에 따라 무엇을, 어떻게, 언제 통신 할 것인지 정해야 한다 프로토콜의 기본 요소구문 (Syntax)데이터 형식, 부호화 및 신호의 크기 등을 포함해 무엇을 전송할 것 인가에 관한 내용이 들어 있다의미 (Semantics)데이터의 특정한 형태에 대한 해석을 어떻게 할 것인가와 그 해석에 따라 어떻게 동작을 취할 것인가 등전송의 조정 및 오류 처리를 위한 제어정보 등을 포함 타이밍 (Timing)데이터를 언제, 얼마나 빠른 속도로 전송할 것인가와 같은 내용을 포함 개체(Entity)특성이 서로 다른 네트워크 시..

vscode로 npm 대신 yarn berry를 사용하려고 한다 이때 window 환경에서npm install -g yarn을 전역으로 설치해주고yarn set version berry를 실행하면 에러가 발생한다. yarn 뿐만 아니라 '스크립트를 실행할 수 없으므로 ~ 파일을 로드할 수 없다' 라는 에러가 발생 시아래와 같이 해결 할 수 있다.이 시스템에서 스크립트를 실행할 수 없으므로 ~~ 파일을 로드할 수 없습니다. 에러 해결법  1. PowerShell을 실행한다주의할 점은 관리자 권한으로 실행한다관리자 권한은 시작 메뉴에서 PowerShell을 검색한 후, 마우스 오른쪽 버튼을 클릭하고 '관리자 권한으로 실행'을 선택한다 참고로 Get-ExecutionPolicy는 실행정책이다.다양한 값이 있는..