Sign in
it dev react context

[React.js] Context API를 이용하여 전역 상태 관리하기

Context API를 이용하여 전역 상태 관리하기들어가며리액트(React.js)에서 Context API를 이용하여 전역 상태 관리하는 방법을 정리해본다.Context API를 이용하면 따로 패키지를 설치하지 않고도 전역 상태를 관리할 수 있다. Context API개념컴포넌트 트리에서 전역 상태를 보다 쉽게 공유할 수 있는 기능을 제공하는 API이 방법을 이용하면, 프롭 드릴링(Props Drilling)을 피할 수 있다. 방법① context 파일 생성하기전역으로 사용할 상태를 정의하는 @Context.js@ 파일을 생성한다. ./src/context.jsimport { createContext, useContext, useState } from 'react';// (1) Context 생성하기co..
wono | discuss |
it dev shadcnui

[번역] shadcn/ui 의 해부

올해 자바스크립트 생태계를 돌아다니다 보면 shadcn/ui라는 흥미로운 UI 라이브러리를 접했을 것입니다. 이 라이브러리는 npm 패키지로 배포되지 않고, CLI를 통해 컴포넌트의 소스 코드를 프로젝트에 포함하는 방식으로 제공됩니다. 이 라이브러리의 제작자는 shadcn/ui의 공식 웹 사이트 내에 이러한 결정을 내리게 된 이유에 대해서 작성하였습니다…
wono | discuss |
it dev typescript props

Next.js에서 타입스크립트와 함께하는 함수형 컴포넌트의 모든 것

함수형 컴포넌트는 리액트 개발에서 가독성 높고 간결한 코드 구조를 제공합니다. 이 글에서는 Next.js 환경에서 자바스크립트와 ES6 화살표 함수를 사용한 함수형 컴포넌트의 구조, 타입스크립트를 활용한 속성 정의 방법, 그리고 함수형 컴포넌트의 여러 구성 요소 및 방식에 대해 알아봅니다.
wono | discuss |
it ops oci

무료 계정 (Free Tier) 사용자 계정 User 관리

일반 상용 계정 (Pay As you Go, Annual Flex)와 무료 계정은 User 계정 메뉴가 속해있는 위치가 다릅니다. 또한, 상용 계정은 IAM with Identity Domain 이나 IDCS를 지원하는 반면, 무료 Trial 계정의 경우 현 시점 기준으로는 단순 메일 주소를 통한 사용자 등록만 지원하고 있습니다. 무료 Trial 계정의 사용자 관리는 아래와 같은 메뉴에서 확인하실 수 있습니다. Identity & Security > Identity > Domains > Users 사용자 추가는 Create user를 통해 입력 가능하며, 추가하시고자 하는 사용자 메일 계정을 입력해주시면 됩니다. 메일 입력 후, 필요하실 경우 Group에도 추가 가능하며 Create를 하게 되시면 등록하..
wono | discuss |
it dev tailwindcss

[tailwind CSS] 2. vscode 플러그인 추천

1. Tailwind CSS IntelliSense html 작성 시, 입력한 문자로 시작하는 클래스명들을 보여준다. 2. Tailwind CSS Explorer vscode에서 tailwind 클래스명들을 속성별로 검색 확인할 수 있다. 이와 비슷한 플러그인으로는 Tailwind Docs가 있는데, 이는 vscode에서의 바로 확인은 아니고, 검색한 클래스의 설명이 기입된 공식 사이트 페이지를 오픈한다. 3. Headwind 지정한 클래스를, 속성별로 재배열 시켜준다. 예로 다음과 같은 코드가 있다면 Mint-Coding 아래와 같이 재배열 시켜, 클래스 파악에 도움 준다. 팀워크가 아니어도, 추후 관리를 위해 강력 추천하는 플러그인이다. Mint-Coding
wono | discuss |
산업 스타트업 창업 계정

IT 창업가 필수 체크리스트 계정 1편 안내드립니다

채용의 트렌드가 변화했습니다. 이제 필요한 인력이 있다면 무조건 적인 채용이 아닌 외주를 통한 협업의 형태로 충분히 인력 조달이 가능하기 때문에, 이전과는 다르게 "아이디어"만 있다면 전공분야가 아니라고 하더라도 창업이 가능해졌죠. 하지만 그렇기 때문에 일각에서는 다양한 문제에 부딪히곤 합니다. 그래서 오늘은 전공자가 아닌 IT 창업가 필수 체크리스트를 안내드리는 시간을 가져보도록 하겠습니다. : ) IT 기업 운영 시 인하우스 VS 외주 개발 IT 프로젝트 진행 및 IT 기업을 운영할 것이라면 인하우스와 외주 개발 중 인력 조달 방법을 택하셔야 하고 이 주제는 어찌 보면 IT 프로젝트 계 최고 딜레마라고 할 수 있습니다. 각각의 장점과 단점이 매우 분명하기 때문이죠. 그럼에도 불구하고 외주 개발 활용 ..
wono | discuss |
산업 스타트업 창업 게정

개발을 모르는 IT 창업가를 위한 가이드 - 1

대표가 루트 계정을 관리하라 제품을 만들기 위해 외주를 찾은 대표님들은 보통 기획과 스토리보드에만 신경을 쓸 것이다. (스토리보드도 없이 "이런 이런 제품 만들어주세요." 했다가 망하는 경우가 대부분이지만...) 이후 개발의 모든 것은 외주가 할 것이라고 성대한 착각을 하게 된다. 반은 맞고, 반은 틀렸다. 제품 개발은 외주가 하지만, 개발 과정에서 필요한 각종 계정은 대표가 제공해야한다. 좋은 외주라면 대표에게 연락하여 "이런 이런 계정 필요하니 만들어서 주세요." 하겠지만, 대부분은 그 사이에도 일이 지체되기 때문에 그냥 대충 계정 하나 파서 진행할 것이다. 어이쿠, 아무것도 안한 것 같은데 제품에 재앙의 씨앗이 잉태되었다. 계정은 기본적으로 "생성한 당사자"의 것이다. 제품을 전달 받을 때 계정 소..
wono | discuss |