Per ardua ad astra.

시험장에서 알아두면 좋은 팁들어가며빅데이터분석기사 실기 시험장에서 알아두면 좋은 팁을 정리해본다. 팁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..

테일윈드 설정 파일(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"..

CMS(Content Management System)들어가며CMS(Content Management System)에 대해 정리해본다. CMS(Content Management System)개념콘텐츠 관리 시스템웹사이트나 애플리케이션의 콘텐츠를 생성, 관리, 수정, 배포하는 데 사용하는 소프트웨어기술적인 지식이 없는 사용자도 쉽게 웹 콘텐츠를 관리할 수 있도록 설계되어 있다.대표적인 예로 WordPress, Joomla, Drupal 등이 있다.CMS를 사용하면 코딩하지 않고도 텍스트, 이미지, 비디오 등을 추가하거나 변경할 수 있다. 특징비개발자도 쉽게 콘텐츠를 관리할 수 있다.웹사이트 디자인과 레이아웃을 미리 정의된 템플릿으로 설정할 수 있다.다양한 기능을 추가할 수 있는 플러그인과 확장 기능을 지원..

개발 환경 구축 (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)에서 JSX 자동 완성 기능 켜는 방법들어가며비주얼 스튜디오 코드(VS Code)에서 @return@ 문 안에 JSX를 작성할 때, 자동 완성 기능(Auto Complete)을 사용하는 방법을 알아보자. 방법이 방법을 위해서는 VS Code 설정을 따로 해줘야 한다.우선, @Ctrl@(@Cmd@) + @,@를 눌러서 VS Code 설정 페이지를 연다. 그리고 상단의 @[Open Settings (JSON)]@ 아이콘을 클릭한다.그리고 아래의 코드를 @settings.json@ 코드 안에 넣어준다.{ ... "emmet.includeLanguages": { "javascript": "javascriptreact" }, "emmet.syntaxProfiles"..

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 ..

변수명 표기법의 종류 들어가며 프로그래밍에서 변수명을 지을 때 사용하는 여러 가지 표기법을 알아보자. 변수명 표기법 변수명 표기법은 코드의 가독성을 높이고 일관성 있게 작성하기 위해 사용된다. 어떤 표기법을 사용할지는 주로 개발자나 팀의 선호도에 따라 결정되곤 한다. ① 카멜 표기법(Camel Case) 단어들을 붙일 때 맨 처음 단어를 제외하고 대문자로 시작하는표기법 camelCaseVariable ② 파스칼 표기법(Pascal Case) 모든 단어의 첫 글자를 대문자로 시작하는 표기법 PascalCaseVariable ③ 스네이크 표기법(Snake Case) 단어들을 밑줄(@_@)로 연결하는 표기법 모든 글자를 소문자로 표기한다. snake_case_variable ④ 케밥 표기법(Kebab Case..

리액트(React.js) 개발 환경 구축하기 (Windows) 들어가며 윈도우(Windows)에서 리액트(React.js) 개발 환경을 구축해보자. 방법 ① Node.js 설치하기 Node.js 프로그램을 컴퓨터에 설치해준다. Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org ② 비주얼 스튜디오 코드(VS Code) 설치 및 확장 프로그램 설치 비주얼 스튜디오 코드(VS Code)를 설치하고, VS Code에 아래의 확장 프로그램을 설치한다. Babel JavaScript vscode-icons JS JSX Snippets ③ 리액트 앱 생성하기 @my-app@ 이라는 프로젝트를 생성하려면 ..

ADB(Android Debug Bridge)를 이용하여 컴퓨터와 안드로이드 장치 연결하기들어가며안드로이드 장치를 루팅(Rooting) 하지 않고, ADB를 이용하여 컴퓨터에서 간단하게 안드로이드 기기의 설정을 변경해줄 수 있다. 방법① 사전 작업컴퓨터와 안드로이드 장치를 연결하기 전에 몇 가지 작업을 해준다. 컴퓨터와 안드로이드 장치 모두 동일한 WIFI에 연결시키기컴퓨터와 안드로이드 장치를 모두 동일한 WIFI에 연결시켜준다.안드로이드 장치를 USB 케이블이 아닌 무선으로 연결시키기 위해서이다.WIFI가 아닌 USB 케이블로도 컴퓨터와 안드로이드 장치를 연결할 수도 있는데, 이럴 경우 이 과정을 생략해도 된다. 안드로이드 장치의 [개발자 도구]에서 USB 디버깅 모드 설정해주기안드로이드 장치의 @[개..