본문 바로가기

전체 글

(73)

Data Structures & Algorithms with Javascript : Sets [이전 글]2024.07.23 - [🤖 data structures & algorithms] - Data Structures & Algorithms with Javascript : Hashing Data Structures & Algorithms with Javascript : Hashing[이전 글] 2024.07.22 - [🤖 data structures & algorithms] - Data Structures & Algorithms with Javascript : DictionariesHashing은 데이터 추가와 반환을 빠르게 하기 위한 데이터 저장 기술이다.Hash table이라는 데이터 구조pyotato-dev.tistory.comset은 중복되는 원소(member)가 없고 원소 간에 순서..

Data Structures & Algorithms with Javascript : Hashing [이전 글] 2024.07.22 - [🤖 data structures & algorithms] - Data Structures & Algorithms with Javascript : DictionariesHashing은 데이터 추가와 반환을 빠르게 하기 위한 데이터 저장 기술이다.Hash table이라는 데이터 구조를 사용하는데, hash table은 데이터 추가, 삭제, 반환은 배무 빠르지만 최소나 최대 값을 구하는 것과 같은 검색은 비효율적이다.👩🏻‍💻 오늘은 Hash table이 무엇인지, 클래스 구현법, collision과 그 해결법에 대해 살펴보자.Hashing 이란Hash table 자료 구조는 array를 기반으로 만들어진다. 이 array는 0부터 정해진 크기의 엘리먼트로 구성된다...

Warning: React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: undefined... React에서 컴포넌트를 작성할 때 종종 다음과 같은 compound component를 만들어 모듈화를 시키고 재활용성을 높일 수 있다."use client";import { MyButton } from "@tripie/design-system";import { useAppTheme } from "@tripie/hooks";const ThemeButton = () => { const { setControl } = useAppTheme(); return ( setControl("os_default")}>os default );};const ToggleButton = () => { const { mode, toggle } = useAppTheme(); return ( to ..

Data Structures & Algorithms with Javascript : Dictionaries [이전글] 2024.07.21 - [🤖 data structures & algorithms] - Data Structures & Algorithms with Javascript : Linked Lists👫 Dictionary 데이터 구조는 키-값 으로 이루어진 데이터 구조다.☎ 전화번호부에서 이름을 찾으면 해당 번호를 바로 찾을 수 있기 때문에 검색 시에 아주 편하게 값을 찾을 수 있다.👷 자바스크립트 Object 클래스는 dictionary 처럼 동작하도록 디자인 되었다고 한다.📚 오늘은 Object 클래스를 활용해서 Dictionary 클래스를 만들어보고, dictionary 사용의 특징과 장점들을 살펴보자!📙 Dictionary 클래스Dictionary 클래스의 기반은 Object 클래스가..

Data Structures & Algorithms with Javascript : Linked Lists [이전글]2024.07.21 - [🤖 data structures & algorithms] - Data Structures & Algorithms with Javascript : Linked Lists2024.07.18 - [🤖 data structures & algorithms] - Data Structures & Algorithms with Javascript : Lists👩🏻‍💻 이전 3장에서 array를 저장 메커니즘으로 활용하는 list에 대해 살펴봤다.📖 이번에는 다른 종류의 list인 "linked-list"에 대해 살펴보자.✍️ 어떤 점에서 list보다 효율적으로 쓰일 수 있을지 linked list란 무엇이고, class으로 구현, 그리고 종류에 대해서 다뤄보자.☹️ Arra..

[Sass] 주석(Comments) 시작하기에 앞서✍️ 해당 글은 .scss 를 기준으로 작성되었습니다!.scss와 .sass 확장자에 따라 주석이 동작하는 방식에는 차이가 있지만 공통적으로 /**/로 작성되는 주석은 css로 컴파일된다는 점, // 로 작성된 주석은 컴파일 되지 않는다는 점은 동일합니다!디자인 시스템을 만들면서 scss 사용도 익히는 중이다.여러 자료들을 참고하던 도중 주석 스타일이 조금씩 달랐다.어떤 경우에는 어떤 걸 쓰는 지 궁금해서 이번 포스팅에서 다뤄보기로 했다.Scss에서의 주석scss에서 사용하는 주석은 js에서 동작하는 방식과 유사하다. // 로 시작하는 single-line comment(한 줄 주석)들은 css에서는 silent comment라고도 불리는데, 어떠한 css도 만들지 않기 때문이다./**/로..

[react-hydration-error] Hydration failed because the server rendered didn't match the client [이전글 : 디자인 시스템이 뭔지 알고 싶다면 👉 ] 2024.07.11 - [👩🏻‍💻 dev] - 디자인 시스템 101 : 디자인 시스템이란?👩🏻‍🔧 scss + next monorepo 디자인 시스템을 도입하는 중이다.다크모드를 추가해주기 위해서 코드를 추가해 줬는데 새로고침을 할 때마다 "Hydration failed because the server rendered didn't match the client"의 에러가 발생했다.다음에 같은 실수를 해도 헤매지 않고, 혹시나 나처럼 헤매고 계신 분들을 위해 조금이나 도움이 될까 기록을 남겨두고자 한다.에러는 왜 발생한 건지, 그리고 어떻게 해결했는지 살펴보자! 🕵️ 문제 원인 찾기이런 에러가 발생하면 next은 아주 친절하게 원인일 요..

Data Structures & Algorithms with Javascript : Queues [이전 글]2024.07.19 - [🤖 data structures & algorithms] - Data Structures & Algorithms with Javascript : Stacks Data Structures & Algorithms with Javascript : Stacks2024.07.18 - [🤖 data structures & algorithms] - Data Structures & Algorithms with Javascript : Lists2024.07.17 - [🤖 data structures & algorithms] - Data Structures & Algorithms with Javascript : Arrays2024.07.17 - [🤖 data structures ..

이전 1 ··· 3 4 5 6 7 8 9 10 다음

티스토리툴바