반응형 분류 전체보기201 티스토리 다크모드 적용하기 - by 다크모드 버튼 드디어 미뤄왔던 나의 Tami.zip 블로그 다크모드 버튼을 만들었다. 미뤄왔던 이유는 크게 2가지 1. 사용자 테마에 따른 다크모드 지원 자료만 많음 -> 내가 원하는건 버튼을 통한 다크모드! 2. 티스토리는 배경을 바꾼 후에 필요한 CSS를 일일이 잡아서 바꿔줘야 함 하지만, 아늑한 밤에 킨 나의 블로그는 항상 아이어택을 선사했기 때문에 바꾸기로 결심했고 여러 시행착오를 겪었던 만큼 상세하게 어디에 어떤 코드를 넣으면 되는지 까지 설명하려 한다. 다크모드 버튼을 생성하는 과정에는 🔗다크 모드 라이트 모드 토글 스위치 기능 블로그를 참고했다. 다크모드를 설정하는 걸 설명하는 다양한 블로그들이 있었지만, 해당 블로그만큼 정확하게 내가 원하는 것이 없었느데, 다시 한번 해당 필자에게 감사의 말씀 드립니다... 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 2022. 1. 18. 프론트 스타터 2021회고 - 어쨋든 frontEND! 시작하자면 벌써 2022년 1월이 되었고, 사람 일은 정말 모르는 거다! 일단 현재는 프론트엔드 BE를 좀 할 수도 있는 직무로 취업했고, 전부터 계속 쓰고 싶었던 회고를 이제서야 쓴다. 내가 어떻게 취업하게 되었는지 모르겠지만 개발을 선택했던 과정(1) 그리고 지금 일하면서 느끼는 점과 앞으로의 목표들(2)을 써보려고 한다. 개발자로 돌아돌아도라간길 🎒이것저것 해보기 개발공부는 올해 21년 1월 시작되었다.(?) 나는 전자공학을 전공했지만 전자를 좋아하진 않았다. 근데 코딩은 뭔가 잘하는 사람만 해야할 것 같았다. 두 가지 사이에서 갈팡질팡 하는 사이에 4년이 지났고 대외활동만 열심히 하고 적당히 좋은 성적과 함께 졸업의 위기가 찾아왔다. 나...난 몰라... 그리고 그냥 취업 준비 시작! 목표는 모름.. 2022. 1. 10. 협업하며 맞춰본 자그마한 컨벤션 모음 zip 코드를 구현하다 보면 정말 말도안되게 작은 일인데 정하지 않고 넘어가면 피곤한 눈엣가시같은 규칙들이 있다.. 프로젝트의 규모는 점점 커지는데.. 이런 것들을 눈감고 지나가니.. 눈덩이처럼 불어나기 때문에 단판을 지어야 한다! 같이 개발하며 맞추면 좋은 사소한 것들을 경험을 기반해 설명하고자 한다. 1. git commit 과 & PR 컨벤션 git convention git commit 시 유명한 prefix가 몇가지 있어서 알아서 사용하는 느낌이었다. 표준 prefix에서 팀이 사용할 몇가지만 명시하고, commit 정책을 디테일한 예시와 함께 정리했다. feature 새로운 기능에 대한 commit fix 수정에 관한 commit style 코드 스타일에 관한 commit refactor 코드 리팩토.. 2021. 12. 19. FE 프로젝트 시 선택하는 기술스택들 - yarn, emotion, materail UI... 프로젝트를 시작하면, 수많은 선택의 기로에 놓이게 된다. 바로.. 기술스택들 사실 일전엔 큰 고민없이 많이 쓰이기 때문에 선택한 것들이 있었지만, 이번 프로젝트는 나에게 매우 크고 소중하기에 선택지들을 비교해보겠다! 1. Package Manager - npm vs yarn npm (node package Manager) Node.js 기본 패키지 관리자 yarn npm과 크게 차이는 없지만 , 버전 차이로 인한 버그를 방지하고 패키지가 약간 더 가벼움 가볍고 빠르다 속도와 안전성이 미세하게 좋지만 performance 차이는 크지 않다. 병렬적 패키지 설치, 버전차이로 인한 버그 방지 가능 ✔️ 둘 사이에 큰 의미가 없지만 장점이 더 한 yarn을 안 쓸 이유가 없기에 yarn선택 2. Frame Wo.. 2021. 12. 19. [LeetCode] 125_Palindrome 처음 풀이 문제 링크 125_Valid Palindrome ☁︎ 처음 풀이 var isPalindrome = function (s) { s = s.toUpperCase(); let ans = []; for (let i = 0; i = 'A' && s[i] = '0' && s[i] 2021. 12. 7. [LeetCode] 28_ImplementstrStr -JavaScript 문제 링크 : 28_ImplementstrStr string 문제 haystack과 needle이 주어졌을 때 needle이 haystack에 있는지 확인하고 있으면 해당 idx를 없으면 -1을 return한다. ☁︎ 처음 풀이 var strStr = function (haystack, needle) { let needleLen = needle.length; for (let i = 0; i < haystack.length; i++) { if (haystack[i] === needle[0]) { if (haystack.substring(i, i + needleLen) === needle) return i; } } } haystack의 개수만큼 for문을 돌며 그 첫 글자가 같다면 needle의길이만틈의 문.. 2021. 12. 2. [LeetCode] 64 _ minimumPathSum 나의 풀이 var minPathSum = function (grid) { let mLen = grid.length; let nLen = grid[0].length; const DP = [...new Array(mLen)].map(() => []); DP[0][0] = grid[0][0]; for (let i = 0; i < mLen; i++) { for (let j = 0; j < nLen; j++) { if (i === 0 && j === 0) DP[i][j] = grid[i][j]; // 우측 방향 else if (j === 0) DP[i][j] = grid[i][j] + DP[i - 1][j]; // 하단 방향 else if (i === 0) DP[i][j] = grid[i][j] + DP[i][j.. 2021. 11. 23. [LeetCode] 746 Min Cost Climbing Stairs-javascript 나의 풀이 var minCostClimbingStairs = function(cost) { const goalStair = cost.length let DP=[] DP[0] = 0; DP[1] = 0; DP[2] = Math.min(cost[0],cost[1]) for (let i=3 ; i 2021. 11. 20. 이전 1 2 3 4 5 6 7 ··· 23 다음 반응형
