Lo9

Instruction 이전에 우울과 불안에 대한 책을 관심 있게 읽고 다시 한번 삶에 대해 계발을 할 수 있는 책을 골라서 읽었다. 이번엔 관심 있는 책을 꾸준히 읽기 위해서 자기 전 또는 이동 중일 때 독서하는 습관을 가지려고 노력했다. 자기 전이라 피로가 쌓여 있어 많은 페이지를 읽지는 못했지만 책의 장 단위로 매일 읽다 보니 적절한 분량으로 꾸준히 읽을 수 있었다.  이전 책에서 큰 틀에 대해서 익힌 느낌이라면 이 책을 통해서는 세부적으로 문제를 파악하고 해결 방법을 알게 된 느낌이다. 이번 책 역시 재밌게 읽었고 내 삶에 큰 도움이 되었다.DDoS 같은 걱정 제목이 자기 관리론이라 다양한 자기 관리 방법에 대해서 알려주겠구나 했지만 오해였다. 책의 시작은 인간관계론처럼 책이 쓰인 이유와 실행하고 ..

const 빌드 후 환경변수 수정 = ( Param ) => {💻 return Result;env.js 파일 생성// public/env.js// 전역에 선언되기 때문에 window 객체를 통해 참조할 수 있음export const env = {    ...import.meta.env, // vite 환경변수 값    ...window["env"], // 전역에 저장된 이전 환경변수 값 // 필요 환경 변수 정의 BASE_URL: "http://localhost:3000"}; index.html에서 script 태그를 통해 env.js 선언  env.js의 환경변수 적용//App.jsximport env from "../public/env"...return ( {env.BASE_URL} {env...

const debounce 사용하기 = ( Param ) => {💻 return Result;import _ from "lodash";import React, { useMemo } from "react";// state에 의해 페이지가 다시 렌더링 되었을 때 debounce가 초기화 되므로 정상적인 동작 X// 따라서 Memoization 필요const debounceFunc = useMemo( () => _.debounce( () => { // debounce 처리할 함수 }, // 임계시간(ms): debounce 처리할 시간간격 300, ..

const Obsidian 파일 Tag 수정하기 = ( Param ) => {💻 return Result;// index.jsconst readline = require("node:readline");const { getFileList, modifyEachFile } = require("./file");const rl = readline.createInterface({ input: process.stdin, output: process.stdout,});const folderPath = "폴더 경로";const main = async () => { const tags = await new Promise((res, rej) => { rl.question(`필요한 태그 입력(쉼..

Instruction 손자병법을 읽은 후 관심 있어하는 책들을 읽어야 한다는 생각이 있었다. 또한 개인적으로 내 삶에 대해 깊이 고민하는 시기였다. 문득 유튜브 영상을 보다가 제목에 이끌려 책을 사고 읽어 보았다. 욕심내어 내가 고민하는 모든 문제를 해결하고 싶었지만 그러진 못하고 많은 영역에서 힌트가 될만한 내용들을 얻었다. 역시 평소에 관심이 있거나 흥미가 있어하는 주제의 책은 쉽게 잘 읽히는 것 같다. 지금까지 읽어온 책들 중에서 가장 빨리 읽은 책이 되었다.과거, 우울, 미래, 불안, 지금 그리고 나 책에서는 우울과 불안에 대해 정의하고 서로 비슷한 점, 다른 점을 알려준다. 먼저 본인이 느끼고 있는 감정이 어떤 것인지 알아야 해결할 수 있을 것이다. 우울은 과거에 대한 미련, 후회 등으로부터 가..

const preventUserScroll = ( scrollMarginProcessing ) => {💻 return Result;See the Pen Untitled by 구태 (@wbnnhjvf-the-lessful) on CodePen. 📝 console.log( history ) 회사 프로젝트 진행 중 사용자가 특정 요소를 클릭하면 입력폼으로 스크롤되도록 하는 페이지가 있었다. 구현 후 문제는 스크롤 도중에 멈추거나 정확한 위치로 이동하지 않는다는 것이었다. scrollIntoView 함수를 사용해서 스크롤을 구현하였는데 도중에 state가 바뀌거나 스크롤 이벤트가 일어나게 되면 진행되던 스크롤이 멈추는 문제가 있었다.  state에 의해 스크롤이 도중에 멈추는 문제는 해결했지만 사용자 스크..

💻 결과 Project ㄴnode_module ㄴsrc ㄴ.prettierrc 프로젝트 Root 폴더에서 .prettierrc 파일을 생성한다. { "arrowParens": "always", "printWidth": 120, "semi": true, "tabWidth": 4, "useTabs": true } JSON형식으로 필요한 Configuration을 작성한다. 설정참고: https://prettier.io/docs/en/configuration Prettier · Opinionated Code Formatter Opinionated Code Formatter prettier.io 프로젝트 별 Prettier 설정 완료. 📝 console.log(history) 회사 프로젝트를 하다 보니 이전 프..

Instruction 어릴 때부터 쭉 들어오던 책이었다. 세계적인 인물들이 참고했다는 책이라 더욱 내용을 읽고 싶었다. 여러 번역서가 있겠지만 내가 읽었던 책의 표지가 마음에 들어서 샀다. 구매한 지는 오래됐다. 책을 읽었던 시간이 없었던 것은 아닌데 책 읽는 버릇도 없었을뿐더러 삼국지를 잘 모르다 보니 책 내용이 이해되지 않고 와닿지 않았다. 그래서 “얼티메이텀” 이후 꽤 오래돼서야 다 읽게 되었다. 최근에 내 생활 패턴이 바뀌고 기존 독서법에서 문제가 있음을 알고 난 후 독서법을 바꾸니 읽기가 수월해졌다. 병법이라고 해서 전쟁, 전술, 전법에 관해서 세세하게 다루는 줄 알았지만 결국은 전쟁은 사람이 하는 것이기 때문에 어떻게 사람을 다루어야 패배하지 않는지 알려 준다. 요즘 흔히 빠진 오류 중 하나가..

💻 결과 $ git reabse -i HEAD~3 현재 체크아웃된 위치에서 수정해야 할 커밋 범위를 지정한다. (HEAD~개수) pick 7b778ab Summary 페이지 생성 pick ace7464 Summary 클래스 추가 drop 89217d0 WIP SummaryAccount 상단에 불러온 커밋들 중에서 제거하고 싶은 커밋의 앞에 명시된 값을 pick에서 drop으로 변경하고 저장 후 빠져나온다. (vi 명령어 사용) · vi 명령어 순서 1. i 키를 눌러 입력모드 전환 2. 필요한 부분 수정 3. esc 키를 눌러 명령모드 전환 4. : 키를 눌러 마지막 행 모드 전환 후 wq 명령어를 입력하여 저장 후 종료 $ git push -f origin main 현재 커밋의 변경된 사항을 원격 서버..

💻 결과 (CodePen) See the Pen CSS filter generator to convert from black to target hex color by Barrett Sonntag (@sosuke) on CodePen. 출처: https://stackoverflow.com/questions/42966641/how-to-transform-black-into-any-given-color-using-only-css-filters/43960991#43960991 📝 console.log(history) 회사 프로젝트를 진행하다 보니 특정 상태에 대한 색상을 나타내야 하는 경우가 생겼다. 일정하게 정해진 이미지들은 그대로 사용해도 무방했지만 사용자가 임의로 설정하여 사용하는 색상의 경우 대응할 방법..