티스토리

석봉노트
검색하기

블로그 홈

석봉노트

seokbong.tistory.com/m

다 까먹는 사람

구독자
2
방명록 방문하기

주요 글 목록

  • React redux (toolkit) 간단 사용법 1. installnpm install redux react-redux @reduxjs/toolkit  2. src > redux 폴더 생성 > store.js 생성 (src/redux/store.js)import React from 'react';import { configureStore } from '@reduxjs/toolkit';export default configureStore({ reducer: {},});  3. index.js (파일명은 다를 수 있으나 리엑트의 시작점 파일을 찾아가자)을 로 감싸주자.import { StrictMode } from 'react'import { createRoot } from 'react-dom/client'import './index.css'import.. 공감수 0 댓글수 0 2025. 1. 22.
  • SOAP(Simple Object Access Protocol) SOAP (단순 객체 접근 프로토콜, Simple Object Access Protocol) - 웹 서비스에서 데이터를 교환하기 위해 사용되는 프로토콜 1. XML 형식의 데이터(메시지) 전달 - XML(Extensible Markup Language) : 데이터를 저장, 검색, 공유할 수 있는 마크업 언어 2. WSDL 표준 인터페이스 사용 - WSDL(Web Services Description Language) : 웹 서비스 기술 언어 또는 기술된 정의 파일의 총칭 3. ACID 트렌젝션과 같은 복작한 작업 지원 - ACID(Atomicity, Consistency, Isolation, Durability) : 원자성, 일관성, 격리성(고립성), 지속성 - 트렌젝션 : 여러 개의 작업을 하나로 묶는.. 공감수 0 댓글수 0 2025. 1. 11.
  • 일본 자차여행 3. UFO LINE와 세토나이카이 서킷 (瀬戸内海サーキット )에서 만난 Mazda 벌써 여행이 마무리가 보인다. 이번 여행의 메인 계획이 마쯔다 뮤지엄이였다면 그 다음 포인트는 이 UFO 라인라고 할 수 있다. 사실은 바이크 타시는 분들에게 유명한 곳이라고 한다. 출발하는 배편에 바이크를 타시는 분이 8명 정도 있던 것으로 기억하는데 대부분 츠노시마 대교와 이 시고쿠 UFO LINE (또는 시코쿠카르스트)를 간다고 하셨다.(실제로 시코쿠는 바이크를 타시는 분들이 많이 오는 여행지며 시코쿠에 있는 동안 많은 한-일 바이크 여행객을 보았다.) 일본 기준으로는 크게 도로가 좁지는 않지만 한국인 기준으로는 좁은 곳이라고 할 수 있다. 그래도 차가 많은 곳은 아니기 때문에 운행에 큰 불편함은 없을 것이다. 이 곳은 사진을 많이 찍지 못하였다. 영상으로 남겨두었으니 UFO 라인을 여행하고자 하는.. 공감수 2 댓글수 1 2025. 1. 5.
  • Linux (Ubuntu) Code-server 설치: 웹 / iPad 에서 VsCode 사용하기. 아이패드를 구입하고 나서 집에 남는 라즈베리파이를 이용하여 VS Code를 돌리려고 했다.(근데 결국 남는 PC를 사용함, 라즈베리파이에서 동작 가능함은 확인) 아이패드에서는 VS Code를 사용하지 못하기 때문에 서버에 Code-server를 띄워두고 웹에서 접속하는 방법으로 접근하려고 했다. 본인은 집 공유기가 포트포워딩과 DNS 서비스를 제공하여 도메인을 따로 등록하지 않아도 되었다.(TPLink 사용중) 그리하여 TP LINK 공유기를 기준으로 설명한다. 준비물1. 우분투(리눅스)를 돌릴 수 있는 무언가 (라즈베리파이, PC, EC2 등...) 1. code-server 설치// 1. 설치curl -fsSL https://code-server.dev/install.sh | sh// 2. 실행sud.. 공감수 0 댓글수 1 2024. 12. 29.
  • 라즈베리파이 우분투 설치하기 https://www.raspberrypi.com/software/ Raspberry Pi OS – Raspberry PiFrom industries large and small, to the kitchen table tinkerer, to the classroom coder, we make computing accessible and affordable for everybody.www.raspberrypi.com Raspberry Pi Imager 다운로드. sd카드 연결 후 Install > 운영체제 > Other general-purpose OS > Ubuntu 선택 후 설치 공감수 0 댓글수 0 2024. 12. 16.
  • linux (리눅스, 우분투 등...) 포트 오픈하기 # UFW 설치 및 활성화sudo apt install ufwsudo ufw enable# 포트 오픈하기 예시sudo ufw allow 8080# 포트 상태 확인sudo ufw status 공감수 0 댓글수 0 2024. 10. 15.
  • Node js 기본 틀 app.jsconst express = require('express');const path = require('path');const morgan = require('morgan');const dotenv = require('dotenv');const cors = require('cors');dotenv.config();const app = express();app.set('port', process.env.PORT || 4401);app.use(cors({ origin: ['*'], methods: ['GET', 'POST', 'HEAD', 'PUT', 'DELETE'],}));app.use(morgan('dev'));app.use(express.static(path.join(__dirname, .. 공감수 0 댓글수 0 2024. 10. 10.
  • React Three Fiber (react-three) 메모장 1 app.js/** * @fiber : Three.js를 React 스타일로 쉽게 사용할 수 있도록 해주는 라이브러리 * ㄴ @Canvas : Three.js의 캔버스 (3D 객체 렌더링 담당) * @Experience : (사용자 지정 컴포넌트) * @Physics : 충돌, 중력 등 물리 효과를 구현하기 위해 사용 * @Suspense : 비동기적인 데이터 로딩을 처리할 때 사용, * 3D 모델이나 리소스를 로딩하는 동안 랜더링을 지연시켜 로딩이 끝나기 전까지 앱이 중단되지 않도록 도와줌 */import { Canvas } from "@react-three/fiber";import { Physics } from "@react-three/rapier";import { Experience } from .. 공감수 0 댓글수 4 2024. 10. 7.
  • yarn 설치하기 // yarn installsudo npm install -g yarn// package installyarn add {패키지명} 공감수 0 댓글수 1 2024. 10. 7.
  • 일본 자차여행 2. 히로시마, 후쿠야마, 구라사키, 시코쿠 9월 15일 일요일  원래는 히로시마에서 커피 원두를 구입하고 바로 시코쿠로 내려가려고 했었다. 근데 왜 내려가지 않고 그냥 지나갔느냐...? 가보니 쉬는 날이었다...(J는 모를 P의 숙명...) 동승자(J)한테 혼나고 말았다. 🥲 사실 마쯔다 뮤지엄도 이 날로 예약을 했어야 가장 좋은 일정이 되는데 이 조차 예약제인지 모르고 늦게 예약하여 목요일 일정으로 등록되었다... 사실 P인 나는 "가보고 못 보면 말고" 마인드지만 동행한 J 친구는 이해를 하지 못하더라. 아무튼 일요일은 다음 숙소인 구라사키까지 국도를 통해 천천히 이동하였다. 시코쿠를 가지 않은 것이 오히려 운이 좋았던 걸까...? 숙소 방향으로 가는 중 아주 멋있는 차를 발견하였다.  람보르기니 쿤타치 운이 좋게도 지나가는 길 편의점에 쿤.. 공감수 15 댓글수 9 2024. 9. 27.
  • 일본 자차여행 1. 부산항, 시모노세키, 미네시, 히로시마 그리고 일본 국도 *이상하게 본인 구글 지도 타임라인은 직선이 하나 더 생김, 이 점 미리 알림9월 12일 목요일 친구를 데리러 구로(회사)에서 충주로 이동하였다.이후 숙면...9월 13일 금요일 배를 타기 위해 부산으로 이동하였다. 배는 "부관훼리(부산훼리)"를 이용...! 점심은 부산에서 유명하다는 "이재모 피자"를 먹었다. 그냥 맛있는 시장 피자 정도의 느낌이지만 치즈크러스트는 꼭 먹어보시는 걸 추천한다...!(피자 손잡이 강추...!) 아마 부관훼리를 이용하면 차량 임시 수출입 고객은 2시 반까지 터미널로 오라고 안내를 해준다. 터미널 주차장을 이용하시면 되며 주차비는 비싸지 않았다. 나중에 세관 앞에 차량을 잠시 정차하고 서류 작업을 진행하는데 바이크 같은 경우는 해당 위치에 미리 주차하시는 분들도 보았다. 공.. 공감수 9 댓글수 5 2024. 9. 25.
  • trumbowyg color picker bug Problem with color selection. trumbowyg.color.js// Original codefunction colorTagHandler(element, trumbowyg) { var tags = []; if (!element.style) { return tags; } // background color if (element.style.backgroundColor !== '') { var backColor = colorToHex(element.style.backgroundColor); if (trumbowyg.o.plugins.colors.colorList.indexOf(backColor) >= 0) { .. 공감수 0 댓글수 0 2024. 9. 4.
  • trumbowyg table bug How to fix a bug where the table width changes randomly. trumbowyg.table.js// Original codevar setColWidths = function ($table, tableState, isUnitPercent = false) { var $colgroup = $('colgroup', $table); var $cols = $('col', $colgroup); var tableWidth = $table[0].offsetWidth; $table.css({ maxWidth: $table[0].offsetWidth, }); var columnCount = tableState[0].length; var.. 공감수 0 댓글수 0 2024. 9. 4.
  • Node js/Redis Node(Javascript) 환경에서 Redis를 연결하고 사용하기. 결론부터 말씀 드리면... (코드만 보실 분은 해당 코드 참조, 본문은 아래로 이동)////////////// 1. 연결 //////////////const redis = require('redis');const client = redis.createClient();client.on('error', (error) => { console.log('Redis error : ', error); });client.on('connect', () => { console.log("Redis connected") });client.connect();////////////// 2. SET //////////////// >> SET(key, value)await client.set('data', data);////////.. 공감수 0 댓글수 0 2024. 8. 29.
  • Redis/MacOs Redis 설치 1. 설치brew install redis + brew가 설치되어 있지 않은 경우...https://seokbong.tistory.com/5 Mac OS Brew 설치(본 내용은 M1 Mac OS를 기반으로 합니다. Intel Mac 또한 path 설정을 제외하고 비슷할 것으로 예상) Mac OS 에서 Brew 설치 방법을 알아보자. 우선 Brew 홈페이지에 접속한다. 주소는 다음과 같다. https://breseokbong.tistory.com 2. redis 서버 실행redis-server  3. 새로운 터미널을 통해 cli 실행redis-cli 공감수 0 댓글수 0 2024. 8. 29.
  • Redis/MacOs Redis 설치 후 "Could not connect to Redis at 127.0.0.1:6379: Connection refused" 에러 MacOs에서 Redis를 설치한 후 Could not connect 에러가 발생. 에러(base) iMac:~ seokbong$ redis-cliCould not connect to Redis at 127.0.0.1:6379: Connection refusednot connected> 다른 블로그의 글을 봤는데 나에게는 해당이 되지 않았고 그냥 재실행 하니 되었음. 재실행(base) iMac:~ seokbong$ brew services restart redis==> Successfully started `redis` (label: homebrew.mxcl.redis)(base) iMac:~ seokbong$ redis-cli127.0.0.1:6379> brew로 설치하였기 때문에 "brew servi.. 공감수 1 댓글수 0 2024. 8. 29.
  • Certbot을 통해 무료 SSL 발급받기(임시 및 갱신) certbot으로 ssl 발급 - 도메인은 미리 준비하자 - 가비아와 같은 서비스를 이용하면 저렴하게 이용 가능한 도메인이 존재함// apt updatesudo apt update// certbot 설치sudo apt install certbot python3-certbot-nginx// nginx에서 발급받아야 함.// systemctl status nginxsudo systemctl stop nginx// 방화벽 확인sudo ufw allow 80sudo ufw allow 443// 도메인은 미리 준비하자. (본인은 가비아 사용)sudo certbot --standalone -d certonly// 다음과 같이 진행됨// Saving debug log to /var/log/letsencrypt/le.. 공감수 0 댓글수 0 2024. 8. 19.
  • linux systemctl을 사용하지 못하는 경우 *systemctl이 사용 불가한 경우 다음 명령어를 사용sudo service 명령어 - start, stop, restart, status 공감수 0 댓글수 0 2024. 8. 13.
  • CSS Scroll 제거 기능은 살리고 스크롤만 제거 기능까지 죽이고 싶은 경우 overflow 속성을 수정하자! .class-name { -ms-overflow-style: none; scrollbar-width: none; } 공감수 0 댓글수 0 2024. 6. 21.
  • Zendesk ZCLI React App 생성 1. libsecret 설치https://seokbong.tistory.com/291 libsecret install// Debian/Ubuntusudo apt install libsecret-1-dev// Red Hat-basedsudo yum install libsecret-devel// Arch Linuxsudo pacman -S libsecret// MAC OSsudo brew install libsecretseokbong.tistory.com 2. zendesk zcli 설치// 설치npm install @zendesk/zcli -g// 확인zcli help 3. profile 등록// 로그인zcli login -i// 프로필 확인zcli profiles:list// 프로필 변경zcli prof.. 공감수 0 댓글수 0 2024. 6. 14.
  • libsecret install // Debian/Ubuntusudo apt install libsecret-1-dev// Red Hat-basedsudo yum install libsecret-devel// Arch Linuxsudo pacman -S libsecret// MAC OSbrew install libsecret 공감수 0 댓글수 0 2024. 6. 14.
  • Nginx 로그 설정 // 로그 수정sudo vi /etc/nginx/nginx.conf //===================================// nginx.conf 내용 변경http { # http 블럭 내부 내용... # 하단 로그 포멧 추가 log_format custom '"$time_local" client=$remote_addr ' 'method=$request_method request="$request" ' 'request_length=$request_length ' 'status=$status bytes_sent=$bytes_sent ' 'bod.. 공감수 0 댓글수 0 2024. 6. 11.
  • Nginx, NodeJs CORS 에러 참고 사항 Nginx(config)와 NodeJs 양측 모두에서 CORS를 처리하면 중복 문제로 에러가 발생할 수 있다. 한쪽(주로 노드)에서 처리하는것을 추천한다. 공감수 0 댓글수 0 2024. 6. 11.
  • AWS EC2로 파일 전송하기 scp -i {aws ec2 접속 키.pem} {전송할파일} {ubuntu}@{ec2-instance-public-dns}:{ec2에 저장할 경로} 공감수 0 댓글수 0 2024. 6. 11.
  • Node js X-API-KEY 생성기 (발급) 사실 API-KEY를 랜덤하게 생성해주는 웹 사이트도 많다. 아무거나 사용해도 무관하다. const crypto = require('crypto');// 무작위 api-key 발급function generateApiKey() { return crypto.randomBytes(32).toString('hex'); }const apiKey = generateApiKey();console.log(`Generated API Key: ${apiKey}`); 위 코드로 발급하여 사용 가능 사용 예시// Request 예시const url = ${API_TARGET_URL};const options = { method: 'POST', headers: { 'Content-Type': 'application/j.. 공감수 0 댓글수 0 2024. 6. 10.
  • Linux (Ubuntu) 노트북 클램쉘 모드 / 닫아도 절전모드 들어가지 않게 하기 // config 파일 열기 (vi, vim, nano 등 편집기 사용)sudo vi /etc/systemd/logind.conf// #HandleLidSwitch의 #를 지워 주석을 지우고 다음과 같이 수정HandleLidSwitch=ignore// vi 에디터 저장 후 종료, logind 재실행sudo service systemd-logind restart 공감수 0 댓글수 0 2024. 6. 8.
  • Linux (Ubuntu) ssh 설치 / ssh 접속 우분투 설정// apt 업데이트 및 ssh 설치sudo apt updatesudo apt install openssh-server// 설치 후 상태 확인sudo systemctl status ssh// ssh 실행sudo systemctl enable sshsudo systemctl start ssh// 방화벽 확인sudo ufw status// 방화벽 활성화 - 비활성화 : sudo ufw disablesudo ufw enablesudo ufw allow ssh// tcp/udp 허용 - 비허용 : sudo ufw deny 22sudo ufw allow 22// *systemctl이 사용 불가한 경우 "sudo service 를 사용// 명령어 - start, stop, restart, status .. 공감수 0 댓글수 0 2024. 6. 8.
  • Linux (Ubuntu) 설치 후 무선 네트워크 연결 방법 // permission 문구 발생시 맨 앞에 sudo 사용// ex) sudo nmcli device// 현재 wi-fi 장치 확인nmcli device// wi-fi 네트워크 검색nmcli device wifi list// 네트워크 연결nmcli device wifi connect "네트워크 이름" password "비밀번호"// 현재 wi-fi 장치 재확인nmcli device 공감수 1 댓글수 0 2024. 6. 8.
  • Nginx 다운로드 및 기본 설정방법 (+ EC2 with NodeJs) nginx 설치 및 기본설정// nginx 설치 (설치시 자동 실행)sudo apt updatesudo apt install nginx// nginx 상태확인sudo systemctl status nginx  EC2에서 apt install로 정상적으로 설치되었다면 설치한 EC2의 퍼블릭 IPv4 주소로 접속하면 위와 같은 화면이 출력된다. 그다음 설정을 진행하자.// nginx 설정 (nano, vi, vim 등 원하는 에디터 사용)sudo vi /etc/nginx/sites-available/default 내용을 다음과 같이 수정 proxy_pass는 local 및 node js의 포트로 설정하였다.(EC2 내에서 수신받는 대상 >> localhost)server { listen 80; s.. 공감수 0 댓글수 0 2024. 6. 4.
  • Conda/Pytorch 설치 (Winodws) 해당 게시물은 24년 5월 기준으로 작성되었습니다.환경기준 - Windows 101. Conda install (Window)https://www.anaconda.com/download/success Download Now | AnacondaAnaconda is the birthplace of Python data science. We are a movement of data scientists, data-driven enterprises, and open source communities.www.anaconda.com 2. path setting 3. conda env 생성 (p3.8은 가상환경 이름)conda create -n {가상환경이름} python=3.8  4. 설치 확인 (env list)c.. 공감수 0 댓글수 2 2024. 4. 28.
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.