\(@^0^@)/

- 제로베이스 알고리즘 배열 복습 숫자 빈도수 구하기, 달팽이 만들기 주어진 범위 안의 숫자 빈도수를 구할 때 만약 해당 숫자가 일의 자리 이상이라면, let num; for (let i = f; i

React 앱을 만들기 위해 필수적인 개발 도구들 : Babel, Webpack, HMR(hot-module-replacement)... Babel 현재 및 이전 브라우저 또는 환경에서 ECMAScript 2015+ 코드를 이전 버전의 JavaScript로 변환하는 데 주로 사용되는 도구 체인입니다. 다음은 Babel이 할 수 있는 주요 작업입니다. Transform syntax Polyfill features that are missing in your target environment (through a third-party polyfill such as core-js) Source code transformations (codemods) https://babeljs.io/docs/en/ Babel ..

- 제로베이스 알고리즘 배열 복습 OX 퀴즈, 벽돌 옮기기 요즘에 배열만 풀어서 그런지 그래도 이제 기본적인 배열 문제는 어느 정도 잘 풀리는 기분이다 :) 아니면 그냥 위의 문제들을 워낙 많이 풀어봐서 일수도 있겠지만... 어쨌든 두 문제를 푸는데 많은 시간이 걸리지 않아서 오늘의 알고리즘은 만족스럽다! - 제로베이스 html/css 강의 color of HEX, transform, transition 스타일을 줄 때 나는 보통 샵을 이용한 16진수로 주긴 했었는데, 어떻게 표현해서 저런 숫자들이 색상이 되는지는 생각해보지 않았었는데, 이번 강의를 보면서 알게 되었는데 재미있고 흥미로웠다. 샵을 이용한 색상을 설정할 때는, F가 가장 채도가 높은 부분 (하얀색) 0이 가장 채도가 낮은 부분 (검은색)이..

- 제로베이스 JS 강의 stop-watch 구현 오늘은 클래스 형식으로 stop-watch를 구현하는 강의를 보고, 혼자서도 구현해보았음. 이번에는 갑자기 왜 클래스 형식으로 구현하는지 궁금했는데 강사님이 그냥 클래스가 편할 거 같아서 이번에는 클래스로 구현한다고만 말하셔서; 왜 stop-watch를 구현할 때의 어느 부분이 클래스 형식으로 구현하는 것이 더 좋을지를 속 시원하게 듣지 못하였음. 개인적인 생각으로는 이번 stop-watch는 start, stop, reset 기능을 구현하는 것이었는데, 세 기능이 동일한 종류의 객체를 여러 개 생성해야 하는 경우이므로 new 연산자와 모던 JS에 도입된 class 문법을 사용하였다고 생각한다. 클래스 문법을 사용하면 객체 지향 프로그래밍에서 사용되는 다..

- 제로베이스 알고리즘 배열 복습 일곱 난쟁이 한 배열 안의 9명의 난쟁이 (9개의 숫자) 중, 합이 100이 되는 7명의 난쟁이 (7개의 숫자)를 찾아 반환하는 문제. Input : [1, 5, 6, 7, 10, 12, 19, 29, 33] output : [1, 5, 6, 7, 19, 29, 33] Input : [25, 23, 11, 2, 18, 3, 28, 6, 37] output : [3, 37, 5, 36, 6, 22, 19, 2, 28] 접근 방법 : 1. 배열의 모든 숫자를 더한 후, 100을 뺀다 => 7명의 난쟁이 수가 100이니깐, 모든 합에서 100을 뺀다는 것은, 나머지 2명의 난쟁이를 구할 수 있다는 얘기. 2. 전체 배열에서 중첩 반복문을 돌려 2명의 난쟁이 수를 찾아낸다. 3..

- 제로베이스 알고리즘 배열 복습 1. 수열 최솟값 위치 2. 체스 세트 두 문제 다 어설프지만 해결을 하였다. 오랜만에 다시 풀어보는데 초급 문제여서 그렇겠지만, 아직 간결하고 가독성 좋은 베스트 코드를 짜는 것은 무리겠지만, 예전보다 확실히 접근할 때 소요되는 시간이 줄었고, 문제의 답을 찾아내는 확률이 늘었다. 그래도 조오금씩 실력이 늘고 있다는 생각이 안도했다. 내일 꼭 코딩 테스트를 보고 실력을 점검해보자. - JS문법 스터디 과제 오전 회고 (만족도 : 6) 일찍 못 일어나서, 목표한 것들이 계속 미뤄지고 제시간에 끝내질 못하고 있는 중... - JS문법 스터디 과제 스코프, 실행 콘텍스트, 클로저에 대해 학습하고 정리하였음. 여러 개발자들의 블로그를 보고, 유튜브를 보며 정리하였는데 생각보다..

- leetcode array and string 복습 Reverse Words in a String III https://dev-minju.tistory.com/manage/posts/ - 제로베이스 HTML/CSS 강의 1. 단위와 값 - 상대길이, 함수 표기법 1 em === 부모의 font-size 1 rem === root의 font-size font-size를 설정할 땐 rem으로 사용하도록 하자. em은 부모에 따라 값이 변하기 때문에, 스타일 줄 때 불편함. 2. 박스 모델 - box-sizing content - box : 초기 값. width와 height 속성이 콘텐츠 영역만 포함. 요소의 크기는 너비 = 콘텐츠 너비, 높이 = 콘텐츠 높이로 계산하고 테두리와 안쪽 여백은 식에 넣지 ..

Reverse Words in a String III Input: s = "Let's take LeetCode contest" Output: "s'teL ekat edoCteeL tsetnoc" Input: s = "God Ding" Output: "doG gniD" 어려운 문제는 아닌데 지난번에 풀지 못하여서 오늘 재도전하였다. 살짝 야매?로 푼 것 같긴 한데... 그래도 제출되었으니 성공 :) 내가 푼 코드는 이렇다. var reverseWords = function(s) { if(s === "") return -1 let splited = s.split(" ") let result = []; let store; for(let i = 0; i < splited.length; i++) { store =..

- leetcode array and string 복습 Pascal's Triangle II https://dev-minju.tistory.com/259 - 프로그래머스 JS 스터디 미션 3 회고 프로젝트에서 사용한 1.async & await 2. 스크립트 모듈화 3. debounce 에 대해서 회고하고, 정리하였음! 미션 3에서 배운 것과 중요하게 생각하는 부분들을 정의하고, 나는 이 프로젝트에서 어떻게 사용하였는지 노션에 작성하였는데 내가 예상하지 못했던 이론들을 발견해서 생각보다 시간이 꽤 오래 걸렸음... 그래도 뜻밖의 수확을 하여 공부가 많이 된 것 같다. 주말 회고 (만족도 : 4) 역시나 일요일인 오늘도 공부를 많이 하지 않았다. 주말에는 나도 모르게 그냥 집중력이 떨어지고, 공부가 하기 ..

Pascal's Triangle II https://leetcode.com/explore/learn/card/array-and-string/204/conclusion/1171/ Explore - LeetCode LeetCode Explore is the best place for everyone to start practicing and learning on LeetCode. No matter if you are a beginner or a master, there are always new topics waiting for you to explore. leetcode.com Input: rowIndex = 3 Output: [1,3,3,1] Input: rowIndex = 0 Output: [1] 내가..