Per ardua ad astra.

Express.js 들어가며 @Express.js@에 대해 알아보자. Express.js 개념 Node.js의 핵심 모듈인 http와 Connect 컴포넌트를 기반으로 하는 웹 애플리케이션 프레임워크로, 웹 애플리케이션 및 API를 개발하는 데 사용된다. Express.js는 Node.js와 함께 사용되며, 웹 애플리케이션 및 API를 빠르게 개발하고 관리하는 데 도움을 준다. Node.js의 사실상의 표준 서버 프레임워크로 불리고 있다. 2010년 TJ Holowaychuk에 의해 개발되었다. 간단히 익스프레스(Express)라고 부른다. MIT 허가서로 라이선스되는 자유-오픈 소스 소프트웨어로 출시되었다. 익스프레스는 몽고DB 데이터베이스 소프트웨어, AngularJS 프론트엔드 프레임워크와 함께 M..

URL QR 코드 생성기 만들기 들어가며 Node.js를 이용하여 간단하게 URL을 입력하면 해당 URL의 QR 코드를 생성해주는 프로그램을 만들어보자. 방법 필요한 모듈 설치 다음 명령을 실행하여 @npm@을 이용하여 사용자의 입력을 받는 기능을 제공하는 @inquirer@ 모듈과 QR 이미지를 생성해주는 @qr-image@ 모듈을 설치해준다. > npm install inquirer qr-image 코드 작성하기 import inquirer from "inquirer"; import qr from "qr-image"; import fs from "fs"; inquirer .prompt([{ message: "Type in your URL: ", name: "URL", }]) .then((answers..

Node.js에서 모듈 불러오는 방식 (require, import) 들어가며 Node.js에서 모듈(Module)을 불러오는 방식은 크게 2가지가 있다. CommonJS 스타일로 불러오는 @require@ 방식과 ES6 모듈 스타일로 불러오는 @import@ 방식 2가지가 있다. 이 두 가지 방법의 차이점에 대해 알아보자. Node.js에서 require과 import의 차이점? require require는 Node.js의 기본 모듈 시스템에서 사용되는 방법이다. CommonJS 스타일로 모듈을 가져온다. // 파일 시스템 모듈 가져오기 const fs = require('fs'); // 사용자 정의 모듈 가져오기 (상대 경로 사용) const math = require('./math'); requi..

HTML 코드를 이미지로 변환하는 방법 (Html2Image) 들어가며 @Html2Image@ 패키지를 이용하여 간단하게 HTML 코드를 이미지로 변환할 수 있다. 방법 Html2Image 패키지 설치하기 > pip install html2image 예제 코드 다음과 같이 3가지 방법으로 HTML 코드를 이미지 파일로 만들 수 있다. HTML 문자열(String) → 이미지 HTML 파일(@.html@) → 이미지 URL → 이미지 from html2image import Html2Image hti = Html2Image() html = ' A title Some text.' css = 'body {background: red;}' # 1. screenshot an HTML string (css is o..

파이썬을 이용하여 텔레그램(Telegram) 메시지 보내는 방법 들어가며 파이썬(Python)을 이용하여 텔레그램(Telegram) 메시지를 보내보자. 원리는 우선 텔레그램에서 봇을 만든 후, 파이썬 코드를 이용하여 해당 봇에 메시지를 보내는 것이다. 카카오톡 API를 이용한 메시지를 보내는 방법 보다 더 간단하다. 방법 ① 텔레그램에서 봇파더(@BotFather@) 추가하기 텔레그램에서 @BotFather@를 검색한 후, 체크박스(☑️)가 있는 봇파더를 추가해준다. ② 봇 생성하기 아래의 내용들을 차례로 채팅방에 입력하여 봇을 생성하고 API 토큰값을 얻어보자. 새로운 봇 만들기 채팅방에 아래의 메시지를 입력하여 전송한다. > /start > /newbot 봇 이름 지정하기 생성할 봇 이름을 지정해준다..

파이썬을 이용하여 이메일 보내는 방법 (smtplib, email) 들어가며 파이썬 코드를 이용하여 간단하게 이메일을 보내보자. 파이썬에 기본으로 내장되어 있는 @smtplib@ 모듈과 @email@ 모듈을 이용할 것이다. 방법 필요한 모듈 불러오기 이메일을 불러오기 위해 필요한 모듈을 불러온다. 파이썬에 기본으로 내장되어 있는 @smtplib@ 모듈과 @email@ 모듈을 불러올 것이다. import smtplib from email.mime.multipart import MIMEMultipart from email.mime.text import MIMEText from email.mime.image import MIMEImage from email.mime.application import MIMEA..

CSS positon 속성 (static, relative, absolute, fixed, sticky)들어가며CSS의 @position@ 속성에 대하여 정리해본다. @position@ 속성용도문서 상에 요소(Element)를 배치하는 방법을 지정한다.@top@, @right@, @bottom@, @left@ 속성이 요소를 배치할 최종 위치를 결정한다. 속성값 @static@요소를 일반적인 문서 흐름에 따라 배치한다.이 속성값을 사용하면 @top@, @right@, @bottom@, @left@, @z-index@ 속성을 사용할 수 없다.기본값이며, 따로 지정하지 않아도 된다. @relative@일반적인 문서 흐름에 따라 배치되지만, @top@, @right@, @bottom@, @left@ 속성을 사용..

빈 요소(Void Element) 들어가며 HTML에서 빈 요소(Void Element)에 대해 알아보자. 빈 요소(Void Element) 개념 빈 요소는 자식 노드(예, 중첩 요소 또는 텍스트 노드)를 가질 수 없는 HTML의 요소이다. 빈 요소에는 시작 태그만 있다. 빈 요소에는 종료 태그를 지정해서는 안 된다. 종류 @@ @@ @ @ @@ (en-US) @@ @@ @@ @@ (en-US) @@ @@ @@ (en-US) 지원 중단 @@ (en-US) @@ @@ 사용법 빈 요소는 아래와 같이 사용한다. 참고 사이트 빈 요소 - MDN Web Docs 용어 사전: 웹 용어 정의 | MDN 빈 요소는 자식 노드(예, 중첩 요소 또는 텍스트 노드)를 가질 수 없는 HTML의 요소 요소입니다. 빈 요소에는 ..

타입스크립트 프로젝트 만들기들어가며타입스크립트(TypeScript) 프로젝트를 만들어보자. 타입스크립트 프로젝트타입스크립트 개발은 Node.js 프로젝트를 만든 다음, 개발 언어를 타입스크립트(TypeScript)로 설정하는 방식으로 진행한다.Node.js 프로젝트는 디렉터리를 하나 만들고 여기에 @package.json@이라는 이름의 파일을 만드는 것으로 시작한다.보통 @package.json@ 파일은 터미널에 @npm init@ 명령을 실행해 생성한다.> mkdir study> cd study> npm init --yWrote to C:\Users\devastra\Desktop\TypeScript_Study\ch02-01\package.json:{ "name": "study", "version":..

윈도우에서 스쿱(Scoop) 설치하기스쿱(Scoop)이란?명령어로 쉽게 프로그램을 설치하고 관리해주는 도구스쿱은 타입스크립트와 직접적인 관계는 없지만, 타입스크립트 개발 환경을 설정하는 데 유용한 도구이다. 스쿱 설치 방법우선 [관리자 모드]로 파워셸(PowerShell)을 실행한다.그리고 아래의 명령들을 차례대로 실행한다.> Set-ExecutionPolicy RemoteSigned -scope CurrentUser # 명령 실행 후 [A] 입력> $env:SCOOP='C:\Scoop' # 프로그램 설치 경로 지정> iex "& {$(irm get.scoop.sh)} -RunAsAdmin" # Scoop 설치 모든 것이 정상적으로 설치되었다면 @C:\Scoop@ 디렉터리가 만들어지고, 그..

파이썬에서 / 연산자와 // 연산자의 차이점들어가며파이썬에서 @/@ 연산자와 @//@ 연산자의 차이점에 대해서 알아보자. @/@ 연산자 (평범한 나눗셈)@/@ 연산자는 실수 나눗셈을 수행한다.결과는 항상 부동 소수점(@float@) 형태로 반환된다.예를 들어, @7 / 2@의 결과는 @3.5@가 된다. @//@ 연산자 (정수 나눗셈 또는 바닥 나눗셈)@//@ 연산자는 정수 나눗셈을 수행한다.결과는 소수 부분을 버린 후 정수(@int@) 형태로 반환된다.예를 들어, @7 // 2@의 결과는 @3@이 된다. 소수 부분인 @0.5@는 버려진다.@//@ 연산자는 주로 나눗셈 결과를 정수로 얻고자 할 때 사용된다.예를 들어, 리스트의 중간 인덱스를 찾을 때, @(len(lst) - 1) // 2@와 같이 사용하여..

맵(Map)과 리스트(List)의 차이점 들어가며 맵(Map)과 리스트(List)의 차이점을 알아보자. 파이썬에서 맵(Map)과 리스트(List)의 차이점? map과 list는 모두 파이썬의 내장 함수로, 반복 가능한 객체를 다른 형태로 변환하거나 생성하는 데 사용된다. 그러나 두 함수는 다음과 같은 차이점이 있다. 맵(Map) map은 반복 가능한 객체의 각 요소에 특정 함수를 적용하여 새로운 객체를 반환한다. 예를 들어, @map(int, ['1', '2', '3'])@은 문자열 리스트를 정수 리스트로 변환한다. map은 원본 객체를 변경하지 않으며, 반환된 객체는 맵 객체라고 부른다. 맵 객체는 이터레이터(Iterator)이므로 리스트나 튜플 등으로 변환해야 내용을 확인하거나 사용할 수 있다. 리스..

파이썬(Python)에서 try except 문을 사용할 때, 예외(Exception) 정보 출력하는 방법 들어가며 파이썬(Python)에서 @try except@ 문을 사용할 때, 예외(Exception) 정보를 출력하는 방법을 알아보자. 방법 @except Exception as e@와 같이 @except@문을 사용해준다. except Exception as e: 사용 예 try: # 예외가 발생할 수 있는 코드 result = 10 / 0 # ZeroDivisionError 발생 except Exception as e: # 예외가 발생했을 때 실행되는 블록 print(f"예외가 발생했습니다: {e}") 참고 try except finally @try@ 블록 내에서 예외가 발생하면 @except@ 블..

파이썬에서 삼항 연산자(Ternary Conditional Operator) 사용하기 들어가며 C/C++나 Java에서는 다음과 같이 삼항 연산자(Ternary Conditional Operator)를 사용할 수 있다. @condition@이 @true@일 경우, @result_true@ 값을, @false@일 경우, @result_false@를 @variable@ 변수에 대입한다. variable = condition ? result_true : result_false; 파이썬(Python)에서도 이러한 삼항 연산자를 사용할 수 있다. 파이썬에서 삼항 연산자 사용하기 방법 variable = result_true if condition else result_false @if@ 문이 한 문장 안에 들어가..

HAVING 절 개념 SQL에서 HAVING 절은 데이터베이스에서 그룹화된 결과에 대한 필터링을 수행하는 데 사용된다. HAVING 절은 GROUP BY 절과 함께 사용되며, GROUP BY 절로 그룹화된 데이터를 기반으로 특정 조건을 가진 그룹을 선택하는 데 사용된다. 일반적인 HAVING 절의 구문은 다음과 같다. SELECT column1, column2, aggregate_function(column3) FROM table GROUP BY column1, column2 HAVING condition; SELECT: 검색할 열을 지정한다. 일반적으로 그룹화된 열과 집계 함수를 포함한다. table: 데이터를 가져올 테이블의 이름이다. GROUP BY: 그룹화할 열을 지정한다. 이 열을 기준으로 데이..

딕셔너리에 리스트 형태의 값(Value)을 추가하는 방법들어가며보통 딕셔너리에는 '키:값' 형태의 요소 1개만 들어갈 수 있다. (중복이 허용되지 않는다.)코딩 테스트 등을 준비하면서 가끔 동일한 키(Key)를 갖지만, 값(Value)이 다른 요소를 모으고 싶을 경우가 있다.이럴 때, 동일한 키의 값들을 리스트(List)에 넣어준 후, 키의 값으로 지정해주면 된다. 방법아래와 같이 키(Key)와 리스트 형태의 값(Value)이 요소로 있는 딕셔너리를 떠올려보자.my_dict = { 'key1': [1, 2, 3], 'key2': [4, 5, 6], 'key3': [7, 8, 9]} 만약 특정 키의 값인 리스트에 값을 추가하려면 다음과 같이 @extend@ 함수를 사용하여 추가해주면 된다...

코딩 테스트 대비 SQL 문법 정리 들어가며 코딩 테스트를 하루 앞두고 SQL 문법을 정리해본다. ① SQL 쿼리 순서 적는 순서 셰프 왜 구해요 SELECT - FROM - WHERE - GROUP BY - HAVING - ORDER BY - LIMIT 실행 순서 프리웨어 구하세요 FROM - WHERE - GROUP BY - HAVING - SELECT - ORDER BY - LIMIT ② IN 파이썬의 @in@과 같은 느낌으로 사용한다. SELECT CATEGORY, PRICE AS MAX_PRICE, PRODUCT_NAME FROM FOOD_PRODUCT WHERE PRICE IN (SELECT MAX(PRICE) FROM FOOD_PRODUCT GROUP BY CATEGORY) AND CATEG..

웹 요소의 내용 가져오기 (innerText, innerHTML, textContent)들어가며자바스크립트로 웹 요소의 내용을 가져오고 수정하는 방법을 알아보자. 웹 요소의 내용 가져오기① @innerText@ 프로퍼티웹요소.innerText웹 브라우저에서 보이는 내용만 가져온다.@display: none@을 사용해서 화면에서 감춘 요소의 내용을 가져오지 않는다.소스 코드에 공백이 여러 개 입력되어 있어도 웹 브라우저 창에 보이는 대로 공백 1칸만 가져온다. ② @innerHTML@ 프로퍼티웹요소.innerHTML웹 브라우저 창에 어떻게 보이는지와는 상관 없이, 요소 안에 있는 태그(Tag)와 함께 소스 코드에 있는 그대로 가져온다. ③ @textContent@ 프로퍼티웹요소.textContent요소의 ..

자바스크립트(ES6)의 다양한 for 문 : forEach 문, for ... in 문, for ... of 문들어가며자바스크립트 ES6에 있는 다양한 종류의 for 문에 대해 알아보자.자바스크립트에는 for 문, forEach 문, for ... in 문, for ... of 문이 있다. (ES6 기준) ① for 문for (초깃값; 조건; 증가식) { ... } 조건에 들어가는 값이 일정하게 커지면서 명령을 반복 실행할 때 편리하다.몇 번 반복했는지 기록하기 위해 카운터를 사용하고, for 문의 첫 번째 항에서 카운터 변수를 지정한다. 예제 코드const seasons = ["Spring", "Summer", "Fall", "Winter"];for (let i = 0; i  위의 코드에서 백틱(Bac..

==/!= 연산자와 ===/!== 연산자의 차이점들어가며자바스크립트에서 사용되는 @==@ / @!=@ 연산자와 @===@ / @!==@ 연산자의 차이점에 대해 알아보자. @==@ / @!=@ 연산자비교하는 피연산자의 자료형을 자동으로 변환해서 비교한다.숫자 @3@과 문자열 @"3"@을 비교하면, 문자열로 변환해서 비교하므로 2개의 값이 같다고 인식한다.3 == "3" // true3 != "3" // false @===@ / @!==@ 연산자값 뿐만 아니라 데이터 유형(자료형)까지 비교한다.자동으로 자료형이 변환되지 않는다.따라서 자바스크립트를 사용하면서 값을 비교할 때는 @==@, @!=@ 연산자보다 @===@, @!==@ 연산자를 사용하는 것이 좋다.3 === "3" // fals..

파이토치(PyTorch)에서 연산 장치 설정하기 (GPU, CPU) 들어가며 파이토치(PyTorch)에서 연산 장치(GPU/CPU)를 설정하는 코드를 알아보자. 방법 GPU 사용이 가능한 경우 @torch.device@를 @cuda@를 설정하고, 그렇지 않을 경우 @cpu@를 연산 장치로 설정한다. # GPU 설정 (사용 가능한 경우) device = torch.device("cuda" if torch.cuda.is_available() else "cpu") print("device >>" , device)

사이킷런(Scikit-Learn) 라이브러리 설치하기 들어가며 사이킷런(Scikit-Learn) 라이브러리를 설치하는 방법을 알아보자. 방법 > pip install sklearn > pip install scikit-learn ModuleNotFoundError: No module named 'sklearn' 이슈 해결하기 사이킷런 라이브러리가 설치되지 않아서 발생하는 에러이다. 하지만, 아나콘다 가상 환경에서 사이킷런 라이브러리를 설치해도 뜨는 경우가 있다. 이때는 @-u@(@--upgrade@) 옵션을 넣어주고 다시 설치해주면 된다. > pip install -U scikit-learn > pip3 install -U scikit-learn 참고 사이트 Installing scikit-learn T..

아나콘다(Anaconda) 프롬프트에서 실습 환경 세팅하기 (PyTorch) 들어가며 머신러닝(ML), 딥러닝(DL) 실습을 위해 컴퓨터에 아나콘다(Anaconda)를 설치한 후, 아나콘다 프롬프트를 통해 실습 환경을 구축하는 과정을 정리해본다. 실습은 한국 마이크로소프트(Microsoft Korea)에서 AI 프로젝트 제작 용도로 제공해준 애저(Azure) 클라우드 윈도우 VM을 이용하여 진행하였다. (이 클라우드 윈도우 VM을 이용하여 앞으로 2개월 동안 파이토치(PyTorch)를 이용하여 AI 프로젝트를 진행할 예정이다.) 실습하기 이번 실습은 그래픽 카드(NVIDIA Tesla T4)가 내장된 애저(Azure) 클라우드의 Windows Server 2019 VM에서 진행하였다. (이 VM의 자세한..

파이썬 코드를 실행 파일로 만들기 (PyInstaller) 들어가며 파이썬 코드를 실행 파일(@.exe@)로 만들려면 PyInstaller 패키지를 사용하면 된다. PyInstaller를 사용하여 간단하게 파이썬 코드를 실행 파일로 만들어보는 방법을 알아보자. 방법 PyInstaller 설치하기 터미널에서 아래의 명령을 실행하여 PyInstaller를 설치한다. > pip install pyinstaller 실행 파일(@.exe@) 만들기 파이썬 코드로 작성된 파일(@파이썬코드.py@)을 @pyinstaller@ 명령의 인자로 넣어준다. > pyinstaller 예를 들어, @myApp.py@ 파일을 실행 파일(@.exe@)로 만들려면 아래와 같이 명령을 실행한다. > pyinstaller myApp.p..

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

아나콘다 프롬프트를 이용하여 가상 환경 만들기 들어가며 아나콘다(Anaconda)를 설치하고, 가상 환경을 직접 만들어보자. 가상 환경은 의존성 문제를 해결하기 위하여 Python 3.3 버전부터 새로 추가된 기능이다. 방법 우선 아나콘다(Anaconda)를 PC에 설치한다. Anaconda | The World’s Most Popular Data Science Platform Anaconda is the birthplace of Python data science. We are a movement of data scientists, data-driven enterprises, and open source communities. www.anaconda.com 아나콘다 설치를 완료하면, 아나콘다 프롬프트(..

파이썬의 내장 함수를 이용하여 이미지 불러오고 표시하기 들어가며 파이썬에서 기본적으로 제공되는 내장 함수를 이용하여 이미지를 불러온 후, 출력해보자. 방법 파이썬에서 이미지를 불러오고 표현하려면 @requests@, @io@, @PIL@ 모듈(파이썬을 설치할 때 포함되는 내장 함수이다.)을 불러오면 된다. import requests from io import BytesIO from PIL import Image image_url = 'https://storage.googleapis.com/petbacker/images/blog/2017/dog-and-cat-cover.jpg' image = Image.open(BytesIO(requests.get(image_url).content)) image 설명과 ..

2차원 배열을 특정 값으로 초기화 하는 방법들어가며C++에서 2차원 배열을 특정 값으로 초기화 하는 방법에 대해 알아보자.int ary[50][50]; 방법방법 ① : 2중 for 문 사용하기2중 for 문으로 하나하나씩 값을 집어 넣는 아주 기초적인 방법이다.int value = 1; // 초기화 하고자 하는 값for (int i = 0; i  방법 ② : memset 함수 사용하기@memset@ 함수를 사용하여 값을 초기화 하는 방법이다.단, @memset@ 함수를 사용할 경우, @0@ 또는 @-1@로만 초기화 할 수 있다. 함수를 사용하기 위해서는 @@ (또는 @@) 헤더를 불러와야 한다.memset(시작주소, 값, 크기);#include memset(ary, 0, sizeof(ary)); ..

2차원 배열 동적 할당 방법 (new 연산자)들어가며C++에서 @new@ 연산자를 이용하여 쉽게 2차원 배열을 동적 할당할 수 있다. 방법동적 할당int **ary;// 2차원 배열 동적 할당ary = new int*[row];for (int i = 0; i  동적 할당 해제// 2차원 배열 동적 할당 해제for (int i = 0; i  예제#include using namespace std;int row, col, **ary;void Input(int **a, int r, int c) { for (int i = 0; i > a[i][j]; } } cout > row; cout > col; // 2차원 배열 동적 할당 ary = new int*[ro..

multiset(중복 집합) 특징연관 컨테이너(Associative Container) 중 하나이다.연관 컨테이너에는 set, multiset, map, multimap 이 있다.set과 비슷하지만, 중복된 키(Key)를 넣을 수 있다는 차이점이 있다.삽입된 요소들은 기본적으로 오름차순(less)으로 정렬된다. 헤더 파일multiset을 사용하려면 다음의 헤더 파일을 불러와야 한다.#include  멤버 함수 사용 방법set과 사용 방법이 비슷하다.바로가기 : https://dev-astra.tistory.com/247 [C++] set(집합)set(집합) 특징 연관 컨테이너(Associative Container) 중 하나이다. 연관 컨테이너에는 set, multiset, map, multimap 이 ..