프로그래밍217

• 

  [Ubuntu] 구글 계정 연동 우분투에서는 온라인 계정 연동이 기본으로 있어 설치는 필요없다. 구글과 연동해보자. 이전에도 연동했었으나 인증기간이 지나 아래와 같이 에러가 떴다. 새로 연동하는 것도 같으니 같이 진행한다. 먼저 나의 OS 는 Ubuntu 22.04이다.먼저 우측 상단에 [설정]버튼을 누른 뒤 [온라인 계정]을 클릭하면 아래 사진과 같이 연동할 수 있는 목록이 있는데, 구글을 누른다.  인증이 끝나서 다시 접속하라는 메시지가 뜬다. 접속을 하면 아래와 같은 창이 나타나는데, 창을 키울 수 없어 보이지 않지만, 메일, 구글드라이브, 구글 클라우드, 연락처 등 목록이 많다.  이렇게 구글 드라이브와 연동도 되고 휴대폰에서 테스트라고 일정을 등록해봤는데, 이렇게 달력과도 연동이 된다.  사실 잘 사용은 하지 않아서... 사용.. 프로그래밍/Linux 2024. 9. 24.

• 

  [NodeJS] 프롬프트 기반 입출력 처리 백준, 프로그래머스와 같은 알고리즘 문제 사이트를 만들 때, c 또는 cpp 등의 코드(text)를 넘겨주면 .c 또는 .cpp 파일로 저장한 뒤 컴파일하고 실행하여 standard I/O 까지 주는 방법이다. 알고리즘에는 테스트케이스가 여러개이기 때문에 input도 여러 개로 한다. 만약 python code라면 compile과정을 생략한다.  파일은 TypeScript로 작성하였다. 1. 코드import { exec, spawn } from 'child_process';function commandC( path: string, code: string, inputs: string[], outputs:string[], limit_time: number ): Promise { return new P.. 프로그래밍/NodeJS 2024. 9. 23.

• 

  [Ubuntu] Service log 파일 경로 변경 먼저 나의 환경은 Ubuntu 18.04이다. 나의 서비스명은 park-duck-backend.service로 가정한다. Service를 등록하고 StandardOutput=append:[path]로 설정하였지만, 로그를 기록하지 않았다. 로그를 파일로 기록하도록 설정해보자.  먼저 알아보아야 할 것은 1. journalctl 확인아래 명령어를 실행해보면 분명 뭔가를 기록하고 있다. 그러므로 log가 실행되지 않는 것은 아니다.journalctl -u park-duck-page-backend.service -f 만약 실행이 되지 않는다면 아래의 명령어를 통하여 StandardOutput의 설정값을 확인해보자.journal이 아니라면 다른 곳에 메시지로그를 쌓고 있을 수도 있다.sudo systemctl .. 프로그래밍/Linux 2024. 9. 21.

• 

  [VSCode] 커스텀 언어 디버거 만들기 2 (launch.json 설정) 지난 글에서 break point가 설정되도록 p라는 언어 추가와 디버거 기능을 추가하였다. 2024.08.30 - [프로그래밍/VSCode] - [VSCode] 커스텀 언어 디버거 만들기 1 (언어등록, Breakpoint 설정) [VSCode] 커스텀 언어 디버거 만들기 1컴파일러 또는 인터프리터를 만든 후 VSCode 디버거 만드는 방법을 올릴 텐데, 내용이 많으니 핵심만 올릴 거다... 먼저 VSCode에서 무언가를 작업하고 싶으면 Extension을 개발해야 한다. 2024.07.20 - [park-duck.tistory.com 이제 디버그를 누르면 .p파일을 실행하도록 하여야 하는데, 사전 작업이 필요하다.(컴파일러나 인터프리터를 실행하는 것은 아니다)디버그를 시작하면 .p파일이 실행될 거라는.. 프로그래밍/VSCode 2024. 8. 30.

• 

  [VSCode] 커스텀 언어 디버거 만들기 1 (언어등록, Breakpoint 설정) 컴파일러 또는 인터프리터를 만든 후 VSCode 디버거 만드는 방법을 올릴 텐데, 내용이 많으니 핵심만 올릴 거다... 먼저 VSCode에서 무언가를 작업하고 싶으면 Extension을 개발해야 한다. 2024.07.20 - [프로그래밍/VSCode] - [Extension] VS Code extension 시작하기 [Extension] VS Code extension 시작하기VSCode Tool 자체가 Web으로 작성되어있기 때문에 VSCode에서 어떠한 기능을 구현하려면 NodeJS가 설치되어 있어야하고 TypeScript 또는 JavaScript의 사전지식이 필요하다. 즉 VSCode는 WebView인 셈 NodeJS 등 설park-duck.tistory.com 1. 디버거를 만들기 전에...디버거.. 프로그래밍/VSCode 2024. 8. 30.

• 

  [NGINX] Ubuntu에서 MariaDB 와 NGINX 연결하여 phpMyAdmin페이지 구축 OS : ubuntu 18.04NGINX, MariaDB 설치되었다고 가정.방화벽(ufw) db 외부 접속 허용 등은 잘 몰라서 이 글에서는 pass 1. MariaDB Port 확인아래 명령어로 편집기를 열어서sudo vim /etc/mysql/mariadb.conf.d/50-server.cnf port를 확인하고 원하는 port로 설정한다.port = 33006  이후 mariadb 재시작sudo systemctl restart mariadb 2. phpMyAdmin과 php, fpm 설치sudo apt-get install phpmyadmin php-fpm  이후 nginx에서 fpm socket을 통해 phpMyAdmin과 연결을 해주는데, fpm 버전을 적어야하니 php 버전.. 프로그래밍/NGINX 2024. 8. 25.

• 

  [ReactJS] highlight.js 커스텀 language 추가 커스텀 language를 추가하기 전에 code highlight 설정부터 해야한다. 2024.08.24 - [프로그래밍/Javascript] - [ReactJS] code highlight editor (feat. highlight.js) [ReactJS] code highlight editor (feat. highlight.js)1. 실행 결과 2. 원리먼저 highlight.js는 텍스트에 style을 입혀주는 기능을 할 뿐이다.  즉 엘리먼트들을 사용한다는 것인데, textarea나 MUI의 TextField에서는 적용이 불가능하다. 예로 들어 C언어에서park-duck.tistory.com  1. 기존의 언어 추가먼저 highlight.js를 보면 기존의 language들이 있다.   예를 들어.. 프로그래밍/Javascript 2024. 8. 24.

• 

  [ReactJS] code highlight editor (feat. highlight.js) 1. 실행 결과 2. 원리먼저 highlight.js는 텍스트에 style을 입혀주는 기능을 할 뿐이다.  즉 엘리먼트들을 사용한다는 것인데, textarea나 MUI의 TextField에서는 적용이 불가능하다. 예로 들어 C언어에서 "int num = 5;"라는 code는 "int num = 5"라는 html코드로 되어있다.  int는 type이니까 hljs-type의 class이름으로 css를 입힌다... 이런 식인데 textarea와 같은 컴포넌트들은 HTML 코드가 아니니 innerHTML도 불가능하고, css도 입히지 못하는 것이다. 그러면 어떻게 TextEditor를 만드냐면  textarea와 pre&code를 겹치는 것이다. (여기서 pre&code는 hightlight.js 적용방법이다).. 프로그래밍/Javascript 2024. 8. 24.

• [C, C++] 배열과 포인터 차이 (feat. array to pointer decay) 먼저 아래의 코드를 보면 변수 a와 b는 같은 주소를 가르킨다.#include int main() { int a[5] = { 1, 2, 3, 4, 5 }; int* b = a; printf("a : %d\n", a); printf("b : %d\n", b); printf("a(pointer address) : %p\n", a); printf("b(pointer address) : %p\n", b); return 0;}/*a : 6422016b : 6422016a(pointer address) : 000000000061FE00b(pointer address) : 000000000061FE00*/ 그래서 "배열을 가진 변수의 only 이름은 배열의 첫번째 주소를 가진다... 프로그래밍/C,C++,C# 2024. 7. 23.

• 

  [Extension] VS Code extension 시작하기 VSCode Tool 자체가 Web으로 작성되어있기 때문에 VSCode에서 어떠한 기능을 구현하려면 NodeJS가 설치되어 있어야하고 TypeScript 또는 JavaScript의 사전지식이 필요하다. 즉 VSCode는 WebView인 셈 NodeJS 등 설치와 관련된 것들은 Skip한다. 1. VSCode extension package 설치npm install --global yo generator-code   2. Yo(Yeoman) 실행 yo code 실행하면 아래와 같은 화면이 나오는데, Extension 외에도 text highlight 기능이나 자동완성 기능 등에 대한 구현도 가능하다.일단은 New Extension(TypeScript)을 선택  다음과 같은 질문이 나오는데 상황에 맞게 선택.. 프로그래밍/VSCode 2024. 7. 20.

• 

  [어셈블리어] 2. x86_64 scanf 소스코드 작성Hello world를 출력하는 어셈블리어 코드 작성section .data text1 db "What is your name?", 10 ; "Hellow World"문자열을 저장하고 뒤의 숫자 10은 개행문자의 ASCII code이다. text2 db "Hello "section .bss name resb 16section .text global _start_start: call _printText1 call _getName call _printText2 call _printName mov rax, 60 mov rdi, 0 syscall_getName: mov rax, 0 ; rax 0번은 표준 입력이다. mov.. 프로그래밍/Assembler 2024. 6. 9.

• 

  [어셈블리어] 1. x86_64 Hello world 사용환경OS: Ubuntu 20.04어셈블리어 설치먼저 Assembler를 설치한다.NASM(Netwide Asembler)는 x86-64 아키텍처용으로 설계된 에섬블리어로 오픈소스이다. sudo apt-get install nasm 소스코드 작성Hello world를 출력하는 어셈블리어 코드 작성section .data ; 데이터 섹션 정의. text db "Hello World", 10 ; "Hellow World"문자열을 저장하고 뒤의 숫자 10은 개행문자의 ASCII code이다.section .text ; 코드섹션 정의. global _start ; _start 레이블을 전역으로 선언한다. 이는 프로그램의 진입점(main 함수와 같은 역할)이다._start: mov .. 프로그래밍/Assembler 2024. 6. 9.