전체 글

공부한 내용을 정리합니다
Project Record/Project

1~2인 가구를 위한 레시피 재료양 계산기

2인 프로젝트이며 저는 디자인으로 참여했습니다.로직 담당 macaron : https://spacemacaron.tistory.com/https://cafe9kitsune.github.io/smart-measuringcup/ 레시피 계산기레시피의 분량을 원하는 비율로 줄여보세요!cafe9kitsune.github.io 프로젝트 계기macaron : 저는 베이킹을 취미로 하는데, 대부분 4~6인용, 그 이상을 산정하고 재료양이 기재되어있어서 매번 대량으로 만들고 냉동보관하느라 다른 요리 못 만들고 그것만 먹어야되는 사태가 발생하는 것이 아쉬워 그때그때 소량만 구워 먹을 궁리를 하다 만들었습니다. enerG : 저는 원활하게 얻어먹으려고 참여했습니다. 활용법베이킹 뿐 아니라 재료와 재료양만 입력하면 원하는 ..

Programming/Git

github permission 문제 해결 (SSH연결)

푸시를 하려고 했더니 뜨는 아래와 같은 오류를 해결하기 위해 방법을 알아보았다.나는 2단계 인증을 사용하기 때문에.. 퍼스널 액세스 토큰을 쓰기엔 1년마다 만료되는 게 너무 귀찮았기 때문에 SSH연결로 해결하였다.$ git pushremote: Permission to Cafe9Kitsune/smart-measuringcup.git denied to enerGneer.fatal: unable to access 'https://github.com/Cafe9Kitsune/smart-measuringcup/': The requested URL returned error: 4031. SSH 키 생성window환경이었기에 우선 명령 프롬포트를 실행후 공개키를 생성했다.ssh-keygen -t ed25519 -C ..

Programming/Python

Python / 엑셀 데이터 변환 자동화

API 만들 때.. 엑셀의 노가다를 자동화해보기 위해 파이썬 기초밖에 모르지만 냅다 지피티에게 도움요청해서 시도해봤는데이게.. 되네..!아직 개선의 여지는 있지만 우선 유용하게 사용하고 있다.코드의 기능사용자로부터 엑셀 파일 경로와 특정 열 이름을 입력받는다. = 매번 달라지는 엑셀 경로와 열 이름을 입력받아 유연하게 처리할 수 있는 구조엑셀 파일 내 모든 시트를 순회하며 각 시트의 데이터를 가공하여 JavaScript 파일로 변환한다.각 시트의 데이터는 'latlng' 좌표, 이름, 거리 정보 등을 포함한 객체로 변환되며, 해당 데이터를 `var pointList = []` 배열 형식으로 저장한다.변환된 데이터는 엑셀 파일 이름과 동일한 하위 디렉토리를 생성하여, 시트 이름을 파일명으로 한 JavaSc..

Programming/Python

MacOS에서 Python 설치하기

왕초보용! 파이썬 설치하기 간단 튜토리얼.맥에서는 '3' 을 붙이는 것이 중요했다.파이썬 설치 방법Python 공식 웹사이트에 접속하여 최신 버전의 파이썬 설치 파일을 다운로드한다.설치가 완료되면 터미널을 열고 다음 명령어를 입력하여 설치가 제대로 되었는지 확인한다. python3 --version판다스 설치파이썬 설치 후, 라이브러리인 판다스를 설치할 수 있다. 터미널에서 다음 명령어를 실행하면 된다.pip3 install pandas파이썬 파일을 실행하려면맥 터미널에서는 cd /path/to/your/file 처럼 직접 패스를 지정하여 이동할 필요가 있는 반면에,VScode에서는 자동으로 현재 디렉토리로 이동되어있어서 편하다.만약 파일이름이 example.py 라면 아래와 같이 입력하면 실행된다. p..

in JAPAN

일본 금융 수단 마련하기 - 유쵸통장, 페이페이 만들기 (+핸드폰)

취로비자나 워홀비자로 처음 일본에 가서 만들 수 있는 통장은 유쵸은행밖에 없다고 보면 된다.취로비자인 경우 입사 전 타 은행에서 계좌 개설을 신청하면 재직증명서가 필요하다고 한다. 근로계약서만으로는 불충분하다고 반려당했다.그리고 페이페이는 통장이 없어도 핸드폰 번호만 있으면 만들 수 있다. 입금은 편의점 ATM으로도 가능하다.1. 유쵸통장 만들기요즘에는 유쵸에 바로 방문하면 예약 하고 방문하라고 하는데, 예약 방문 없이 그냥 앱으로 바로 신청하면 된다.아래 페이지에서 다운로드 가능하다.https://www.jp-bank.japanpost.jp/app/tetsuzuki/app_tz_index.html ゆうちょ手続きアプリ-ゆうちょ銀行口座開設 暗証番号再登録 ゆうちょ銀行のお手続きが あなたのスマホで。 「ゆうちょ手..

Project Record/Customize Tistory

티스토리 스킨 카테고리에 마우스 오버 이벤트 적용하기

현재 제 커스텀 스킨 카테고리에 마우스 오버 시 줄이 생기는 이벤트에 대한 포스팅 요청을 받아 작성합니다. 티스토리 클래스의 구조 우선 카테고리를 커스터마이징 하려면 카테고리의 클래스 구조를 이해해야 합니다. 아래 이미지처럼 상위 카테고리에는 .link-item 클래스가 적용되어 있으며, 하위 카테고리에는 .link-sub-item 클래스가 적용되어 있습니다. 이는 hELLO스킨 기준이며, 다를 수도 있으므로 개발자 도구를 열어 정확한 클래스를 확인해보면 됩니다. 기본 CSS 설정 #sidebar #category .tt_category ul li::after { width: 0%; height: 2px; position: absolute; transition: width 0.4s; background-..

Project Record/Project

모듈화 과정에서 발생한 문제 해결 및 보안 고민 정리

프로젝트 모듈화 과정에서 발생한 문제를 해결한방법과 보안에 대해 고민한 부분을 정리했습니다. 모듈화란? 모듈화는 소프트웨어 개발에서 중요한 단계 중 하나로, 코드를 작은 모듈로 분리하여 관리 및 유지보수를 용이하게 합니다. 1. 파일경로 문제 해결 : import file not found 문제 상황 이전에는 모두 동일한 파일에 있었는데 모듈화를 하며 다른 파일로 나눠지게 되었습니다. project/ ├── server/ │ ├── processChatGPTRequest.js │ └── lambda/ │ └── handler.js └── public/ └── index.html 이 상황에서 lambda 디렉토리 내의 handler.js가 processRequest.js 모듈을 import 해와야 하는 구..

Programming/Back-end

AWS Lambda 배포 시 CORS 문제 해결 : has been blocked by CORS

CORS(Cross-Origin Resource Sharing) 오류 메시지 Access to XMLHttpRequest at 'URL' from origin 'origin' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. CORS 오류는 웹 애플리케이션이 다른 출처(origin)의 리소스에 접근하려 할 때 발생하는 오류입니다. 보안상의 이유로 브라우저는 다른 출처의 리소스에 대한 요청을 차단하는데, 이때 서버 측에서 CORS 정책을 설정해야 합니다. 1. AWS Lambda 콘솔에서 CORS 설정 CORS 오류를 해결하기 위해서는 우선 서버 측에서 Acc..

Programming/Basics

Bash 스크립트 실행 시 올바른 경로를 입력했음에도 오류 메시지가 뜨는 문제

Bash 스크립트에서 숨겨진 특수 문자 문제 해결하기 Bash 스크립트를 실행할 때, 올바른 파일 경로를 입력했음에도 다음과 같은 오류 메시지가 나타났습니다. rm: cannot remove ''$'\342\200\252''파일경로': No such file or directory 이 메시지는 파일 경로에 유효하지 않은 문자가 포함되어 있음을 나타냅니다. 위 메시지를 보면 파일 경로 외에도 '$'\342\200\252'' 라는 문자가 포함되어 있는 점을 확인할 수 있습니다. 즉, 파일 경로에 숨겨진 특수 문자가 포함되어 있던 것입니다.. 복사-붙여넣기 시 발생할 수 있는 문제라고 합니다. 해결 방법 경로 문자열 확인: 경로 내의 숨겨진 특수 문자나 공백을 찾아내고 제거합니다. 텍스트 편집기에서 이러한 숨..