티스토리

타미.zip

검색하기

블로그 홈

타미.zip

rrecoder.tistory.com/m

Tamii 님의 블로그입니다.

구독자: 23

방명록 방문하기

반응형

주요 글 목록

[IntelliJ /Pycharm] 파이참 파일 저장시 python 자동 정렬, 파이선 Formatter 설정하기 문제상황 파이참에서 Python3 로 코딩 시auto save reformat 즉, 저장 시 자동정렬이 되지 않음 파이참 프로가 아닌 PycharmCE 사용 중 -> EsLint, Prettier 플러그인 설치가 되지 않음 해결 방법1. black 설치 pip install black2. plugin에서 File Watchers 설치환경설정 > 플러그인 > "File Watchers" 검색 > InstallSetting > Plugin > "File Watchers" 검색 > Install3. File Watcher에 커스텀 룰 추가Settings > Tools > File Watchers 아래와 같이 설정 File Type: PythonScope: 현재 프로젝트Program: black (터미널에서 .. 공감수 0 댓글수 0 2024. 12. 11.
맥북에서 슬랙(Slack) 알림 안옴 문제 상황 사내에서 슬랙 메신저를 사용중인 데 어느날 부턴가 슬랙 알림이 오지 않기 시작했다. 맥북에서 슬랙 알림 미리보기 혹은 소리가 나지 않을 때 아래 보기들을 확인해보자. 해결 방안 Slack 환경설정의 소리 및 모양에서 예시보기를 통해 간단히 테스트 할 수 있다. Mac 시스템 환경설정의 알림 센터 설정을 확인해야 한다. 1) Slack 환경설정 확인 1-1) 좌측 하단 프로필 클릭 > 환경설정 1-2) 알림허용 이 되어있는지 확인 1-3) 소리 및 모양 > 예시보기 1-3) 알림이 오는지 확인 여기서 되지 않는다면, 2) Mac 환경설정 확인 2-1) 시스템 환경 설정 > 알림 > Slack > 알림이 켜져있는지 확인 2-2) 시스템 환경 설정 > 알림 > 알림센터 설정 확인 디스플레이를 미러링.. 공감수 3 댓글수 2 2024. 3. 15.
WebStorm 초보자를 위한 유용한 설정과 단축키 안내 WebStorm 첫 사용 시 유용한 설정 방법 안내 WebStorm 시작 시 최근 프로젝트가 아닌 메인 메뉴로 가게 설정하기 WebStorm을 실행할 때 최근에 작업한 프로젝트가 아닌 메인 메뉴로 바로 이동하는 설정 방법입니다. 설정 경로: System Settings > Reopen projects on startup VsCode는 MAC 독바에서 오른쪽 마우스로 New Open이 가능했으나 WebStorm은 달라 설정했습니다. 타인의 Commit 라인별로 보는 단축키 설정하기 다른 사람의 Commit 내역을 라인별로 보는 단축키를 설정하는 방법입니다. 설정 경로: Keymap > Annotate 검색 > 원하는 단축키로 설정 상호 취향에 맞게 선택하면 되는데, 저는 "⌘ ⌥ ⇧ \" 로 했습니다. 활.. 공감수 0 댓글수 0 2023. 7. 27.
WebStorm 폰트 변경 및 테마 설정 방법 WebStorm 테마 설정 방법 Preference(⌘+,) > Appearance & Behavior > Appearance > Theme Preference(⌘+,)을 클릭하여 설정 창을 엽니다. Appearance & Behavior > Appearance > Theme으로 이동합니다. 만약 Material Theme UI를 설치했다면, 해당 UI 테마 설정은 다음과 같습니다. WebStorm 폰트 변경 방법 디렉토리와 터미널 폰트 설정 방법 Preference(⌘+,) > Editor > Font 전체 파일과 터미널에 적용할 폰트 설정을 위해 Preference(⌘+,)을 클릭합니다. Editor > Font으로 이동합니다. (D2coding과 같이 따로 설치한 폰트도 사용할 수 있습니다.) 에디.. 공감수 0 댓글수 0 2023. 7. 23.
WebStorm 단축키 모음 - 유용한 Mac 단축기모음 WebStorm 단축키 모음 요즘 VsCode를 사용하다가 Webstorm으로 이동하게 되면서 유용한 단축키를 정리했습니다. 찾기/편집 ⇧ ⇧ 전체검색: 프로젝트 전체에서 특정 텍스트를 검색합니다. ⌘ ⇧ o 전체 파일 찾기: 프로젝트 내에서 파일을 빠르게 찾습니다. ⌘ ⇧ f 전체 단어 찾기: 프로젝트 전체에서 특정 단어를 찾습니다. ⌃ g 단어 찾기: 커서가 위치한 단어를 찾습니다. ⌃ ⌘ g 단어 전체 찾기: 프로젝트 전체에서 특정 단어를 찾습니다. ⌘ e 최근 파일 보기: 최근에 열었던 파일 목록을 표시합니다. ⌘ + - 코드 펼치기/접기: 코드 블록을 펼치거나 접습니다. ⌘ d 한줄복사: 현재 행을 복사합니다. ⌘ f 찾기: 현재 파일에서 특정 텍스트를 찾습니다. ⌘ r 바꾸기: 현재 파일에서 .. 공감수 0 댓글수 2 2023. 7. 15.
React developer tools에서 Components와 Profiler가 노출되지 않는 문제 해결 방법 프론트엔드 개발자로서 잘 사용하고 있는 React developers tools에서 Components와 Profiler이 노출되지 않는 문제 상황과 해결방법을 소개합니다. 크롬 개발자 도구 설정 변경을 통해 문제를 해결할 수 있다. 문제 상황 React local개발 시 Components와 Profiler가 노출되지 않음 React developer tools don't show Components , Profiler 해결 방안 1 1) Chrome > 설정 > 기본 설정으로 복원 크롬 devtools 세팅에서 기본 세팅으로 변경한다. Chrome > Settings > Preferences > Sync > Restore defaults and reload 2) 강력 새로고침 크롬 브라우저에서 강력한.. 공감수 2 댓글수 0 2023. 7. 3.
VS Code에서 ChatGPT 사용하기 (CodeGPT) VS code에서 chat GPT 사용하는 법 설정 방법 1. chatGPT 가입하기 https://platform.openai.com/overview OpenAI API An API for accessing new AI models developed by OpenAI platform.openai.com 2. API keys 생성 3. VS Code 익스텐션에서 Code GPT 설치 4. Code GPT에 API Keys 설정 4-1) cmd + shift + p 4-2) 세팅 입력 CodeGPT: Set API KEY 4-3) 발급받은 API key 입력 🥳 사용할 준비 완료! 주의할 점 참고로 특정 사용량 까지만 무료이고 그 이후에는 과금이 되는데 아래 페이지에서 확인할 수 있다. https://pl.. 공감수 0 댓글수 0 2023. 3. 10.
[webpack 에러] TypeError: this.getOptions is not a function 에러 Error Message ERROR in ./src/main.css Module build failed (from ./node_modules/style-loader/dist/cjs.js): TypeError: this.getOptions is not a function at Object.loader (/Users/ingychoi/Study/lecture-frontend-dev-env/node_modules/style-loader/dist/index.js:19:24) @ ./src/app.js 2:0-20 📌 문제 상황 webpack에서 loader 설정 시 TypeError: this.getOptions 에러 발생 아래는 webpack config 파일이고 css-loader , style-loader,.. 공감수 0 댓글수 0 2023. 2. 13.
[GitHub] PR Draft - PR 작업중표시 및 리뷰 일시정지 PR Draft 상태는 간단하게는 리뷰 검토가 필요하다는 상태를 말한다. 발견 계기 PR 업무 중에 Draft 상태를 발견했다. 보통 Open 상태인 경우만 봐서 무엇인지 알아보았는데, 결론 PR이 Draft상태이면, 아직 작업중이라는 것이고, 검토할 준비가 될 때까지 리뷰를 달거나 머지할 수 없다. Pull Request 상태를 바꿀 수 있었다는 사실! 항상 이용하던 기능만 이용해서 몰랐었는데, 새롭게 알게 된 사실이다. GitHub Docs에 의하면 You can mark a draft pull request as ready for review or convert a pull request to a draft. PR을 리뷰어에세 검토할 준비가 된것으로 표시하거나, 그 반대로 할 수 있다. 설정 방법 .. 공감수 0 댓글수 0 2022. 11. 14.
[책] 데이터 스토리- 데이터를 설득력 있는 이야기로 바꾸는 방법 📙 데이터 스토리 - 데이터를 설득력 있는 이야기로 바꾸는 방법 🤔 책을 읽으며 업무를 진행하며 데이터를 활용해야 하는 다양한 순간들을 마주쳤다. 데이터가 중요하다고는 하지만, 실제로 데이터를 어떻게 효율적으로 활용하면 좋을지에 대한 고민을 진지하게 해본 적이 없었다. 그 중 재미있었던 챕터는 데이터 의인화하기 - 데이터 속 갈등 해결하기! 화면 개발할 때 사용자들의 클릭 패턴 로그를 모아두면, 기획쪽에서 여러 문제들을 파악하는데 어떤 방식으로 의사결정을 하고 있느지, 또 어떻게 하면 더 나은 의사결정을 하는 지 엿볼 수 있었기 때문이다. 🎓 읽으며 느낀점 중간에 데이터 관련한 의견들이 껴있어 읽는 재미가 쏠쏠하다. 사례연구 챕터에서 실제 사례를 들고 내용을 설명하니, 세상사에 관심을 가지고 싶은(?) .. 공감수 0 댓글수 0 2022. 10. 30.
프론트 주니어 2022 상반기 회고 벌써 여름이라니! 내가 프론트 개발자 주니어라니! 벌써 입사한지 약 1년이 되어간다. 그간 많은 변화가 있었지만 정리가 너무 안되어 있어 쓰는 글✏️ 목차 | 신규 서비스 오픈 ⚙️ 기술적인 고민들 웹 앱간 interface 정리 및 처리 크로스 브라우징 이슈 react-query 도입 🙏 협업의 고민 | 코드스쿼드 프론트엔드 리뷰어 | 개발 기초 다지기 🍿 출퇴근길에 보는 유튜브 모음 📒 모자스 다시 읽기 | 건강한 마음과 몸 만들기 🏋️ 습관적 헬스 🥜 심심풀이 땅콩 독서 🚀 신규 서비스 오픈 지난 달에 webview 신규 서비스를 오픈했다. 중고거래에 필요한 노하우나 관련 지식에 대해 소개하는 커뮤니티형 서비스였는데 댓글 기능과 2depth의 카테고리 22종이 포함된 6페이지 정도의 웹앱 프로젝트였.. 공감수 9 댓글수 11 2022. 7. 4.
@emotion/css error 에러 in React - you have tried to stringify object returned from css function error message You are loading @emotion/react when it is already loaded. Running multiple instances may cause problems. This can happen if multiple versions are used, or if multiple builds of the same version are used. You have tried to stringify object returned from css function. It isn't supposed to be used directly (e.g. as value of the className prop), but rather handed to emotion so it can h.. 공감수 0 댓글수 0 2022. 6. 29.
[React 오류] A component is contentEditable and contains children managed by React 😮 문제 상황 index.js:1 Warning: A component is contentEditable and contains children managed by React. It is now your responsibility to guarantee that none of those nodes are unexpectedly modified or duplicated. This is probably not intentional. div contentEditable 내부에 component를 넣으니 React 오류 발생 아래와 같은 형태 import React, { ReactElement } from "react"; function TestComponent ({children}):ReactElement{ .. 공감수 0 댓글수 0 2022. 6. 28.
[책] 혼자 공부하는 얄팍한 코딩지식 📙 혼자 공부하는 얄팍한 코딩지식 코딩이 뭔지 모르는 사람부터 신입 개발자 면접을 준비하는 사람까지 모두에게 추천하는 책! 🤔 책을 읽으며 사실 저자인 고현민님은 유튜브 얄팍한 코딩사전을 통해서 원래 알고 있었다. 특유의 재치와 일상 비유를 이용한 설명으로 정말 도움을 많이 받았던 채널인데, 책이 나왔다니! 그냥 믿고 읽는다~ 그 중 재미있었던 챕터는 아래와 같은데, 실제 현업에서 웹앱을 개발하고 있어서 공감이 되기도 했고, 개발자면서도, 컴퓨터 시스템이 어떻게 돌아가는지 자세히 파악하고 있지 못했기 때문이다. IT 업계 용어 알기 - 스마트폰 앱이네 웹사이트 라고요? 프로그래밍 용어 알기 - 컴퓨터는 어떻게 일하나요? 개인적으로 개발자로서는 평소에 자주 듣던 용어의 어원이나 간단한 원리를 정리할 수 있.. 공감수 0 댓글수 0 2022. 6. 26.
"클로저가 뭐에요?" 를 답하지 못했다. 클로저가 뭐에요? 어떤 함수에서 선언한 변수를 참조하는 내부 함수를 외부로 전달할 경우 함수의 실행 컨텍스트가 종료된 후에도 해당 변수가 사라지지 않는현상을 말합니다. 클로저 어떤 함수에서 선언한 변수를 참조하는 내부 함수를 외부로 전달할 경우, (외부)함수의 실행 컨텍스트가 종료된 후에도 해당 변수가 사라지지 않는 현상 var outer = function () { var a= 1; var inner= function() { return ++a; } return inner; // - 1. 값이 아닌 함수 자체를 전달 } var outer2 = outer(); // - 2. foo함수의 실행컨텍스트 종료 console.log(outer2()); // 2 - 3. 앞서 반환 된 inner가 실행됨 cons.. 공감수 2 댓글수 0 2022. 6. 23.
JavaScript의 this와 바인딩 , 화살표함수가 생겨나게 된 배경 this 함수를 호출할 때 결정된다 브라우저 : window Node.js : global 자바스크립트의 모든 변수는 특정 객체의 프로퍼티이다. 특정 객체 : 렉시컬 환경 (Lexical Environment) 실행컨텍스트는 변수를 수집해서 LE의 프로퍼티로 저장 어떤 변수가 호출 당했을 때 LE의 프로퍼티에서 값을 조회해봄 그렇다면 전역 객체의 프로퍼티와 전역벼수로 선언한 것이 같을까? = window.a와 var a가 같을까? 할당할 때는 별다른 차이가 보이지 않지만 삭제를 하게 되는 경우 차이가 있다. var a = 'tami' delete a; console.log(a) // tami window.a= 'tami' delete window.a; con.. 공감수 1 댓글수 0 2022. 6. 22.
input 관련 이벤트 파헤치기 - input onChange onKeyUp onKeydown 회사에서 value에 따라 style이 변경해야 하는 기능을 가진 input을 만들어야 했는데, input event를 활용해서 해당 문제를 해결할 수 있었는데요. 정확히 왜 해결되었는지 원론적으로 접근해보고 싶어서 공부한 내용을 적었습니다. input event에 대한 내용은 김맥스 기술 블로그- input 요소 관련 키보드 이벤트 총정리 를 활용했는데 정말 정리가 너무 잘되어있습니다. 김맥스님 감사해요❤️ 사용 기술 스택 React 에 antd textarea사용 code sand box 예시에서는 일반 input과 textarea에 이벤트를 걸어보았습니다. input의 이벤트 onBlur 요소에 focus가 헤재되었을 때 발생하는 이벤트 onFocus 요소에 focus시 발생하는 이벤트 onKeyP.. 공감수 1 댓글수 2 2022. 6. 1.
webview long touch 막기( 미리보기 끄기) - iOS/Safari disable touch-callout information webview 서비스를 만들다 보면 운영체제 별로 다양한 이슈를 만나게 되는데요 오늘은 iOS webview에서 나온 QA중 long press(길게 누르기) 이슈를 적어보려합니다. 문제 상황 QA에 새로운 이슈 하나가 잡혔는데 iOS에서만 특정 요소를 길게 누를 경우 (long press) 미리보기가 열리는데 이걸 꺼달라는 요청이었습니다. 사실 미리보기는 정말 좋은데 이런 요청이 왜 나왓을까요? 바로 팀에서 webApp의 webview와 web을 완전히 분리하기로 결정했기 때문입니다. 그림으로 보면 아래와 같은데요, 다양한 서비스를 빠르게 시도하고 배포하기 위해 앱 내에는 webview서비스가 많은데, 이번에도 webview에서 먼저 시범적으로 해당 서비스를 만들었습니다. web채널과 app 내 인앱브.. 공감수 1 댓글수 0 2022. 5. 29.
JavaScript replace에 변수 활용하기 - 정규표현식 (regExp) 이용 서비스를 만들 때, JavaScript replace에 변수를 넣어야 한는 상황이 종종 생깁니다. 예를 들어 어떤 URL의 경로만 구하는 함수를 작성한다고 해봅시다. const red = 'apple' const sentence = 'I want red apple cookies'; const ans = sentence.replace(/red/gi,''); 내가 원한 것 : I want red cookies 실제 실행되는것 : I want apple cookies replace앞에 들어가는 것은 정규표현식 혹은 string그 자체이기 때문에 당연히 red가 치환되게 된다. new ReqExp 활용하기 🔗 MDN - RegExp const red = 'apple' const sentence = 'I want.. 공감수 0 댓글수 0 2022. 5. 17.
[React] sticky Header CSS가 변하는 sticky Header 만들기와 최적화 여러 웹사이트에서는 scroll과 관계없이 상단에 붙어있는 sticky header를 자주 사용하고 있는데요, 아래 예시와 같이 특정 영역에서 css가 바뀔 수 있는 header를 만들어 보겠습니다. ⚙️ 사용 스택 : React, emotion/css 📌 기본 구조 생성하기 헤더는 공통적으로 사용할 가능성이 높기 때문에 Header로 분리했습니다. App.js import { css } from "@emotion/react"; import Header from "./Header.jsx"; export default function App() { return ( ); } const wrapStyle = css` `; Header.jsx import { css } from "@emotion/react"; .. 공감수 3 댓글수 0 2022. 5. 17.
그림으로 보는 Error Boundaries | Error Boundary의 등장 JS component의 error는 React 상태 흐름을 방해하고 숨은 에러를 발생킨다. 이런 오류로 인해 app 전체를 정지시켜선 안되므로 "error boundary"가 등장했다. ✨ Error bounaries는 자식 component tree 어디서에나 일어난 JS error 를 잡고, error를 loging하고 fallback UI를 보여준다. 다만 아래 error들은 catch 하지 않는다 이벤트 핸들러 비동기 code ( setTimeout ... ) SSR (server side rendering) error boundary 자식이 뱉는 error Error Boundary의 사용처와 Uncaught Errors Error Boundaries는 J.. 공감수 1 댓글수 2 2022. 4. 30.
textarea 줄 수에 따라 style 변경하기 ( line count에 따른 border radius설정 및 textarea line count 개수를 이용한 CSS 설정 ) 디자인팀에서 요청이 들어왔다. textarea에 들어가는 line에 따라 border-radius가 달라졌으면 좋겠다는 요청! 문제는 해당 부분을 사용하는 공간의 text area의 width가 고정되어 있지 않다는 점이다. 유저의 기기는 정말 다양하기 때문에 width를 고정할 수 는 없었다 ex) iphone se에서 3줄일게 z-fold에서는 1줄이 될 수 있다.. 😅 1) Textarea의 text value를 줄바꿈 기준으로 split 처음 생각한 방법은 text area의 value를 잡아서 splilting 하는 법! const getCurInputTextLineCnt = useCallback((text) => { const lines = text?.split(/\r|\r\n|\n/); co.. 공감수 0 댓글수 0 2022. 4. 25.
프론트엔드 입사 6개월 회고! 취업한지 벌써 6개월이 되었다. 시간은 정말 쏜살같이 흘러갔고 그 과정에도 많은 변화가 있었다. 내가 경험한 것들과 현재 생각, 그리고 앞으로의 다짐을 적을 예정! 처음 입시하고 나선, 우리 팀 너무 좋아😎 친구들이 3개월은 있어봐야 안다고 우려했지만 6개월이 된 지금도 나는 좋다. 나는 인턴으로 입사했다, 사실 정규직 전환을 크게 염두에 두고 들어간건 아니었고 가장 중요하게 여겼던 가치는 성장. 팀원은 적지도 많지도 않았는데, 선임같은 두 분이 계셨다. 내가 들어갈때쯤 메인 개편 건이 있었고, 그로 인해 신규 서비스에 참여하게 되었다. 타입스크립트 ,리코일 등 어떤 기술스택을 쓸건지 치열하게 고민하고 선정했다. 들어오자마자 모두가 그렇듯이 2주는 실무에 투입되지 않고 코드 파악만 했었는데, 일단 나는 .. 공감수 2 댓글수 2 2022. 4. 12.
Bitbucket 여러 계정 SSH key 설정 : git@bitbucket.org: Permission denied (publickey). - Mac 오류 상황 git@bitbucket.org: Permission denied (publickey). Bitbucket에 있는 프로젝트를 clone시 발생한 오류 등록되진 않은 기기에서 clone, push 가 일어날 때의 인증오류 ssh를 등록하지 않아 접근권한이 없는 상태로 clone,push를 해서 그렇다! 그렇다면 ssh key를 생성하고 등록해보자! + 필자는 개인용, 회사용 구분을 위해 계정 여러개를 생성했어요! 1. ssh key 생성 > 엔터 ssh-keygen -t rsa -C "이메일" 2. 키 생성 2-1) 키 이름 기본으로 설정 시 (id_rsa) > 엔터 Generating public/private rsa key pair. Enter file in which to save the .. 공감수 0 댓글수 0 2022. 3. 27.
[책] 피터의 고객을 끌어오는 구글 애널리틱스4 📙 피터의 고객을 끌어오는 구글 애널리틱스4 마케터,기획자와의 생산적인 대화를 하기 위해 그들의 도구를 만져나 보자! 🤔 책을 읽으며 요근래 고객들을 대상으로 하는 개발을 하다보니, 고객의 행동데이터를 수집하는 방법이 궁금했었는데 마침 딱 좋은 책이 있었다. ‘고객을 끌어오는 구글 애널리틱스4’ 직접 사용하는 법부터 시작해서 실습사이트와 앱을 제공해주는 점이 무척 좋았고 처음 사용해도 금방 따라할 수 있게 친절하게 설명되어 있어서 좋았다. 이 책은 출퇴근길에 완독하는 것보다 직접 노트북이나 데스크톱으로 해보는 책이기 때문에 여유가 있을 때나 아니면 구글 애널리틱스를 직접 사용해야할 때 읽어보면 좋을 것! 이런 고객을 분석하는 툴이 왜 필요한 지 궁금했고, 어떻게하면 쉽게 분석할 수 있을 지 궁금했던 차에.. 공감수 0 댓글수 2 2022. 3. 27.
OAuth scope로 인한 Create a repository webhook error - 특정 repository에 webhook 생성 오류 문제 상황 특정 repo에 webhook 생성요청을하면 create가 안되고 error 발생 해결 전 createWebhook : repo주인 이름, repo명, token을 넣어 webhook 생성 POST 요청 함수 🔗 Github Docs - Create a repository webhook 참고 const createWebhook = (owner: string, repo: string, token: string) => { return axiosApi( { url: `/repos/${owner}/${repo}/hooks`, method: 'POST', data: postData }, token ); }; 사용자는 을 하는 과정에서 오류가 발생한 것!! Github아이디로 로그인 > 본인 repo중 .. 공감수 1 댓글수 0 2022. 3. 9.
[책] AI로 일하는 기술 - 인공지능은 어떻게 일이 되는가 📙 AI로 일하는 기술- 인공지능은 어떻게 일이 되는가 인공지능의 성장기를 들어보고 차근히 이해하니, 아는 만큼 보일 수 있게 해주는구나! 🤔 책을 읽으며 취향에 의해 자기개발서 혹은, 프론트 엔드 개발 지식을 위한 JavaScript 관련 책만 읽어 왔었는데 이런 독서 편식을 막을 좋은 기회가 왔다! 사실 AI라고 해서 무거운 마음으로 첫 장을 시작했는데 막상 읽어보니 술술 넘어가는 느낌! 직접 개발하기 위함이 아니라 AI의 역사부터 시작해 현재 어떤 분야로 전망을 이룰 수 있는지 47개의 질문을 6챕터에 나눠 한가지씩 해결하는 구조인데 출퇴근길에 들고다니며 완독! 하도 들고 다니다보니 실수로 물을 쏟아서 쭈글쭈글 해졌다ㅠㅠ 잘 안보이지만 나는 무지개 색연필🌈과 함께 책을 읽는데 인공지능의 정확한 의미.. 공감수 0 댓글수 0 2022. 2. 23.
[git 오류] Bibucket ssh key 생성하기 - You are using an account password for Git over HTTPS 문제 상황 You are using an account password for Git over HTTPS. remote: Beginning March 1, 2022, users are required to use app passwords remote: for Git over HTTPS. remote: To avoid any disruptions, change the password used in your Git client remote: to an app password. remote: Note, these credentials may have been automatically stored in your Git client remote: and/or a credential manager such as G.. 공감수 0 댓글수 6 2022. 2. 15.
티스토리 다크모드 적용하기 - by 다크모드 버튼 드디어 미뤄왔던 나의 Tami.zip 블로그 다크모드 버튼을 만들었다. 미뤄왔던 이유는 크게 2가지 1. 사용자 테마에 따른 다크모드 지원 자료만 많음 -> 내가 원하는건 버튼을 통한 다크모드! 2. 티스토리는 배경을 바꾼 후에 필요한 CSS를 일일이 잡아서 바꿔줘야 함 하지만, 아늑한 밤에 킨 나의 블로그는 항상 아이어택을 선사했기 때문에 바꾸기로 결심했고 여러 시행착오를 겪었던 만큼 상세하게 어디에 어떤 코드를 넣으면 되는지 까지 설명하려 한다. 다크모드 버튼을 생성하는 과정에는 🔗다크 모드 라이트 모드 토글 스위치 기능 블로그를 참고했다. 다크모드를 설정하는 걸 설명하는 다양한 블로그들이 있었지만, 해당 블로그만큼 정확하게 내가 원하는 것이 없었느데, 다시 한번 해당 필자에게 감사의 말씀 드립니다... 공감수 16 댓글수 15 2022. 2. 3.
[ git ] 보안 취약점 알림 - We found potential security vulnerabilities in your dependencies. 문제 상황 We found potential security vulnerabilities in your dependencies. "종속 항목에서 잠재적인 보안 취약성을 발견했습니다." See Dependabot alerts를 click해서 들어가보았더니 패키지 버전에 문제가 있어 보이는것을 확인했다. 해결 방법 Insights -> dependencies의 문제가 된 package를 재설치 or upgrade한다. yarn upgrade ansi-regex yarn add ansi-regex 공감수 1 댓글수 2 2022. 1. 18.

반응형

문의안내

티스토리
로그인
고객센터

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