Per ardua ad astra.

압축 해제 시 "파일 이름이나 확장명이 너무 깁니다" 문제 해결 방법들어가며웹 개발 프로젝트 폴더를 압축한 후, 압축 해제를 할 때, "파일 이름이나 확장명이 너무 깁니다" 와 같은 오류로 인해 실패하는 경우가 있다.윈도우(Windows)에서 '경로 + 파일 이름 + 확장자'의 최대 길이가 260자이기 때문에 발생하는 문제이다.이때, 이 문제를 해결하는 방법을 정리해본다. 방법① 에서 길이 제한 해제하기[Window] + [R] 키를 눌러 실행창을 띄운 후, regedit을 실행한다. 레지스트리 편집기에서 아래의 경로로 이동한다.컴퓨터\HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Control\FileSystem LongPathsEnabled 값을 1로..

시험장에서 알아두면 좋은 팁들어가며빅데이터분석기사 실기 시험장에서 알아두면 좋은 팁을 정리해본다. 팁1️⃣ 메모 기능 활용하기빅데이터분석기사 실기 시험은 구름 온라인 IDE를 통해 진행된다. 구름EDU - 모두를 위한 맞춤형 IT교육구름EDU는 모두를 위한 맞춤형 IT교육 플랫폼입니다. 개인/학교/기업 및 기관 별 최적화된 IT교육 솔루션을 경험해보세요. 기초부터 실무 프로그래밍 교육, 전국 초중고/대학교 온라인 강의, 기업/edu.goorm.io 구름 온라인 IDE는 메모 기능을 지원한다. help, dir 명령의 출력 결과나 부분 문제의 정답 등을 메모장에 기록해두면 유용하다.참고로, 구름 온라인 IDE의 터미널 출력 결과는 키보드를 이용하여 복사(Ctrl+C) 및 붙여넣기(Ctrl+V)를 할..

판다스(pandas) 출력 길이 제한 해제하기들어가며판다스(pandas)의 출력 길이 제한을 해제하는 방법을 정리해본다.긴 내용의 데이터를 확인할 경우 중간에 ...으로 생략되어 있어서 불편한데, 이 설정을 해주면 전체 내용이 보이게 된다. 방법다음과 같이 pd.set_option()을 이용하여 최대 출력 행과 열의 개수를 없앨 수 있다.import pandas as pd# 행과 열의 최대 출력 제한 해제하기pd.set_option('display.max_rows', None) pd.set_option('display.max_columns', None) 참고 사이트 pandas.set_option — pandas 2.2.3 documentationdisplay.[large_repr, max_c..

코드 자동 완성, 스니펫 기능 끄는 방법 (settings.json)들어가며비주얼 스튜디오 코드(VS Code)에서 코드 자동 완성, 스니펫(Snippet) 기능을 끄는 방법을 정리해본다.로컬에서 코딩 테스트나 빅데이터분석기사 실기 시험을 준비할 때 이 방법을 사용하면 유용하다. 방법설명settings.json 파일에 아래의 내용을 추가해준다.[Ctrl/Cmd] + [Shift] + [P]를 눌러서 명령 팔레트(Command Pallette) 열기settings 검색하기[Preferences: Open User Settings (JSON)] 항목 클릭하기   만약 로컬 프로젝트에만 적용시키고 싶다면, 프로젝트 최상단 경로에 .vscode 폴더 생성 후, settings.json..

테일윈드 설정 파일(tailwind.config.js)에서 플러그인(Plugin) 추가할 때 "'require' is not defined" 오류가 뜰 때 해결법들어가며테일윈드 설정 파일(tailwind.config.js)에서 require를 이용하여 플러그인(Plugin)을 추가할 때, 'require' is not defined 오류가 발생할 때 해결하는 방법을 정리해본다.  방법간단하다. 프로젝트 최상단 경로에 있는 ESLint 설정 파일(eslint.config.js)에 다음과 같이 환경 변수(env) 조건을 추가해주면 된다. ./eslint.config.js{ // ... env: { browser: true, node: true, // 추..

vscode-icons : 리액트 아이콘 적용하는 방법들어가며비주얼 스튜디오 코드(VS Code)의 vscode-icons확장의 .jsx 확장자의 아이콘이 .js 아이콘으로 표시될 때, 수동으로 리액트 아이콘으로 표시되게 하는 방법을 정리해본다. 방법[Ctrl] + [Shift] + [P]를 누른 후, Command Pallette를 실행한다.settings 를 타이핑 한 후, Preferences: Open User Settings (JSON)을 클릭한다.아래의 코드를 추가해준다.settings.json{ "vsicons.associations.files": [ { "icon": "reactjs", "extensions"..

개발 환경 구축 (React.js)들어가며리액트(React.js) 개발 환경 구축을 위해서 필요한 과정들을 정리해본다. Node.jsLTS 버전으로 설치하기Long Term Service, 장기 지원 버전 Node.js — Run JavaScript EverywhereNode.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.nodejs.org 버전 관리가 필요할 경우 NVM(Node Version Manager)를 설치한다. Releases · coreybutler/nvm-windowsA node.js version management utility for Windows. Ironically written in Go. - coreyb..

검색 시, 특정 폴더를 검색 범위에서 제외시키는 방법들어가며VS Code에서 검색을 할 때 node_modules 등 특정 폴더를 검색 범위에서 제외하고 싶을 때가 있다.전역적으로 설정하는 방법과 프로젝트 별로 특정 폴더를 검색 범위에서 제외시키는 방법이 존재한다. 방법VS Code 설정 파일인 settings.json 파일에 search.exclude키와 값을 설정해주면 된다. ① 전역적으로 특정 폴더를 검색 범위에서 제외시키기VS Code를 이용하여 검색을 할 때, 프로젝트에 관계 없이 전역적으로 특정 폴더를 검색 범위에서 제외시키는 방법이다.[Ctrl] + [Shift] + [P]를 눌러 명령 팔레트(Command Palette)를 실행한다.Preferences: Open U..

JavaScript 탭 기본 들여쓰기(Indent) 간격 설정 방법 (settings.json)들어가며JavaScript 코드를 VS Code에서 작성할 때, 기본 탭 들여쓰기(Indent)를 지정하는 방법을 알아보자. 방법VS Code에서 [Ctrl]([Cmd]) + [Shift] + [P]를 눌러서 Settings을 검색하여 [Preferences: Open User Settings (JSON)] 항목을 클릭한다. Settings.json 파일 안의 내용이 에디터에 표시되는데, 아래의 내용을 추가해준다.{ // ... // I want my default to be 4, but JavaScript/JSON to be 2 "editor.tabSize": 4, "[javasc..

VS Code 화면 오른쪽에 Live Server 띄우기 들어가며 비주얼 스튜디오 코드(Visual Studio Code) 화면 오른쪽에 라이브 서버(Live Server)를 띄우는 방법을 정리해본다. 방법 방법 ① [Ctrl] + [Shift] + [P]를 눌러 명령 팔레트(Command Palette)를 실행한 후, Simple Browser: Preview를 클릭한다. 방법 ② VS Code에서 공식적으로 지원하는 방법이다. 이 방법은 편집기에 .html 파일 또는 .md 파일을 열었을 때 가능한 방법이다. 우측 상단의 [Show Preview] 아이콘을 클릭한다. 참고 사이트 Can I use Live Server inside Vscode editor? I know live ..

주피터 노트북에서 셀 강조 효과 나타내는 방법 여러 요소를 사용하여 주피터 노트북에서 셀 강조 효과를 나타낼 수 있다. 방법 경고(alert) 메시지 This is a warning message. 성공(success) 메시지 This is a success message. 에러(error) 메시지 This is an error message. 정보(info) 메시지 This is an information message. 이러한 스타일 클래스(alert-warning, alert-success, alert-danger, alert-info 등)를 사용하여 메시지의 색상과 스타일을 변경할 수 있다. 이러한 스타일은 주로 부트스트랩과 같은 CSS 프레임워크에서 제공되며, 웹 페이지 디자인에 사용된다. 페이..

MinGW 한글 깨짐 현상 해결하기 들어가며 > .\example.exe 곌컯?쒖튇援???쒖쑁援? 媛뺥븳移쒓뎄 ??쒖쑁援 윈도우(Windows)에서 MinGW를 사용하여 한글을 출력시킬 때 한번쯤 경험해봤을 것이다. 간단하게 이 문제를 해결하는 방법을 알아보자. 방법 방법 ① : chcp 명령어 사용하기 chcp 명령어를 이용하여 출력 형식을 UTF-8로 변경하는 방법이다. 간단하게 명령창에 다음의 명령어를 입력해준다. > chcp 65001 방법 ② : 윈도우 지역 옵션 변경하기 chcp 명령어를 사용해도 문제가 해결되지 않을 경우, 다음의 방법을 수행한다. ① 윈도우 검색창에 "국가 또는 지역"을 검색한다. ② 'Beta: 세계 언어 지원을 위해 Unicode UTF-8 사용' 옵션을 선택한다. [국..