전체 글400

• 

  개인 Cloud Server 만들기(feat.NextCloud) 며칠 전 Windows에 문제가 생겨 포맷을 했다. 그러다 생각난 것이 백업...  사실 집 Desktop은 Youtube와 게임용이기에 상관없지만, 폰을 잃어버리면 나의 사진이 날라가는 것이다. One Drive 용량도 찼다고 메일이 왔기에, 돈내기는 싫고 집에서 굴러다니는 라즈베리파이로 개인 Cloud 서버를 만들어 보자. * NGINX로 진행하려 했으나 관리자계정생성에서 무한루프 돌고 로그인이 안되서 APACHE로 변경...  1. APACHE2 설치sudo apt-get update && sudo apt-get upgrade -ysudo apt-get install apache2 -y 이후 본인의 ip를 접속하여 APACHE가 설치되었는지 확인2. MariaDB 설치/설정MariaDB 설치와 보안.. 프로그래밍/Linux 2024. 10. 16.

• [React] MUI: Warning Failed props type error MUI 컴포넌트에서 Failed props type: The prop xs of Grid can onpy be used together with the item prop 에러 발생 console에는 에러라고 하지만 사실상 경고문. 문장을 읽어보면 item props와 함께 사용 가능하다고 하는데, 간단하게 Grid props에 item을 설정해주면 된다. 프로그래밍/Javascript 2024. 10. 7.

• 

  창원 무학산 등산코스 주차장네비에 무학산 주차장 치면 백운사 바로 앞 주차장이 뜰 것이다. 차는 약 20~30대 주차가 가능한데, 주차장이 만석이라면 입구에 올라오는 길에 주차하여도 된다. 분명 작년 겨울쯤엔 10시에 갔어도 주차 자리가 있었는데... 2024년 여름이 지난 10월 초쯤에는 꽉꽉 차서 입구 길목에 주차를 하였다. 근데 백운사에서 뭔가를 하고 있었는데 , 이 때문에 주차장이 찬거일 수도....  등산코스작년에 창원으로 내려와 처음으로 등산한 곳이 무학산이다.그때는 몸무게도 좀 나가고... 헥헥거리며 올라갔다. 무학산은 초반, 마지막쯤에 휴식할 공간이 많고 중간쯤에는 없다.초반에는 약수터가 있다.  큰 나무데크에 쉴 곳도 있지만, 여기는 너무 초반이라 정말 체력이 좋지 않은 사람에게 쉴 공간이다.물론 주차장까지 .. 등산 2024. 10. 5.

• 

  [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] 커스텀 언어 디버거 만들기 3 (인터프리터 설정) vscode에서 수행되어야 할 디버그 순서는 아래와 같다 1. 컴파일러 or 인터프리터 실행2. 어떤 코드를 실행할지 지정3. 디버그 먼저 1번을 하기 위해 python 라이브러리 PLY(Python Lex Yacc)을 설치하고간단하게 변수 대입, 사칙연산, print 딱 3가지만 구현해 보자.  1. Python 인터프리터 만들기먼저 어휘분석&토큰화를 담당하는 lexer.py부터 구현import ply.lex as lex# 토큰 리스트 정의tokens = ( 'NUMBER', 'PLUS', 'MINUS', 'TIMES', 'DIVIDE', 'LPAREN', 'RPAREN', 'EQUALS', 'PRINT', 'NAME')# 리터럴 정의t_PLUS = r'\+'t_MINU.. 카테고리 없음 2024. 9. 15.

• 

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