\(@^0^@)/

- udemy 알고리즘 강의 (재귀 문제 2개) 하루에 1-2문제 풀기 챌린지 중! 오늘 피보나치 재귀를 풀었는데, 유데미 강의에서는 이번 퀴즈는 그냥 솔루션만 알려주었기에 완벽히 이해하고 싶어서 구글링을 하는데, 다들 내가 받은 솔루션 코드가 시간 복잡도가 최악이라는 말을 하고 있다.... 왜 이런 걸 알려준 거야?ㅠ 피보나치 수열이란? 각 숫자가 직전의 두 숫자의 합인 수열이다. fib(10)를 구하기 위해 0부터 10번째까지의 수들을 나열해본다면, [0, 1, 1, 2, 3, 5, 8, 13, 21, 34, 55]이며 fib(10)는 fib(10)는 21+34로 55이다. fib(4)를 구하기 위해 0부터 4번째까지의 수들을 나열해본다면, [0, 1, 1, 2, 3] 1+2로 3이다. 문제는 피보나..

- udemy 알고리즘 강의 (섹션 7 재귀, 연습문제 2개) 재귀에서 stack overflow를 발생시키지 않도록 주의할 부분 no base case forgetting to return or returning the wrong thing 항상 for loop으로만 풀다가, 재귀로 접근하려니까 생각보다 고려해야 하는 부분들이 많고 머릿속이 복잡해진다ㅠ 그냥 직진하면 답이 나오는 것을 굳이 어려운 길로 돌아가는 느낌이지만, 재귀로 푸는 것이 효율적이겠지ㅠ 그래도 오늘은 쉬운 문제들 위주로 풀어서 재미있고 재귀와 조금 더 친해지는 시간이었음! - js문법 스터디, class 문법 정리 https://poiemaweb.com/js-prototype Prototype | PoiemaWeb 자바스크립트의 모든..

- 프로그래머스 JS스터디 과제 async & await를 사용할 때 이해해야 할 점. await를 붙이면 함수의 리턴 타입이 promise가 된다. 리턴 타입이 promise 형태인 함수는 async & await 키워드로 promise의 resolve를 await형태의 코드로 짤 수 있음. api를 사용할 때도 컴포넌트를 따로 분리, 활용하자 end-point 상수화 response 못 받을 경우의 예외처리 request 받는 부분과 keyword 넣는 부분 분리 debounce를 사용할 때도 컴포넌트로 분리, 활용하자 deboucing time을 밖에서 설정할 수 있게 로직을 짜야함. - 유데미 알고리즘 Sliding Window 문제풀이 sliding window 알고리즘 중 하나 풀었는데, 다시..

- 제로베이스 HTML/CSS 과제 드디어 끝냈다! 1-2군데 거슬리는 부분이 있지만, 어떻게해야 좋을지 잘 모르겠어서 우선은 그냥 제출하기로 결정ㅠ 다음에 다른분들은 어떻게 했는지 물어보자! - 유데미 알고리즘 Sliding Window 문제풀이 - 프로그래머스 JS스터디 과제 export default function component ({ initialState, $target }) { const $element = document.createElement('div'); $target.appendChild($element); this.state = initialState; this.render = () => {}; this.setState = (nextState) => { this.state = n..

- 제로베이스 HTML/CSS 과제 js와 연결해서 active 해주는 코드가 ul을 중첩으로 3 depth까지 넣는 구조라서.... 코드가 한번 꼬이니까 걷잡을 수 없어서 하루 종일 헤맸다ㅠㅠ 역시 이럴 땐 그냥 다 지우고 다시 하는 게 빠른 것 같다. 괜히 붙잡고 있다가 시간만 낭비했어!! 어느 정도 끝나서, 저녁 먹고 또 하면, 계획대로 오늘 안에 끝낼 수 있을 것 같다. 파이팅! 아 근데 카테고리 ul을 중첩으로 넣어, 3 depth까지 스타일링하는 부분에서 js와 연결이 잘 되게 구조화하면 자꾸 html 문법 검사에서 ul 요소는 ul을 자식으로 허용하지 않는다는데ㅠ.. 그렇다고 html 문법에 맞게 수정하면 console에 error throw 하게 구현된 과제라서.. 우선은 문법 검사에서 오..

- 프로그래머스 JS스터디 과제 + 회고 노션에 회고하였음! 간단하게 이번 과제를 통해 배운 것을 적자면 파일 끝에는 항상 개행을 해야 한다. 컴포넌트 구조화 Event Delegate Local Storage - 유데미 알고리즘 Sliding Window 문제풀이 - 제로베이스 HTML/CSS 과제 https://triplexlab.tistory.com/52 Icon Font 정리 🤟 Icon Font 정리 안녕하세요 TriplexLab입니다. 오늘은 벡터 이미지를 Icon Font로 만들어보는 것을 정리해 보겠습니다. figma, Illustrator, sketch 등등의 벡터 이미지를 추출할 수 있는 디자인 툴을 사용하 triplexlab.tistory.com https://icomoon.io/ap..

- 프로그래머스 JS스터디 과제 LocalStorage를 사용할 때 주의점. 한번 래핑 해서 사용! 해당 파일에서 바로 사용하는 것이 아니라, Storage 파일을 생성하여 그 안에 get, set 코드들을 추가. 항상 문제가 생길 수 있는 지점들을 이해하고 주의! 예를 들어 JSON String형태가 아닌 경우 JSON.stringify( ) 메서드를 사용하여 JS 개체 또는 값을 JSON 문자열로 변환. https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify 17:50 오후 회고 스터디 (만족도 : 5) 후반에 집중력이 매우 좋지 않았다. 휴대폰을 봐버려서... 반성! - 프로그래머스 ..

- leetcode 배열 알고리즘 복습 + 유데미 알고리즘 다중 포인터 연습 leetcode에서 지난번에 어려웠던 find pivot index 문제를 풀었는데, 이번에도 어려웠다ㅠ 솔루션을 찾아보는데 다들 너무 어렵게 접근해서 코드들이 이해가 안 되고, 쉬운 코드는 reduce를 사용하더라. reduce가 아직 낯설다 보니, 코딩을 할 때 reduce를 써야겠단 생각이 나질 않는다. reduce와 친하게 지내지 내고 reduce라는 메서드가 있다는 것을 항상 염두에 두자! https://leetcode.com/problems/find-pivot-index/discuss/138027/javascript-solution%3A-beats-100.00-runtime-76ms javascript solution..

3일 오후부터 4, 5일까지 재미나게 놀았으니 다시 해보자! - 제로베이스 HTML/CSS 과제 고민한 부분들 웹 접근성을 위한 텍스트 숨김 처리 TIL 작성 https://dev-minju.tistory.com/229 [TIL] 웹 접근성을 위한 텍스트 숨김 처리 h1에 텍스트 마크업은 하지만 화면에는 보이지 않고, 스크린리더에서만 읽을 수 있게 스타일링하고, 화면에는 텍스트 대신 이미지를 배경으로 설정하여야 한다. 이렇게 구현해야 되는 이유를 정 dev-minju.tistory.com 17:50 오후 회고 스터디 (만족도 : 6) 후반부에 조금 집중을 못했고, TIL을 작성하면서 과제를 하다 보니 생각보다 시간이 많이 흘러서 계획한 것들을 다 달성하지 못하고, 몇개를 내일로 미뤄야 했다ㅠ 근데 내가 ..

- 제로베이스 HTML/CSS 과제 하이퍼링크에서 새 탭으로 브라우저를 열도록 target="_blank" 할 경우, 오프닝 사이트에게 부분적인 액세스를 제공하여 해당 페이지에 다음 액세스를 허용하고 변경하므로, 자바스크립트를 통해 악성 코드 또는 피싱 사이트에 노출될 수 있으므로 보안에 매우 취약함. 따라서 링크에 rel="noopener"를 추가하여 객체가 window.opener 요청을 함께 보내지 않도록 해야 한다. Firefox는 noopener를 지원하지 않으므로 noreferrer를 추가해야 함. 결론적으로는 rel="noopener noreferrer" https://learntutorials.net/ko/html/topic/254/%EC%95%B5%EC%BB%A4-%EB%B0%8F-%ED..