![]()
문서를 쓸 때, 화살표 같은 기호를 써주면 내용이 훨씬 눈에 잘 들어올 때가 있다. 예를덜어서 주가가 xx% 올랐다고 할 때, 그냥 '주가 xx% 상승'이라고 쓰기보다는 'xx% ↑' 이렇게 적어주면 훨씬 직관적으로 보인다. 반대로도 'xx% ↓'이라고 하는 것이 더 잘 보인다. 상태 변화 표현도 마찬가지다. A -> B, A A → B, A ← B 이렇게 쓰면 좀 더 눈에 잘 들어온다. 그런데 문제는, 맥북에서 이런 기호를 쓸 때마다 Fn 키를 눌러서 이모지/기호 창 열고, 아래로 쭉 내려가서 화살표를 찾아야 해 꽤 번거롭다는 것이다. 그래서 이걸 좀 더 편하게 입력할 수 있는 방법을 정리해보았다. 글 끝에는 한 번에 설정할 수 있는 파일도 같이 넣어두었다. 텍스트 대치 기능방법은 생각보다 단순한데, ..
배경슬랙에 출근/퇴근 메세지가 오면 다음과 같이 Google 스프레드시트에 자동으로 기록되게 하는 기능이 필요하여 개발을 진행함.날짜출근시각퇴근시각업무시간2026-01-1009:00:0018:00:009 기술Slack Events API: 메시지 등록 감지Google Apps Script: 백엔드 역할(서버리스)Google Sheets: 데이터 저장소 역할 📋 1. Slack App 생성1-1. Slack App 만들기 (Oauth & Permissions 설정)Slack API 페이지 접속Create New App 클릭From scratch 선택App Name: attendance-bot적용하고자 하는 Workspace 선택 후 Create App 1-2. Bot Token Scopes 설정왼쪽 메뉴..
npm (Node Package Manager)역할: Node.js 패키지 관리자주요 기능:패키지 설치/관리: npm install 패키지명의존성 관리스크립트 실행: npm run 스크립트명패키지 버전 관리npx (Node Package eXecute)역할: npm 패키지를 실행해주는 도구특징: npm 5.2.0부터 기본으로 포함됨주요 장점:임시 실행: 패키지를 설치하지 않고도 실행 가능최신 버전 사용: 항상 최신 버전을 다운로드해서 실행로컬 패키지 우선: 프로젝트의 로컬 패키지를 먼저 찾음 예시npm 사용# 패키지 설치 후 사용npm install -g create-react-app # 글로벌 설치create-react-app my-app # 직접 실행# 로컬 설치 후 사용npm ins..
변수를 setState로 수정했는데 업데이트 된 값이 나타나지 않는 문제예를 들어, 다음과 같이 투두 앱을 만들 때 할일 목록에 할일 추가하는 버튼을 만드는 상황이라고 해보자.import { useState } from 'react';export default function App() { const [todos, setTodos] = useState(['할일 1', '할일 2']); const addTodo = () => { let newTodos = todos; newTodos.push('새로운 할일'); setTodos(newTodos); console.log(newTodos); }; return ( {todos.map((todo, inde..
![]()
블로그에다가 기록을 하면서 나의 궤적을 살펴봐야겠다고 마음먹고 티스토리를 시작했다. 그런데 개발자 블로그로 쓰기에는 티스토리에서 제공해주는 디자인들이 마음에 딱히 드는게 없더라. 그래서 좀 찾아보니 다른 친절한 웹 개발자, 웹 디자이너분들이 직접 만들어놓은 파일을 업로드하기만 하면 스킨을 바꿀 수 있고 심지어 html, css, js를 조금 다룰 줄 알면 입맛에 맞게 커스텀할 수도 있다고 한다. 많은 사람들이 추천하는 티스토리 개발자 블로그용 스킨으로는 정상우님이 만든 hELLO 스킨이 있어서 나도 그걸 쓰기로 했다. hELLO 스킨 다운받기 정상우 님의 블로그(https://pronist.tistory.com/5)에 가보면 hELLO 스킨을 다운받을 수 있다. 스킨에 대한 여러가지 내용이 있지만 사용..
오늘은 장고를 로컬에서만 만들다가 아마존 eks를 이용해서 상시 접근 가능한 원격서버를 구축하는 흐름을 머릿속에 넣어보았다. 준비물 AWS 계정 및 사용가능한 EKS, ECR, EC2 서비스 Docker kubectl (eks 관리할 수 있도록 연결해놓기) 도커 이미지 빌드 및 푸쉬 Dockerfile 준비. dockerfile에 컨테이너 이미지 빌드 설정을 해놓는다. FROM python:3.9 WORKDIR /app COPY requirements.txt . RUN pip install --no-cache-dir -r requirements.txt COPY . . CMD ["python", "manage.py", "runserver", "0.0.0.0:8000"] 그리고 다음 명령어를 이용해 도커 이..
