Bash 스크립트에서 숨겨진 특수 문자 문제 해결하기 Bash 스크립트를 실행할 때, 올바른 파일 경로를 입력했음에도 다음과 같은 오류 메시지가 나타났습니다. rm: cannot remove ''$'\342\200\252''파일경로': No such file or directory 이 메시지는 파일 경로에 유효하지 않은 문자가 포함되어 있음을 나타냅니다. 위 메시지를 보면 파일 경로 외에도 '$'\342\200\252'' 라는 문자가 포함되어 있는 점을 확인할 수 있습니다. 즉, 파일 경로에 숨겨진 특수 문자가 포함되어 있던 것입니다.. 복사-붙여넣기 시 발생할 수 있는 문제라고 합니다. 해결 방법 경로 문자열 확인: 경로 내의 숨겨진 특수 문자나 공백을 찾아내고 제거합니다. 텍스트 편집기에서 이러한 숨..
이전 글에서 알아보았던 다소 번거로웠던 과정을, GitHub Actions를 사용하여 자동화하는 과정을 정리합니다. Github Page 배포하기 : root에 index.html이 없는 경우 (1) GitHub Pages를 활용하여 프로젝트를 웹에 호스팅할 때, root에 index.html이 없는 경우 404 오류 또는 README.md 파일이 첫 화면으로 뜨게 됩니다. 이런 경우, 기존 프로젝트 구조를 변경하지 않으면서도 gh- energneer.tistory.com GitHub Actions란? GitHub Actions은 GitHub 저장소에 직접 통합된 CI/CD(지속적 통합 및 지속적 배포) 서비스입니다. 코드 변경이 감지될 때마다 자동으로 워크플로우를 실행하여 빌드, 테스트 및 배포 과정을..
GitHub Pages를 활용하여 프로젝트를 웹에 호스팅할 때, root에 index.html이 없는 경우 404 오류 또는 README.md 파일이 첫 화면으로 뜨게 됩니다. 이런 경우, 기존 프로젝트 구조를 변경하지 않으면서도 gh-pages 브랜치를 만들고 public 디렉토리의 내용을 해당 브랜치의 루트로 이동할 수 있습니다. 1. gh-pages 브랜치 생성 로컬 저장소에서 새로운 브랜치를 생성합니다. git checkout -b gh-pages git checkout -b 명령은 Git에서 새로운 브랜치를 생성하고 해당 브랜치로 전환하는 명령입니다. 여기서 -b 옵션은 새로운 브랜치를 생성하겠다는 것을 나타내며, 은 새로운 브랜치의 이름을 지정하는 부분입니다. 따라서 gh-pages 브랜치를 ..
const purgecss = require('@fullhuman/postcss-purgecss')({ content: ['./path/to/your/index.html'], // index.html의 경로를 정확히 지정하세요. defaultExtractor: content => content.match(/[\\w-/:]+(? 위와 같이 제대로 PostCSS 설정 파일을 생성했으나, npx postcss ./src/output.css -o ./src/purged-output.css 명령어로 실행하면 아래와 같은 오류가 발생하는 경우가 있습니다. ReferenceError: module is not defined in ES module scope This file is being treated as an ..
npm install -D tailwindcss 에서 -D 옵션이란? -D 옵션은 --save-dev 옵션의 축약형입니다. 이 옵션은 패키지를 프로젝트의 개발 의존성(dependency)으로 설치하도록 지시합니다. 일반적으로 프로젝트에는 런타임(runtime) 의존성과 개발(development) 의존성이 있습니다. 런타임 의존성 : 애플리케이션이 실행될 때 필요한 패키지이며, 이 패키지들은 애플리케이션의 동작에 직접적으로 기여합니다. 개발 의존성 : 개발 중에만 필요한 패키지로, 예를 들어 빌드 도구, 테스트 프레임워크, 코드 분석 도구 등이 여기에 속합니다. D 또는 -save-dev 옵션을 사용하면 패키지가 개발 의존성으로 설치되며, 이 패키지들은 프로젝트를 개발하는 동안에만 필요합니다. 런타임에는..
"405 Method Not Allowed" Visual Studio Code의 Live Server 확장 기능을 사용할 때, 백엔드 호출 시 이런 오류가 발생하는 이유 중 하나는 Live Server와 Node.js 서버를 혼동하는 경우입니다. 클라이언트(HTML, CSS, JS 파일)는 Live Server를 통해 제공되고, 백엔드 API(server.js)는 Node.js 서버를 통해 제공됩니다. 클라이언트 측 JavaScript에서 API 요청을 할 때, 올바른 서버 주소(예: http://localhost:3000/api/sample)를 사용하면 "405 Method Not Allowed" 오류를 해결할 수 있습니다. Live Server Live Server는 일반적으로 정적 파일(HTML, ..
ChatGPT API란? ChatGPT API는 OpenAI의 GPT-3.5 모델을 기반으로 한 API 서비스입니다. 이를 통해 다음과 같은 일을 수행할 수 있습니다: 텍스트 기반 대화: 사용자가 입력한 텍스트에 대한 응답을 생성합니다. 질문 응답: 사용자의 질문에 대한 답변을 생성하고 지식을 공유합니다. 텍스트 생성: 특정 주제나 스타일의 텍스트를 생성하거나 문장을 완성합니다. ChatGPT API를 사용하는 방법 1. API Key 획득 먼저 OpenAI의 ChatGPT API를 사용하기 위해 API 키를 획득해야 합니다. API 키는 인증에 사용되며, OpenAI 웹사이트에서 발급받을 수 있습니다. 2. API 요청 및 응답 처리 API 키를 획득한 후, API를 호출하여 대화나 질문에 대한 응답을..
AJAX(Asynchronous JavaScript and XML)란? 웹 개발 분야에서 AJAX는 매우 중요한 역할을 하는 기술 중 하나입니다. AJAX는 "비동기적 자바스크립트와 XML(Asynchronous JavaScript and XML)"의 약자로, 웹 페이지를 새로 고치지 않고도 서버와 데이터를 비동기적으로 주고받을 수 있게 해주는 기술입니다. 이것은 웹 애플리케이션의 사용자 경험을 향상시키고 더 나은 성능을 제공하는 데 핵심 역할을 합니다. 왜 AJAX가 필요한가? 과거의 웹 페이지는 사용자와 상호작용할 때마다 전체 페이지를 다시 렌더링하여 새로고침하는 방식이었습니다. 이러한 방식은 사용자 경험을 저하시키며 대역폭을 낭비하는 문제가 있었습니다. AJAX의 등장으로 웹 애플리케이션은 필요한 ..
프로그래밍 언어의 분류 빌드 방식에 따른 분류 컴파일 언어 C, C++ 등 인터프리터 언어 BASIC, Python 등 바이트 코드 언어 JAVA, Scala 등 절차적 프로그래밍 언어 C, COBOL, FORTRAN, BASIC 객체지향 프로그래밍 언어 특징 캡슐화 정보은닉 상속 다형성 추상화 종류 JAVA, 시뮬라67 스몰토크 오브젝티브-C C++ 파이썬 스크립트 언어 응용 프로그램 제어 종류 자바스크립트 JSP PHP ASP Perl Python VBScript 선언형 언어 종류 하스켈 HTML SQL 변수명 작성 규칙 대부분의 언어가 동일 영문자 또는 언더바로만 시작 가능 중간에 숫자와 언더바 사용 가능 중간에 공백 불가 언더바 이외의 특수문자 불가 대소문자 구분 예약어 불가 자료형 문자형 cha..
