자료구조&알고리즘/알고리즘

[LeetCode][JS] 49번 Group Anagrams

⚡문제 유형 배열,정렬, 해쉬 테이블, 문자열 📝문제 Given an array of strings strs, group the anagrams together. You can return the answer in any order. An Anagram is a word or phrase formed by rearranging the letters of a different word or phrase, typically using all the original letters exactly once. 그룹 아나그램 배열을 완성해라. 순서는 상관이 없다. 아나그램은 문자로 만들 수 있는 무작위 조합을 말한다. 📘예시 Input: strs = ["eat","tea","tan","ate","nat","bat"]..

자료구조&알고리즘/알고리즘

[LeetCode][JS] 1630번 Arithmetic Subarrays

⚡문제 유형 배열,정렬 📝문제 s[i+1] - s[i] == s[1] - s[0] 처럼 각 배열의 요소를 정렬했을 때 차이는 일정합니다. l과 r이 주어졌을 때 [l[i], r[i]]를 범위로 보고 범위에 해당하는 배열 요소가 차이가 일정한지 여부를 배열로 반환하시오. 📘예시 Input: nums = [4,6,5,9,3,7], l = [0,0,2], r = [2,3,5] Output: [true,false,true] Explanation: In the 0th query, the subarray is [4,6,5]. This can be rearranged as [6,5,4], which is an arithmetic sequence. In the 1st query, the subarray is [4,6,..

JavaScript

[JS] 2진수, 10진수, 8진수, 16진수 변환하기

2진수 👉🏻 10진수 const binary = "1111011"; const Decimal = parseInt(binary, 2); // === "123" 2진수 👉🏻 16진수 (* 10진수로 바꿨다가 다시 2진수로 바꾼다) const binary = "1111011"; const hexadecimal = parseInt(binary, 2).toString(16); // === "7b" 10진수 👉🏻 2진수 const decimal = 123; const binary = decimal.toString(2); // === "1111011" 10진수 👉🏻 16진수 const decimal = 123; const hexadecimal = decimal.toString(16); // === "7b" 16진수 ..

자료구조&알고리즘/알고리즘

[LeetCode][JS] 150번 Evaluate Reverse Polish Notation

문제 유형 수학, 배열, 스택 문제 들어오는 배열은 후위표기식 순서이다. (Reverse Polish Notation) . 유효한 연산자는 +, -, *및 /입니다. 각 피연산자는 정수 또는 다른 표현식일 수 있습니다. 두 정수 간의 나누기는 0으로 잘려야 합니다 .후위 표기식을 계산하시오. 예시 Input: tokens = ["2","1","+","3","*"] Output: 9 Explanation: ((2 + 1) * 3) = 9 Input: tokens = ["4","13","5","/","+"] Output: 6 Explanation: (4 + (13 / 5)) = 6 Input: tokens = ["10","6","9","3","+","-11","*","/","*","17","+","5","+..

JavaScript

[JS] 클로저(closure)

📖 정의 - 내부함수가 외부함수의 맥락(context)에 접근할 수 있는 것을 가르킴 - 유효범위(scope)에 묶인 변수를 바인딩 하기 위한 일종의 기술 - 함수를 저장한 레코드(record)이며, 스코프(scope)의 인수(Factor)들은 클로저가 만들어질 때 정의 - 독립적인 변수(로컬로 사용되지만 둘러싼 범위에서 정의 된 변수)를 참조하는 함수 - 외부 변수를 기억하고 이 외부 변수에 접근할 수 있는 함수를 의미 - 함수와 그 함수가 선언된 렉시컬 환경과의 조합 ⏳ 이해하고 넘어가야 하는 것 렉시컬 스코프 자바스크립트 엔진은 함수를 어디서 호출했는지가 아니라 함수를 어디에 정의했는지에 따라 상위 스코프를 결정한다. 내부 함수 자바스크립트는 함수 안에서 또 다른 함수를 선언할 수 있다. 예제 fu..

자료구조&알고리즘/알고리즘

[LeetCode][JS] 66번 Plus One

⚡문제 유형 수학,정렬 📝문제 각 자리의 수를 담은 정수 배열이 들어옵니다. 숫자는 왼쪽에서 오른쪽 순서로 최상위에서 최하위 순으로 정렬됩니다. 숫자에 1을 더한 값을 다시 배열로 반환하시오. 📘예시 Input: digits = [1,2,3] Output: [1,2,4] Explanation: The array represents the integer 123. Incrementing by one gives 123 + 1 = 124. Thus, the result should be [1,2,4]. Input: digits = [4,3,2,1] Output: [4,3,2,2] Explanation: The array represents the integer 4321. Incrementing by one gi..

JavaScript

[JS] 자료 다루기(객체, 배열)

⚡객체 📚객체 순회에 필요한 메서드 Object.keys(data), Object.values(data), Object.entries(data) 이 메서드들은 포괄적인 용도로 만들어짐 -> 메서드를 적용할 자료구조는 일련의 합의를 준수해야함. 커스텀 자료구조를 대상으로 순회를 하기 위해 이 메서드들 사용 못함 keys(), values(), entries()를 사용할 수 있는 자료구조는 다음과 같습니다. -> map.keys(), map.values(), map.entries() Map Set Array 일반 객체에도 순회 관련 메서드가 있긴 한데, keys(), values(), entries()와는 문법에 차이가 있습니다. Object.keys, values, entries 일반 객체엔 다음과 같은 ..

HTML&CSS

[CSS] 가상 선택자 (hover, active, focus)

가상 클래스(:pseudo-class) 화면의 특정 요소에 커서가 향했을 때 디자인을 입혀주는 등 어떤 요소에 동적인 스타일을 입혀주는 역할 가상 요소(:pseudo-element) 실제로 존재하지 않는 요소를 만들어 주는 역할 가상 클래스 종류 :hover 마우스가 해당 요소 위에 있을 때 요소의 스타일 변경 이 링크를 가리켜보세요. a:hover { background-color: gold; } :active 마우스가 해당 요소를 클릭하는 순간부터 떼는 순간까지 요소의 스타일 변경 이 링크는 클릭하는 동안 색이 빨갛게 됩니다. a:active { color: red; } :focus 해당 요소에 포커스되면 요소의 스타일 변경(마우스, 키보드 해당) .blue-input:focus { backgroun..

자료구조&알고리즘/알고리즘

[LeetCode][JS] 1678번 Goal Parser Interpretation

⚡문제 유형 문자열 📝문제 "G", "()" ,"(al)" 가 혼합해 입력값으로 들어온다. 이 때 "()"은 o로 변경하고 괄호를 전부 뺀 문자열로 반환해라. 📘예시 Input: command = "G()(al)" Output: "Goal" Explanation: The Goal Parser interprets the command as follows: G -> G () -> o (al) -> al The final concatenated result is "Goal". Input: command = "G()()()()(al)" Output: "Gooooal" Input: command = "(al)G(al)()()G" Output: "alGalooG 📗풀이 1. split split("()")을 사용해..

잡담

(추가후기 작성중)제로베이스 프론트엔드 스쿨 3기 후기

수강한지 벌써 한달 반이나 됐다 (마지막에 추가 후기를 작성했습니다! 질문 있으시면 댓글로 물어봐주세효) 강의 후기 1. 전반적인 후기 1) 강의 목차가 잘 구성되어있다 ⭐⭐⭐ 먼저 공부하기 전에 전체적인 목차를 살펴서 내가 공부할 순서가 어떻게 되는지 파악하는게 중요한 단계라고 생각한다. 그런면에서 배울 때 전반적인 걸 다 다루고 강의 순서가 잘 구성되어 있는 것 같다. 연관성이 있는 것들 끼리 모아놨다는 생각이 든다. 2) 예제 코드가 제공되어있다 ⭐⭐⭐ 수업을 들으면서 일일히 코드를 따라 치기에는 시간이 많이 들지만 제로베이스 스쿨 수업은 수업의 코드가 강의 자료에 첨부가 되어있어 일일히 작성하지 않아도 된다. 수업 중 강사님이 달아주시는 주석까지 완벽하게 다 동일하게 달려있다. 중간중간 예제 문제..

놀이터주인장
우당탕탕 개발놀이터