본문 바로가기
반응형

전체 글238

자바스크립트 특수문자 정규식 표현('.', '^', '$', '*', '+', '?') 자바스크립트 정규식 구문 내에서 가장 일반적으로 사용되는 일부 특수 문자를 코드 예제 및 설명과 함께 정규식에서 살펴보도록 하겠습니다. 점(.) 문자 점 문자는 개행 문자(\n)를 제외한 모든 문자와 일치합니다. 예를 들어, 정규식 /h.t/는 "hat", "hot", "hit" 및 "h"로 시작하고 "t"로 끝나는 다른 세 글자 단어와 일치합니다. 예를 들면 다음과 같습니다. const regex = /h.t/; console.log(regex.test("hat")); // true console.log(regex.test("hot")); // true console.log(regex.test("hit")); // true console.log(regex.test("hut")); // false 꺽쇠(.. 2023. 4. 11.
자바 스크립트(javascript) 기본 정규 표현식(match, test, replace, search) JavaScript는 정규식 처리를 포함하여 광범위한 작업을 처리할 수 있는 프로그래밍 언어입니다. 정규식은 문자열의 문자 조합을 일치시키는 데 사용되는 패턴입니다. JavaScript에서 정규식은 문자열에서 패턴을 검색하고, 텍스트를 바꾸고, 하위 문자열을 추출할 수 있는 개체입니다. 예제를 포함하여 JavaScript에서 정규식의 기본 사항을 살펴보겠습니다. 자바스크립트 정규식이란 정규식은 문자열의 문자 조합을 일치시키는 데 사용할 수 있는 패턴입니다. JavaScript를 포함한 다양한 프로그래밍 언어에서 텍스트의 패턴을 검색하는 데 사용됩니다. 정규식을 사용하여 단일 문자, 문자 세트 또는 일련의 문자를 일치시킬 수 있습니다. 자바스크립트 정규식 만들기 JavaScript에서 정규식은 RegExp.. 2023. 4. 9.
자바스크립트(JavaScript)의 객체 지향 프로그래밍 지원 JavaScript는 웹 개발, 서버 측 스크립팅, 심지어 데스크톱 및 모바일 애플리케이션 개발에 사용되는 다재다능한 프로그래밍 언어입니다. 동적 및 대화식 웹 페이지를 만드는 유연성과 기능으로 유명합니다. JavaScript는 또한 Java 및 Python과 같은 다른 많은 언어에서 사용되는 널리 사용되는 프로그래밍 패러다임인 객체 지향 프로그래밍을 지원합니다. JavaScript가 객체 지향 프로그래밍을 지원하는 방법과 코드에서 구현하는 방법을 살펴봅니다. 자바스크립트 객체란 OOP(객체 지향 프로그래밍)는 객체 개념을 기반으로 하는 프로그래밍 패러다임입니다. 객체는 실제 엔터티를 나타내는 관련 데이터 및 기능의 모음입니다. OOP는 코드를 재사용 가능한 모듈로 구성하는 방법을 제공하므로 시간이 지남.. 2023. 4. 7.
자바스크립트 이해하기 프로그래밍 언어로서 JavaScript는 대화형 웹 페이지 및 웹 응용 프로그램을 만드는 데 자주 사용됩니다. 클라이언트 측(사용자의 웹 브라우저에서)과 서버 측(예: 서버 사용)에서 실행할 수 있으므로 웹에서 널리 사용되는 고급 동적 해석 언어 입니다. 여기서는 자바스크립트가 무엇인지, 어떻게 작동하는지, 언어의 일부 주요 기능을 포함하여 자바스크립트에 대한 소개를 제공합니다. 자바스크립트의 이해 JavaScript는 대화형 및 동적 웹 페이지를 만드는 데 사용되는 스크립팅 언어입니다. 1990년대 중반 Netscape에 의해 처음 도입되었으며 이후 웹 개발을 위한 가장 인기 있는 프로그래밍 언어 중 하나가 되었습니다. JavaScript의 작동원리 JavaScript는 클라이언트 측 프로그래밍 언어로.. 2023. 4. 5.
크롤링 데이터 csv에 저장하기 Pandas를 사용하여 웹 사이트에서 데이터를 긁어내어 DataFrame에 저장한 후에는 to_csv 메서드를 사용하여 데이터를 CSV 파일에 저장할 수 있습니다. 나중에 사용하거나 분석하기 위해 데이터를 저장하려는 경우 유용할 수 있습니다. 다음은 to_csv 메서드를 사용하여 Panda DataFrame을 CSV 파일에 저장하는 방법의 예입니다. import pandas as pd # Load data into a DataFrame df = pd.read_html(url)[0] # Save the DataFrame to a CSV file df.to_csv('data.csv', index=False) 그러면 인덱스 열(있는 경우)을 제외하고 DataFrame의 데이터가 data.csv라는 CSV 파일.. 2023. 4. 3.
일반적인 HTML, CSS 오류 검사, 디버깅 HTML과 CSS는 웹 개발에 있어 조금 쉬운 언어라고 생각할 수도 있지만, 숙련된 개발자도 코드에서 오류와 문제에 직면합니다. 이러한 오류를 디버깅하는 것은 특히 초보자에게 어려울 수 있습니다. 몇 가지 일반적인 HTML 및 CSS 오류와 이를 디버깅하는 방법에 대해 살펴보겠습니다. 내용을 살펴보면 코드에서 일반적인 오류를 식별하고 수정할 수 있습니다. HTML 구문 오류 구문 오류는 코드 구조에 오류가 있을 때 발생합니다. 일반적인 구문 오류에는 태그를 닫는 것을 잊거나 세미콜론을 잘못된 위치에 넣는 것이 포함됩니다. 오류를 수정하려면 코드를 검토하고 모든 태그가 제대로 닫혀 있고 세미콜론이 올바른 위치에 있는지 확인하세요. 유효하지 않은 CSS 속성 값 CSS 속성에는 허용되는 특정 값이 있으며 유.. 2023. 4. 1.
구글 글꼴을 이용한 타이포그래피 만드는 법 타이포그래피는 웹사이트의 전체적인 모습에서 중요한 역할을 합니다. 톤을 설정하고 브랜드 아이덴티티를 만들 수 있습니다. Google Fonts는 웹사이트에 맞춤 서체를 추가할 수 있는 훌륭한 리소스입니다. 여기서는 Google 글꼴을 사용하여 웹 사이트에 괜찮은 글꼴을 쉽게 추가하는 방법에 대해 알아보겠습니다. 1단계: 글꼴 선택 Google Fonts에는 선택할 수 있는 1000개 이상의 무료 및 오픈 소스 글꼴이 있습니다. serif, sans-serif, handwriting 등과 같은 다양한 범주를 탐색할 수 있습니다. 원하는 글꼴을 찾았으면 "이 글꼴 선택" 버튼을 클릭합니다. 2단계: 글꼴 사용자 지정 글꼴을 선택한 후 기본 설정에 따라 사용자 지정할 수 있습니다. 글꼴 두께, 스타일 및 문자.. 2023. 3. 30.
HTML과 CSS를 이용한 FORM(양식) 만드는 법 FORM은 사용자로부터 정보를 수집하는 모든 웹사이트에서 중요한 부분입니다. FORM은 등록, 설문 조사, 피드백 등 다양한 용도로 사용할 수 있습니다. HTML 및 CSS를 사용하여 양식을 만드는 방법에 대해 설명하고 HTML 양식 요소의 기본 사항과 CSS를 사용하여 스타일을 지정하는 방법에 대해 알아보도록 하겠습니다. HTML 양식 요소 HTML은 텍스트 필드, 확인란, 라디오 버튼, 선택 상자 등을 포함하여 양식을 만드는 다양한 양식 요소를 제공합니다. 각 양식 요소는 자체 속성이 있는 HTML 태그로 표시됩니다. 예를 들어, "input" 태그는 텍스트 필드를 만드는 데 사용되고 "select" 태그는 선택 상자를 만드는 데 사용됩니다. 아래는 간단한 형식의 예를 살펴보겠습니다. *php 코드 .. 2023. 3. 28.
반응형

티스토리툴바