본문 바로가기
닫기
필터

  • React 상태관리 Mobx 정리 및 사용법

    tistory.com

    React 상태관리 Mobx 정리 및 사용법

    Mobx 개념 정리 및 사용법 1-1. MobX의 주요 개념 1) Observable State (관찰 받고 있는 상태) 상태의 변경이 잇으면 Mobx에서 관찰하고 있다가 어떤 부분이 바뀌었는지 파악한다. 2) Computed Value (연산된 값) 기존의 상태값과 다른 연산된 값에 기반하여 만들어질 수 있는 값으로 성능 최적화를 위해 사용된다. 어떤 값

    Dev_Hong

  • [React] MobX 이해하기

    velog.io

    [React] MobX 이해하기

    리엑트에서 상태관리하기 위해서 기존 프로젝트에서는 Redux를 많이 사용하였다. 하지만 회사에서는 MobX를 사용하였고 업무 이해를 키울겸 MobX공부를 시작하였다.프로젝트를 하면서 상태관리가 필요하다고 느낀적이 있다. 고정을 많이 사용하는 기능에 매번 API로 데이

    Dev_Hong

  • [JavaScript] 문자열 구분자로 자르기 (split)

    tistory.com

    [JavaScript] 문자열 구분자로 자르기 (split)

    자바스크립트에서 문자열을 특정 구분자로 분할하기 위해서는 split 함수를 사용하면 된다. split 함수를 사용하면 특정 구분자를 기준으로 문자열을 분리하여 결과를 배열로 반환한다. 구분자가 많지 않다면 substring 함수와 indexOf 함수를 활용하여 문자열을 특정 구분자로 자를 수도 있다. split 함수로 문자열 자르기 var str = 'HT

    Dev_Hong

  • CSS) nth-child, nth-of-type 다양한 활용방법

    tistory.com

    CSS) nth-child, nth-of-type 다양한 활용방법

    CSS에서 nth-child를 사용하면 쉽게 n번째 요소를 선택 가능하다. li:nth-child(2) { color: lime; } /* 4,8,12,16 ... */ div:nth-child(4n) { color: lime; } 선착순 1등, 2등, 3등에 아이콘을 넣고자 할때 꼭 아래 코드처럼 li가 아니어도된다. div등의 요소도 당연히 선택할 수

    Dev_Hong

  • [css3] :nth-of-type() 가상 클래스

    tistory.com

    [css3] :nth-of-type() 가상 클래스

    [css3] :nth-of-type() 가상 클래스 지난 시간에 :nth-child() 가상 클래스를 배웠습니다. :nth-child() 가상 클래스는 부모의 n번째 자식인 요소를 선택하는 선택자입니다. :nth-of-type()은 같은 유형의 n번째 형제를 선택합니다. n값에는 :nth-of-type 가상 클래스 에서 배운 것처럼 동일 합니다. 키워드,

    Dev_Hong

  • (React) Immer에 대해서/Immer 사용법

    tistory.com

    (React) Immer에 대해서/Immer 사용법

    (React) Immer에 대해서/Immer 사용법 * 본 포스팅은 개인 공부를 위해 '리액트를 다루는 기술'을 읽은 후 정리한 내용입니다.  포스팅 요약 1. 불변성의 중요성 2. immer이란? 3. immer 사용법 4. immer 사용 예제 더보기 1)immer 사용 전 2)immer 사용 후 3)useState와 immer 함께 쓸 때 1. 불변

    Dev_Hong

  • [Recoil] Recoil 200% 활용하기

    velog.io

    [Recoil] Recoil 200% 활용하기

    아무리 구글링해도 Recoil 기본 예제밖에 나오지 않아 직접 작성한 Recoil 200% 활용법 🙃

    Dev_Hong

  • [React] Recoil 정리

    velog.io

    [React] Recoil 정리

    Recoil은 페이스북이 2020년 5월에 소개한 React 전용으로 나온 상태 관리 라이브러리다. Recoil을 통해 전역 상태를 관리하면 코드가 굉장히 간결해진다.context API는 전역 상태를 전달할 때 객체 형태의 value를 사용한다. 따라서 객체 안의 값

    Dev_Hong

  • Recoil: React를 위한 상태 관리 라이브러리 | WIT블로그

    nts-corp.com

    Recoil: React를 위한 상태 관리 라이브러리 | WIT블로그

    React 프로젝트를 진행하다 보면 많은 프로젝트에서 상태관리 라이브러리를 사용하게 됩니다. 저 역시 이번에 새로운 프로젝트를 시작하면서 어떤 라이브러리를 사용하는 것이 좋을지 고민하게 되었고, 그 과정에서 다양한 상태관리 라이브러리에 대해 알아보게 되었습니다. 그러던 중 Facebook에서 2020년 발표한 Recoil이라는 React 전용 라이브러리에

    Dev_Hong

  • Recoil 기초 개념 및 사용법

    tistory.com

    Recoil 기초 개념 및 사용법

    Recoil 페이스북에서 만든 상태관리 라이브러리로, useState를 사용하는 것만큼 사용이 간단하면서 상태 관리를 효과적으로 할 수 있게 도와준다. Recoil lets you create a data-flow graph that flows from atoms (shared state) through selectors (pure functions) an

    Dev_Hong

  • [OS 운영체제] 운영체제 및 컴퓨터 시스템 기본 요소

    github.io

    [OS 운영체제] 운영체제 및 컴퓨터 시스템 기본 요소

    운영체제 (Operating System) 란?
    운영체제는 하나 이상의 처리기로 구성된 하드웨어 자원을 활용하여 시스템 사용자에게 다양한 서비스를 제공해주는 프로그램이다.

    컴퓨터 사용자와 하드웨어 간의 인터페이스 역할을 하며, 응용 프로그램이 편리한 작업을 할 수있게 환경을 제공해준다.

    Dev_Hong

  • [번역] Recoil — 새로운 리액트 상태 관리 라이브러리?

    medium.com

    [번역] Recoil — 새로운 리액트 상태 관리 라이브러리?

    리액트 상태 관리 라이브러리는 지속적으로 만들어져왔고 많은 라이브러리들이 존재한다. 하지만 페이스북이 직접 상태관리 솔루션을 소개한 적은 그리 많지 않다.
    기존 라이브러리 보다 장점은 무엇인지, 이전엔 없던 새로운 것인지,
    과연 당신이 시간을 들일만큼 가치가 있는지 알아보자. (스포일러: 물론 있다.) 물론 2020년 5월 현재 Recoil 는 여전히…

    Dev_Hong

  • 운영체제(OS, Operating System) - 정의, 종류, 기능, 목적

    tistory.com

    운영체제(OS, Operating System) - 정의, 종류, 기능, 목적

    운영체제(OS, Operating System)란? 운영체제(OS, Operating System)는 컴퓨터 시스템의 자원들을 효율적으로 관리하며, 사용자가 컴퓨터를 편리하고, 효과적으로 사용할 수 있도록 환경을 제공하는 여러 프로그램의 모임이다. 운영체제는 컴퓨터 사용자와 컴퓨터 하드웨어 간의 인터페이스로서 동작하는 시스템 소프트웨어의 일종으로, 다른 응

    Dev_Hong

  • 리액트 반응형 웹 구현하기

    tistory.com

    리액트 반응형 웹 구현하기

    반응형 웹 테블릿과 스마트폰에서도 인터넷을 사용할수 있게 되자 각 기기 화면 크기에 따라서 사용자들에게 최적화 된 화면을 재공하기 위해 웹 페이지의 사이즈가 '재조정' 되는 것을 말합니다. react-responsive 셋팅 npx create-react-app 작업폴더명 ※ 작업폴더 이름을 react-responsive로 하면 오류가 나니 라이브러리 이름

    Dev_Hong

  • React CSS 스타일링 :: styled-components

    tistory.com

    React CSS 스타일링 :: styled-components

    REACT에서 스타일링할 때는 다양한 방식이 있고 그 중에서 정답은 없다! 회사에서 사용하는 스킬, 개발자마다 각자의 취향에 따라 선택하기 때문ㅠ.ㅠ 일반적으로 다음과 같은 스타일링 방법들이 존재한당 일반 CSS Sass CSS Module styled-components 이번 시간에는 styled-components에 대해 공부해보아야징~ styled-c

    Dev_Hong

  • [styled-components] ThemeProvider에서 MediaQuery를 적용하는 2가지 방법

    tistory.com

    [styled-components] ThemeProvider에서 MediaQuery를 적용하는 2가지 방법

    이 글은 Styled-components의 ThemeProvider에 대한 기본적인 선행 지식이 필요합니다. 혹시 ThemeProvider에 대한 정보를 확인해보고 싶다면 ThemeProvider로 공통 스타일 속성 관리하기를 방문해서 가볍게 읽고 와보세요. 그럼 더 도움이 될거에요 :) 어떤 종류의 언어나 도구가 되었던 웹 프론트의 스타일링을 하는 과정에

    Dev_Hong

라이브러리에 저장

좋아하는 강좌들을 수집하고 관리하고 공유하세요

닫기