Lo9

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) 회사 프로젝트를 진행하다 보니 특정 상태에 대한 색상을 나타내야 하는 경우가 생겼다. 일정하게 정해진 이미지들은 그대로 사용해도 무방했지만 사용자가 임의로 설정하여 사용하는 색상의 경우 대응할 방법..

회사에서 프로젝트를 진행하던 중 고객의 요구사항으로 input을 사용하고 있는 부분의 autofill CSS를 수정해야하는 상황이 생겼다. autofill과 관련하여 작업한 적이 있었지만 기억이 나질 않아 구글링을 통해서 전에 작업했던 것과 같은 코드를 발견했다. box-shadow를 통해서 배경색을 흰색으로 변경하여 사용했는데 현재 프로젝트에서는 배경색이 투명이라 적용이 불가능했다. :autofill로 접근하여 직접 수정하는 방법을 생각해보았으나 autofill의 속성들은 브라우저에서 important로 지정하여 바꾸는 것이 불가능했다. 더보기 https://developer.mozilla.org/en-US/docs/Web/CSS/:autofill :autofill - CSS: Cascading Sty..

만약 사용한다면 가장 사용자가 많은 것 같은 카카오 서비스를 구현해 봤다. Developer 사이트가 깔끔하게 정리되어 있어서 자료 찾기가 편했다. 위 이미지는 카카오에서 제공하는 카카오 로그인에 대한 프로세스 흐름이다. 그래서 위 이미지와 비슷하게 프로세스를 구성하여 프로젝트에 구현하였다. 로그인에 대해서 처리하는 방법은 다양하지만 해당 프로젝트에서는 로그인을 처리할 페이지를 따로 만들고 그 페이지로 redirect 하여 로그인을 처리하는 방식을 사용했다. 플랫폼 탭에서 현재 프로젝트가 실행되고 있는 도메인을 입력해 준다. 카카오 로그인 사용 시 REST API를 사용할 예정이므로 도메인은 https로 지정되어 있어야 정상적으로 사용가능하다. (localhost로 테스트하는 것은 사용이 가능하다) 타 ..

Intoduction 아이패드 미니를 구매 후 태블릿으로 보는 첫 책이다. 평소 유튜브에서 관심 있게 보던 이근 대위의 책이다. 유튜브를 보다가 이근 대위가 책을 냈다고 하길래 관심이 생겼고 리디북스를 찾아보니 태블릿으로도 볼 수 있어서 바로 구매 후 시간이 될 때마다 읽었다. 아이패드를 매일 들고 다니기 때문에 접근성이 매우 좋았고 그 덕에 자주 책을 접할 수 있는 게 장점이었다. 화이트 밸런스를 낮추는 설정까지 하고 나니 눈도 많이 불편하지 않았다. 이근 대위의 일대기를 볼 수 있는 자서전이다. 지금까지의 이근 대위가 있기까지의 과정을 책을 통해 느낄 수 있었고 그 길이 쉽지 않았다는 것을 쉽게 알 수 있었다. 개인적으로 군인, 군대, 병기에 대해 관심이 많은 터라 훨씬 더 쉽고 재밌게 읽었던 것 같..