


![그림](/assets/img/2024-07-25-DevelopingaNewTechnicalIndicator_0.png)

커스텀 기술 지표는 시장을 다른 관점에서 살펴보는 데 자주 사용되는 간단한 계산입니다. 일반적으로 기술 분석가들은 이미 가치가 입증된 클래식 인디케이터인 RSI와 이동평균을 사용합니다. 그러나 항상 편안한 영역을 벗어나는 것이 흥미로울 수 있습니다.

이 글은 새로운 기술 지표에 대한 간단한 아이디어와 활용 방법, 그리고 TradingView에서 어떻게 코딩하는지를 소개합니다.

# K’s Reversal Accelerator

<div class="content-ad"></div>

이 지표의 아이디어는 간단합니다. 일정 기간 동안 양봉의 수를 전체 캔들스틱 수로 나누는 것입니다. 이를 통해 0%와 100% 사이로 자연스럽게 제한된 지표를 얻을 수 있습니다 (100%가 모두 양봉이 발생하는 지역을 의미합니다).

기본 롤링 윈도우는 30입니다. 따라서, 최근 30개의 캔들스틱이 모두 음봉인 경우(종가가 시가보다 낮은 경우), 지표는 0%가 됩니다.

다음 차트를 살펴보세요.

해당 지표가 0%부터 100% 사이에서 변동하는 모습을 볼 수 있습니다. 실제 경계 값으로 70과 30을 사용하는 것은 RSI의 기본 경계 값을 기억해보세요.

<div class="content-ad"></div>

내 작품을 더 보고 싶다면, 아래 사진에 첨부된 링크를 따라서 PDF 도서 목록 카탈로그를 확인할 수 있어요:

![PDF books catalogue](/assets/img/2024-07-25-DevelopingaNewTechnicalIndicator_1.png)

# 코드로 지표 코딩하기 및 사용 방법

다음 코드를 사용하여 지표를 코딩할 수 있어요:

<div class="content-ad"></div>

```js
//@version=5
indicator("K의 V 역전 가속기 - 패널", overlay=false)

// 이동 윈도우의 길이에 대한 입력
rolling_window_length = input.int(30, minval=1, title="이동 윈도우 길이")

// 상승 캔들스틱 정의: 종가 > 시가
is_bullish = close > open

// 상승 캔들스틱의 이동 개수 계산
bullish_count = math.sum(is_bullish ? 1 : 0, rolling_window_length)

// 상승 캔들스틱의 백분율 계산
bullish_percentage = bullish_count * 100 / rolling_window_length

plot(bullish_percentage)
hline(30)
hline(70)
```

이 인디케이터를 사용하는 방법은 다음과 같습니다. 인디케이터가 초과매도 수준 (30)을 넘은 후에 아래에 있었을 때 또는 인디케이터가 초과매수 수준 (70)을 넘은 후에 위에 있을 때입니다.

다음 신호 차트를 살펴보세요.

이 인디케이터를 사용하는 기본 기술은 다음과 같습니다.


<div class="content-ad"></div>

- 인디케이터가 30을 초과하지만 40 미만으로 유지될 때마다 상승 신호가 생성됩니다.
- 인디케이터가 70을 돌파하지만 60 위로 유지될 때마다 하락 신호가 생성됩니다.

![Img](/assets/img/2024-07-25-DevelopingaNewTechnicalIndicator_2.png)

다음 코드를 사용하여 기법에서 신호를 받으세요:

```js
//@version=5
indicator("K's V Reversal Accelerator", overlay = true)

// 이동 창 길이에 대한 입력
rolling_window_length = input.int(30, minval = 1, title = "Rolling Window Length")

// 상승 캔들스틱 정의: 종가 > 시가
is_bullish = close > open

// 상승 캔들스틱의 이동 카운트 계산
bullish_count = math.sum(is_bullish ? 1 : 0, rolling_window_length)

// 상승 캔들스틱의 백분율 계산
bullish_percentage = bullish_count * 100 / rolling_window_length

buy_signal  = bullish_percentage >= 30 and bullish_percentage < 40 and bullish_percentage[1] < 30
sell_signal = bullish_percentage <= 70 and bullish_percentage > 60 and bullish_percentage[1] > 70

plotshape(buy_signal,  style = shape.triangleup,   color = color.green,  location =  location.belowbar, size = size.small)
plotshape(sell_signal,  style = shape.triangledown, color = color.red,    location =  location.abovebar, size = size.small)
```

<div class="content-ad"></div>

다음 차트는 지표에 의해 생성된 더 많은 신호를 보여줍니다.

여기 있습니다, 복잡하지 않은 가벼운 지표가 있습니다. 그러나 기술 지표에도 한계가 있다는 점, 또한 참 성공은 여러분과 여러분의 마인드에 달려 있음을 이해해야 합니다. 현재 시장 규칙과 기본에 대해 인식이 없는 단순한 수학적 공식으로만은 성공할 수 없다는 것을 이해해야 합니다.

새로운 기술 지표 개발 방법

실력있는 개발자들이 If-Else를 더이상 사용하지 않는 이유




루비는 동적이고 오픈 소스인 프로그래밍 언어로, 간결함과 생산성에 중점을 둡니다. 이 언어는 다양한 데이터 구조를 제공하여 개발자들의 업무를 보다 쉽게 만들어 줍니다. 루비의 한 부분인 Set은 이러한 중요성이 좀 더 인정받아야할 부분 중 하나입니다. 배열과는 달리, 세트는 순서가 없고 고유한 요소들의 컬렉션이며, 요소들의 고유성이 중요한 데이터를 처리하는 데 효율적인 방법을 제공합니다. 이 글은 루비에서 세트를 사용하는 방법에 대해 기본부터 고급 응용까지 탐구하여, 세트를 루비 프로그래밍 도구상에 통합하는 이유와 방법에 대해 알아보겠습니다.

## 세트 소개

세트는 중복이 없는 순서 없는 값들의 컬렉션입니다. 배열과 유사하지만 두 가지 주요 차이가 있습니다: 요소들은 순서가 없고, 각 요소는 한 번만 나타납니다. 이로써 세트는 멤버십 확인, 합집합, 교집합, 차집합 등의 작업에 이상적입니다.

루비의 Set 클래스는 표준 라이브러리의 일부입니다만, 기본적으로 로드되지 않기 때문에 명시적으로 `set`를 require 구문으로 로드해야 합니다. 한번 로드하면 세트를 생성하고 루비 응용프로그램에서 사용할 수 있습니다.

<div class="content-ad"></div>

## 세트 생성 및 초기화

세트를 사용하려면 먼저 Set 클래스를 요구해야 합니다:

![Set 클래스 요구](/assets/img/2024-07-25-SetsinRuby_0.png)

그런 다음 여러 가지 방법으로 세트를 생성할 수 있습니다:

<div class="content-ad"></div>

<img src="/assets/img/2024-07-25-SetsinRuby_1.png" />

## 세트를 사용한 기본 작업

세트는 매우 다양하고 강력하게 만드는 여러 작업을 지원합니다:

요소 추가: 세트에 요소를 추가하려면 add 또는 ""를 사용하십시오. 요소가 이미 세트에 있는 경우 세트는 변경되지 않습니다.

<div class="content-ad"></div>


![img](/assets/img/2024-07-25-SetsinRuby_2.png)

Deleting elements: Use delete to remove an element from a set.

![img](/assets/img/2024-07-25-SetsinRuby_3.png)

Membership: Check if an element is in a set using include?.


<div class="content-ad"></div>

<img src="/assets/img/2024-07-25-SetsinRuby_4.png" />

크기: 집합 내 요소의 수를 얻으려면 size 또는 length를 사용합니다.

<img src="/assets/img/2024-07-25-SetsinRuby_5.png" />

## 고급 집합 연산

<div class="content-ad"></div>

집합의 진정한 힘은 여러 집합을 포함하는 대량 작업을 수행할 수 있는 능력에서 옵니다:

연합(Union): 두 집합을 결합하고 모든 고유 요소가 포함된 새 집합을 반환합니다.

![이미지](/assets/img/2024-07-25-SetsinRuby_6.png)

교차(Intersection): 두 집합에 공통된 요소를 포함하는 새 집합을 반환합니다.

<div class="content-ad"></div>


![이미지](/assets/img/2024-07-25-SetsinRuby_7.png)

차집합: 두 번째 세트에 없는 첫 번째 세트의 요소로 새로운 세트를 반환합니다.

![이미지](/assets/img/2024-07-25-SetsinRuby_8.png)

부분집합 및 상위집합: 한 세트가 다른 세트의 부분집합 또는 상위집합 인지 확인합니다.


<div class="content-ad"></div>

<img src="/assets/img/2024-07-25-SetsinRuby_9.png" />

## 세트의 실용적인 응용

세트는 요소의 고유성이 중요한 경우나 합집합, 교집합 및 차집합과 같은 집합 연산을 수행해야할 때 매우 유용합니다. 다음은 몇 가지 실용적인 응용 사례입니다:

- 중복 제거: 컬렉션에서 중복 항목을 쉽게 제거할 수 있습니다.
- 멤버십 테스트: 컬렉션에서 요소가 존재하는지 빠르게 확인할 수 있습니다.
- 수학적 집합 연산: 그래프 알고리즘, 데이터베이스 쿼리 최적화 또는 수학 문제 해결과 같이 이를 필요로 하는 알고리즘을 위해 복잡한 집합 연산을 수행할 수 있습니다.

<div class="content-ad"></div>

## 결론

Ruby의 Set은 강력하고 유연한 데이터 구조로, 모든 Ruby 프로그래머의 도구 상자에 꼭 필요합니다. 특히 유일한 요소를 다루고 집합 기반 연산을 수행해야 할 때, 배열에 비해 일부 용도에 매우 유용합니다. Set을 이해하고 활용함으로써 개발자는 보다 효율적이고 가독성이 좋은 Ruby 코드를 작성할 수 있습니다. 중복 레코드 필터링, 멤버십 확인 또는 복잡한 수학적 집합 연산을 수행하든, Ruby의 Set 클래스가 모두 해결해 줄 것입니다.

Ruby 문서

Ruby에서 Set 사용하는 방법




![링크](/assets/img/2024-07-25-MasteringSidekiqABeginnersGuidetoBackgroundJobsinRubyonRails_0.png)

사이드킥의 환상적인 세계에 오신 것을 환영합니다! 여기에 계신다면 루비 온 레일즈 애플리케이션에서 백그라운드 작업을 실행하고 싶지만 미치지 않고 싶으신 것 같군요.

# Sidekiq 젬 설치하기

우선 첫 번째로 해야 할 일은 Sidekiq 젬을 설치해야 합니다. 이를 위해 Gemfile에 한 줄을 추가하면 됩니다. 하지만 잠깐! 그 코드를 거기에 추가하기 전에, 나중에 우연히 발견할 수 있는 누군가를 위해 Sidekiq이란 무엇인지 설명하는 주석을 추가하자구요.

<div class="content-ad"></div>

```js
# Sidekiq을 사용하여 백그라운드 작업을 실행합니다
gem "sidekiq"
```

그 멋진 젬을 추가한 후에는 다음을 실행하세요:

```js
bundle install
```

알고 계실 거예요 — 많은 출력이 나오지만, 뭔가 잘못되지 않는 이상 무시하셔도 됩니다 (만약 문제가 발생한다면, 행운을 빕니다).


<div class="content-ad"></div>

# 구성 옵션 설정하기

자, 이제 구성 옵션 몇 가지를 자세히 알아보겠습니다. 다음은 설정해야 할 네 가지 주요 영역입니다:

- Redis 연결: Sidekiq가 필요한 것처럼 나는 아침 커피를 필요로 합니다.
- 동시성: 서버 프로세스 당 실행할 스레드 수를 결정하세요.
- 시간 초과: 작업을 강제로 종료하기 전에 대기해야 하는 시간을 설정하세요.
- 대기열: 나중에 쉽게 참고할 수 있도록 대기열 목록을 하드코딩하세요.

# Redis에 연결하기

<div class="content-ad"></div>

우리의 예제 앱에서는 dotenv gem과 도커 환경을 사용하여 환경 변수를 관리하고 있습니다. .env.development 파일은 다음과 같이 보일 것입니다:

```js
SIDEKIQ_REDIS_URL=redis://redis:6379/1
```

그냥 REDIS_PROVIDER를 SIDEKIQ_REDIS_URL을 가리키도록 설정해주시면 됩니다:

```js
REDIS_PROVIDER=SIDEKIQ_REDIS_URL
```

<div class="content-ad"></div>

이 간접성은 Redis 인스턴스가 다운되어 처리를 해야할 때 등 수동 장애 교대가 필요한 경우 편리합니다.

# Sidekiq 옵션 구성

이제 config/sidekiq.yml에 대해 이야기해 보겠습니다. 이 파일은 내장된 루비 코드를 사용할 수 있게 해줍니다:

```js
:concurrency: <%= ENV.fetch("SIDEKIQ_CONCURRENCY") { 5 } %>
:timeout: <%= ENV.fetch("SIDEKIK_TIMEOUT_SECONDS") { 25 } %>
:queues:
 - default
```

<div class="content-ad"></div>

만약 누군가가 병행성이나 제한 시간 설정을 다시 배포하지 않고 변경하고 싶을 때 (뉴그겐 그렇게 할 시간이 없잖아요?), 그들은 그냥 환경 변수를 조정할 수 있습니다.

# 웹 UI 구성

우리 설정 선데이에 선렁 맛있는 체리는 Sidekiq Web UI를 설정하는 것입니다. 이를 위해 config/routes.rb 파일의 맨 위에 다음 라인을 추가해주세요:

```js
require "sidekiq/web" # Sidekiq Web UI 가져오기

Rails.application.routes.draw do
  mount Sidekiq::Web => "/sidekiq" # /sidekiq URL에서 사용 가능합니다!
end
```

<div class="content-ad"></div>

서버를 다시 시작한 후 http://localhost:3000/sidekiq로 이동하면, Sidekiq이 자신의 역할을 얼마나 잘 (또는 잘못) 수행하고 있는지에 대한 다양한 통계를 보여주는 멋진 인터페이스가 표시됩니다.

<img src="/assets/img/2024-07-25-MasteringSidekiqABeginnersGuidetoBackgroundJobsinRubyonRails_1.png" />

팁: 민감한 정보를 노출시키면 혼란 (그리고 해커)이 발생할 수 있으므로 접근을 안전하게 설정하는 것을 잊지 마세요!

# 로컬에서 Sidekiq 실행하기

<div class="content-ad"></div>

만약 Procfile을 사용 중이라면, Procfile.dev을 열어 아래 내용을 추가해주세요:

```js
web: PORT=3000 bin/rails s
sidekiq: bundle exec sidekiq # 백그라운드 작업을 실행시켜볼게요!
```

# 코드를 백그라운드 작업으로 이동

안녕하세요 여러분! 이제 제가 가장 좋아하는 부분 중 하나인 긴 실행 시간이 소요되는 작업을 웹 요청 주기에서 사라지게 하고 사랑스러운 Sidekiq과 백그라운드 작업으로 옮기는 것에 대해 이야기해보겠습니다!

<div class="content-ad"></div>

주문 생성 로직을 가지고 있는데, 결제를 호출하고 이메일을 보내는 과정이 필요하다고 가정해 봅시다. 이러한 서비스가 응답할 때 사용자가 정말로 기다리지 않고 있나요? 마치 러시아 시간에 교통체증에 갇힌 것처럼. 그래서 새로운 작업인 CompleteOrderJob을 만들어 보겠습니다.

## CompleteOrderJob 생성하기

먼저 app/jobs/complete_order_job.rb에 작업 파일을 만들어 보겠습니다:

```js
class CompleteOrderJob
  include Sidekiq::Job
  
  def perform(order_id)
    order = Order.find(order_id) # 주문 찾기!
    OrderCreator.new.complete_order(order) # 처리를 위임합니다.
  end
end
```

<div class="content-ad"></div>

# 주문 생성 로직 업데이트

이제 app/services/order_creator.rb의 주문 생성 로직을 업데이트해 봅시다. 여기서 느린 서비스 호출을 제거하고 대신 새 작업을 대기열에 넣는 코드로 대체할 겁니다.

변경 후 예상 코드는 다음과 같습니다:

```js
def create_order(order)
  # 주문 처리를 위한 로직

  if order.save 
    CompleteOrderJob.perform_async(order.id) # 해당 작업을 대기열에 넣어요!
  end 
end
```

<div class="content-ad"></div>

위의 업데이트가 완료되었습니다. 앱을 다시 시작하고 사용자들이 영원히 기다리지 않고 커피를 즐기는 동안 주문이 비동기적으로 처리되는 것을 확인해 보세요!

# 테스트 시간!

드디어 테스트할 시간입니다! 모든 것이 예상대로 작동하는지 확인하고 싶습니다. 그러나 여기서 문제가 발생할 수 있습니다. 비동기 작업을 테스트하는 것은 고양이를 몰아내는 것 같은 느낌이 들 수 있습니다.

우리는 Sidekiq이 제공하는 두 가지 테스트 모드를 활용할 것입니다:

<div class="content-ad"></div>

- 가짜 모드: 작업은 대기열에 넣지만 실행되지 않습니다.
- 인라인 모드: 작업은 대기열에 넣자마자 즉시 실행됩니다.

대부분의 경우 - 우리의 경우를 포함해서 - 가짜 모드가 선호됩니다. 이 모드는 테스트를 구현 세부사항과 너무 강하게 결합하지 않고 실행 타이밍을 제어할 수 있기 때문입니다.

# 테스트 모드 활성화

테스트 헬퍼(spec/spec_helper.rb)에 다음 줄을 추가하세요.

<div class="content-ad"></div>

```js
require "sidekiq/testing" # 테스트 지원을 위해 작업을 활성화합니다.
```

그리고 이전 specs에서의 이전 작업을 모두 지우세요:

```js
# 이전 specs에서의 sidekiq 작업을 지웁니다.
RSpec.configure do |config|
  config.before(:each) do
    Sidekiq::Worker.clear_all
  end
end
```

그런 다음 각 관련 테스트 케이스에 주문을 넣은 후 .drain_all을 호출하여 모든 대기 중인 작업이 단언문 실행 전에 실행되도록합니다.

<div class="content-ad"></div>

모든 것이 순조롭게 진행되면서 — 정말로요 — 마치 무지개를 따라 뽀송뽀송 걸어다니는 유니콘처럼 모든 테스트가 통과되는 것을 보실 거에요!

그러니까요 — 루비 온 레일즈에서 Sidekiq를 효과적으로 구성하고 사용하는 완벽한 안내서가 여기 있습니다.

Sidekiq 완벽 가이드 루비 온 레일즈에서 배경 작업 시작하기




Nucleoid는 뇌-상징적 AI를 위한 선언적이고 논리 기반의 컨텍스트 런타임입니다. Nucleoid 런타임은 JavaScript 구문의 각 문을 추적하고 논리와 데이터 사이의 관계를 동적으로 만들어 논리 그래프로 만들어 결정 및 문제 해결 과정에 사용하기 위한 지식 기반을 형성합니다.

- 적응적 추론: 상징적 논리를 컨텍스트 정보와 결합하여 관계를 분석하고 결론을 도출하며 새로운 정보를 통합하고 해당 결론을 조정합니다.
- 논리 그래프: 문과 데이터 사이의 관계를 포착하는 동적 지식 기반 표현 구조로, 복잡한 추론을 용이하게 하고 새로운 정보에 적응합니다.
- 설명 가능성: 논리 그래프는 추론 과정을 투명하게 나타내어 의사결정이 어떻게 이루어지고 잠재적 편향이 식별되는지 이해하기 쉽게 합니다.

"빠르고 천천히 생각하는"이라는 아이디어를 반영하면 AI 시스템은 빠르고 "직관적인" 아이디어를 제공할 뿐만 아니라, 다른 한편으로는 신중하고 합리적인 의사결정을 할 수 있어야 합니다. D(L)RE는 컨텍스트 정보에 기초한 직관적인 결정과 논리적 추론에 기초한 신중한 의사결정을 모두 가능하게 합니다. 

![이미지](https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fwsofh75jw7pvxpkolz1v.gif)

<div class="content-ad"></div>

## 뉴로-심볼릭 AI란 무엇인가요?

뉴로-심볼릭 AI는 신경망과 심볼릭 AI의 장점을 통합하여 데이터로부터 학습할 뿐만 아니라 논리적으로 추론할 수 있는 시스템을 만드는 접근 방식입니다. 이 두 구성 요소를 결합함으로써, 뉴로-심볼릭 AI는 신경망의 직관적인 패턴 인식 능력과 심볼릭 AI의 논리적 규칙 기반 추론을 결합합니다. 이 통합은 적응 가능하며 의사 결정을 설명할 수 있는 더 통합적인 AI 시스템을 제공하여 데이터로부터 학습하고 논리적 추론이 모두 필요한 복잡한 의사 결정 작업에 적합합니다. 아래에서 자세히 살펴보겠습니다.

### 신경망: 학습 구성 요소

뉴로-심볼릭 AI의 신경망은 거대한 데이터셋으로부터 패턴, 관계 및 특징을 학습하는 데 능숙합니다. 이러한 신경망은 분류, 예측 및 패턴 인식과 관련된 작업에서 뛰어나며, 이미지, 텍스트 및 오디오와 같은 비구조화된 데이터를 처리하는 데 귀중합니다. 신경망은 학습 능력을 통해 예제에서 일반화하여 데이터의 복잡한 구조와 세부 사항을 이해할 수 있습니다.

<div class="content-ad"></div>

### Symbolic AI: 추론 구성요소

뉴로-심볼릭 AI의 심볼릭 구성요소는 논리, 규칙, 지식의 심볼적 표현에 중점을 둡니다. 데이터에서 학습하는 신경망과는 달리 심볼릭 AI는 미리 정의된 규칙과 지식 베이스를 사용하여 추론 수행, 추론을 만들어내며 엔티티 간의 관계를 이해하는 데 사용됩니다. 인공지능의 이 측면은 투명하며 해석 가능하며 그 결정과 추론 과정을 인간이 이해할 수 있는 방식으로 설명할 수 있습니다.

![이미지](/assets/img/2024-07-25-NucleoidNeuro-SymbolicAIwithLogicGraph_0.png)

#### 심볼릭 추론에서 선언적 논리

<div class="content-ad"></div>

명시적 논리는 선언적 프로그래밍의 하위 집합으로, 계산의 논리를 설명하지만 제어 흐름을 설명하지 않는 프로그램을 구축하는 스타일을 말합니다. 명시적 논리에서는 문제 영역을 정의하는 사실과 규칙을 명시합니다. 런타임 환경이나 시스템 자체가 이러한 조건을 충족하거나 결론에 도달하기 위해 이러한 규칙을 적용하는 방법을 결정합니다. 이는 목표를 달성하기 위한 정확한 단계를 설명하는 코드를 개발자가 작성하는 명령형 프로그래밍과 대조됩니다.

상징적 추론은 문제를 나타내기 위해 기호를 사용하고 이러한 기호를 조작하는 논리 규칙을 적용하여 결론이나 솔루션을 유도하는 프로세스를 의미합니다. AI 및 컴퓨터 과학에서는 개체와 동작을 상징적으로 표현하여 시스템이 기호에 인코딩된 규칙과 지식을 기반으로 논리 추론, 결정 및 문제 해결을 수행할 수 있도록 합니다.

Nucleoid를 신경 기호론적 AI에 통합함으로써 시스템은 해석 가능성과 신뢰성이 향상됩니다. Nucleoid에서 정의된 명시적 논리와 규칙은 AI의 결정에 대한 명쾌한 설명을 제공하며, 사용자가 시스템의 결과를 이해하고 신뢰하기 쉽게 만듭니다. 또한 명시적 추론 능력은 결정이 논리적 원칙을 기반으로 내려지도록 보장하며, AI의 행동에 신뢰성과 일관성을 더합니다.

![이미지](https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fy3sgts2aopa5dn31q7pu.gif)

<div class="content-ad"></div>

### 신경 기호 AI의 유연성

신경 기호 AI 분야에서 플라스티시티는 시스템이 새로운 정보에 대응하여 연결을 수정하고 최적화하는 능력에 중요한 요소입니다. 이 개념은 생물학적 뇌의 신경가소성에서 영감을 받았는데, 신경세포는 활동에 기반하여 연결을 강화하거나 약화시켜 학습과 기억을 가능케합니다.

- 동적 지식 베이스: 신경 기호 AI 시스템은 새로운 시나리오를 만나거나 이전 지식에 대한 수정을 받으면 지식 베이스를 동적으로 업데이트합니다. 이 지속적인 업데이트 과정은 시스템이 시간이 지남에 따라 relevancy를 유지하고 정확성을 유지할 수 있게 합니다.
- 적응적 논리와 추론: AI 시스템은 심볼릭 규칙과 추론 전략을 수정하여 관측된 데이터나 결과와 더 잘 일치하도록 하여 의사 결정 능력과 문제 해결 능력을 향상시킬 수 있습니다.
- 일반화와 전문화: 플라스티시티를 통해 시스템은 배운 경험으로부터 새로운, 보지 못한 시나리오를 일반화하거나 특정 도메인에 전문화되어 특정 데이터 입력에 기반하여 매개변수나 규칙을 조정할 수 있습니다.

AI에서 플라스티시티의 개념, 특히 Neuro-Symbolic AI와 같은 논리 기반 시스템에서는 기계의 능력을 고정된 규칙에 따라 작업하는 데에만 제한되지 않고 이러한 규칙을 진화시키고 시간이 흐름에 따라 추론을 조정할 수 있는 능력을 향상시킴으로써, 살아있는 존재의 인지적 유연성과 유사한 특성을 보여줍니다.

<div class="content-ad"></div>

## 안녕하세요 ⚡

```js
사용자:
> '이름을 가진 사람 정의'

비서:
> '사용자가 선언적 클래스를 사용하여 이름이 있는 사람을 정의하는 것을 요청했습니다'

---

// 보편적인 코드:
'use declarative';

class Human {
  name: string;
  constructor(name: string) {
    this.name = name;
  }
}
```

```js
사용자:
> '모든 사람은 죽을 운명이다'

비서:
> '모든 사람들이 죽을 운명으로 선언되었습니다.'

---

// 보편적인 코드:
'use declarative';

$Human.mortal = true;
```

```js
사용자:
> '이름이 "소크라테스"인 사람 생성'

비서:
> '이름이 '소크라테스'인 사람이 성공적으로 생성되었습니다.'

---

// 보편적인 코드:
'use imperative';

var human1 = new Human('소크라테스');

// 결과: {"id":"human1","name":"소크라테스","mortal":true}
```  

<div class="content-ad"></div>

```jsx
사용자:
> '소크라테스라는 이름을 가진 인간은 죽을 운명인가요?'

보조:
> '소크라테스라는 이름을 가진 인간은 죽을 운명이라고 결정되었습니다.'

---

// 보편적인 코드:
`사용 동사 사용`;

var human1 = new Human('소크라테스');
human1.mortal;
// 결과: true
```

nucleoid.com/docs/get-started에서 더 알아보기

### 인공지능 논리 프로그래밍 환경 속으로

뉴클레오이드는 인공지능 기호 논리 프로그래밍을 위한 구현으로, 런타임에서 논리적 (Declarative) 프로그래밍을 제공합니다. 언급했듯이, 논리적 런타임 환경은 자바스크립트 상태를 관리하고 각 트랜잭션을 내장 데이터 저장소에 선언적으로 다시 렌더링하고 지식 그래프 (베이스) 및 실행 계획을 작성하여 자바스크립트 문을 구성합니다.


<div class="content-ad"></div>

<img src="/assets/img/2024-07-25-NucleoidNeuro-SymbolicAIwithLogicGraph_1.png" />

명시적 런타임은 프로그램의 동작 정의를 기술적 지시사항에서 분리하고, 기술적 세부 사항을 들지 않고 논리적 의도를 나타내는 선언적 문장을 실행합니다. 이 패러다임에서는 데이터가 무엇인지 여부에 대한 분리가 없으며, 대신 데이터(선언문)가 다른 것과 어떻게 관련되어 있는지 접근합니다. 이를 통해 비즈니스 규칙을 포함한 모든 유형의 데이터를 추가할 때 컴파일, 구성, 재시작과 같은 추가 작업이 필요하지 않고 가변성의 결과로 데이터를 동시에 프로그래밍 런타임에 저장할 수 있는 가능성이 제공됩니다.

요약하면, 프로젝트의 주요 목표는 데이터와 논리를 동일한 런타임에서 관리하는 것입니다. Nucleoid에서 사용하는 선언적 프로그래밍 패러다임은 개발자가 애플리케이션의 비즈니스 논리에 집중할 수 있도록 하고, 런타임이 기술적 세부 사항을 관리합니다. 이를 통해 더 빠른 개발이 가능하고 작성해야 하는 코드 양을 줄일 수 있습니다. 게다가, 샤딩 기능은 여러 인스턴스에 부하를 분산시킬 수 있어 시스템의 성능을 더욱 향상시킬 수 있습니다.

## 성능 평가

<div class="content-ad"></div>

이것은 Nucleoid IDE에서의 샘플 주문 앱과 Express.js 및 Sequelize 라이브러리를 사용한 MySQL 및 Postgres의 비교입니다.

![이미지](/assets/img/2024-07-25-NucleoidNeuro-SymbolicAIwithLogicGraph_2.png)

이는 Nucleoid 런타임이 MySQL 또는 Postgres보다 빠르다는 것을 의미하는 것은 아닙니다. 대신 데이터베이스는 색인, 캐싱, 정리 등을 포함해 DBA 팀에 의해 지속적인 유지보수가 필요합니다. 그러나 Nucleoid는 내부적으로 로직과 데이터를 관리하여 이 문제를 해결하려고 노력합니다. 차트에서 볼 수 있듯이, 중간 복잡성을 갖는 애플리케이션의 경우 Nucleoid의 성능은 온체인 데이터 스토어, 메모리 내 컴퓨팅 모델 및 IO 프로세스 제한으로 인해 선형에 가깝습니다.

선언적 논리 프로그래밍 덕분에 우리는 신선한 접근법을 Neuro-Symbolic AI에 제공합니다. 이 AI 아키텍처의 잠재력을 탐구하는 동안 모든 종류의 기여를 환영합니다!

<div class="content-ad"></div>


![image](/assets/img/2024-07-25-NucleoidNeuro-SymbolicAIwithLogicGraph_3.png)


Nucleoid 논리 그래프를 이용한 신경-심볼릭 AI 이해하기




## 소개

요즘 진행 중인 프로젝트 중 하나에서는 사용자 권한을 관리하여 개인 및 민감한 콘텐츠에 접근할 수 있도록 해야 했습니다. 그러나 이 솔루션을 구현하는 동안 많은 어려움을 겪었습니다.

문제를 연구한 후, 문제를 해결할 수 있는 해결책을 찾았습니다. 그때 이 글을 쓰기로 결심했습니다.

이 글에서는 Next.js와 Permit.io를 사용하여 개인 링크 공유 앱을 구축할 것입니다. 구현 과정을 통해 액세스 요청을 처리하는 방법, 승인을 관리하는 방법, 민감한 데이터를 보호하기 위한 권한을 강제하는 방법을 살펴볼 것입니다.

<div class="content-ad"></div>

## 필수 조건

이 애플리케이션을 빌드하기 위해 "Permit Share-If"을 사용하는 Next.js를 사용할 것입니다. 이는 허가 관리를 간단하게하는 라이브러리입니다. "Permit Share-If"은 사전 구축된 임베디드 UI 구성 요소들의 집합으로, 애플리케이션에서의 액세스 공유를 쉽게 만들어줍니다.

본 내용으로 넘어가기 전에, Next.js 구조의 기본을 알고 계신지 확인하세요. 원한다면 여기서 더 자세히 읽어보세요.

Next.js 애플리케이션에 Permit.io를 구현하기 위해 먼저 Permit.io를 설정해야 합니다. 시작해봅시다!

<div class="content-ad"></div>

## 전용 링크 공유 앱 만들기

### Next.js 프로젝트 설정

시작하려면, Next.js 프로젝트를 생성해보세요.

- 터미널을 열고 새 Next.js 프로젝트를 만들기 위한 명령어를 붙여넣어보세요.

<div class="content-ad"></div>

```js
npx create-next-app@latest .
```

- 이제 필요한 종속성을 설치하겠습니다.

```js
npm install @permitio/permit-js dotenv permitio
```

- 이제 ENV 및 JWT 비밀을 저장할 .env 파일을 생성하겠습니다.

<div class="content-ad"></div>

```js
// .env
ENV=<허가된 env 키>
JWT=<당신의 JWT 키>
```

이제 앱을 실행할 준비가 되었어요. 프로젝트를 성공적으로 빌드했어요.

### 액세스 요청 요소 추가

액세스 요청 요소를 만들려면 먼저 사용자 관리 요소를 만들어야 해요. 함께 만들어 볼까요?

<div class="content-ad"></div>

- 허가 대시보드의 요소 섹션으로 이동하세요.
- 사용자 관리 아래에 있는 "요소 생성"을 클릭하세요.

![이미지](/assets/img/2024-07-25-HowtobuildaPrivateLinkSharingAppUsingNextjs_0.png)

- 다음 단계를 따라 사용자 관리 요소를 설정하세요:
이름을 추가하세요. 예: "사용자 관리."
RBAC 역할을 선택하세요.
관리자 역할을 "숨겨진 역할" 섹션에서 "레벨 1 - 워크스페이스 소유자"로 이동하세요.
마지막으로 요소를 생성하세요.

사용자 관리 생성이 완료되었습니다. 이제 다음 단계로 넘어가봐요.

<div class="content-ad"></div>

- Elements 옵션을 클릭하세요.
- 액세스 요청 아래에 있는 "요소 생성"을 클릭하세요.

![이미지](/assets/img/2024-07-25-HowtobuildaPrivateLinkSharingAppUsingNextjs_1.png)

- 연결하려는 사용자 관리 요소를 선택하세요.
- 필요에 따라 요소를 사용자 정의하세요.

### 애플리케이션 내에 액세스 요청 요소를 구현하세요.

<div class="content-ad"></div>

- 저희 프로젝트를 위해 Linklist 컴포넌트를 생성해보세요.
Linklist 컴포넌트는 링크 목록을 표시하고 그 중에서 삭제할 수 있는 옵션을 제공합니다.
이 컴포넌트는 삭제 버튼이 있는 순서 없는 목록을 렌더링합니다.
- Linklist 컴포넌트는 링크 목록을 표시하고 그 중에서 삭제할 수 있는 옵션을 제공합니다.
- 이 컴포넌트는 삭제 버튼이 있는 순서 없는 목록을 렌더링합니다.

```js
// src/components/Linklist.jsx
const LinkList=({ links, deleteLink }) => {
    return (
        <ul>
            {links.map((link, index) => (
                <li key={index}>
                    <a href={link} target="_blank" rel="noopener noreferrer">{link}</a>
                    <button onClick={() => deleteLink(index)}>삭제</button>
                </li>
            ))}
        </ul>
    );
};

export default LinkList;
```

- 사용자가 링크를 추가할 수 있는 Linkform이라는 컴포넌트를 생성해보세요.

```js
// src/components/Linkform.jsx
import { useState } from 'react';

const LinkForm=({ addLink }) => {
    const [url, setUrl] = useState('');

    const handleSubmit = (e) => {
        e.preventDefault();
        if (url) {
            addLink(url);
            setUrl('');
        }
    };

    return (
        <form onSubmit={handleSubmit}>
            <input className='text-black'
                type="url"
                value={url}
                onChange={(e) => setUrl(e.target.value)}
                placeholder="URL을 입력해주세요"
                required
            />
            <button type="submit">링크 추가</button>
        </form>
    );
};

export default LinkForm;
```

<div class="content-ad"></div>

사용자가 '링크 추가' 버튼을 작동시키면 링크가 추가됩니다.

- 이제 사용자 관리를 위한 또 다른 컴포넌트인 UserManagement.jsx를 생성해야 합니다.

```js
import React from 'react'

function UserManagement() {
  return (
    <iframe
      title="퍼밋 엘리먼트 사용자 관리"
      src="https://embed.permit.io/user-management?envId=e0ffba3632274e8085d92c793d34f0c1&darkMode=false"
      width="100%"
      height="100%"
    />
  )
}

export default UserManagement;
```

- 이제 액세스 요청을 위한 또 다른 컴포넌트인 AccessRequest.jsx를 생성해야 합니다.

<div class="content-ad"></div>

```js
import React from 'react'

function AccessRequest() {
  return (
 <iframe
            title="Permit Element AR"
            src="https://embed.permit.io/ar?envId=e0ffba3632274e8085d92c793d34f0c1&darkMode=false&tenantKey=default"
            width="100%"
            height="100%"
            style={{ border: 'none' }}
        />
  )
}

export default AccessRequest;
```

그리고 요청 허용 시 Permit Share-If를 사용하는 대시보드용으로 다른 컴포넌트를 만들어보세요.

```js
// src/components/Dashboard.jsx

'use client';
import permit, { LoginMethod } from '@permitio/permit-js';
import 'dotenv/config';
import { useRouter } from 'next/navigation';
import { useEffect, useState } from 'react';

const Dashboard = () => {
    const router=useRouter();
    const [authenticated, setAuthenticated]=useState(false);

    useEffect(() => {
        const login=async () => {
            try {
                await permit.elements.login({
                    loginMethod: LoginMethod.frontendOnly,
                    userJwt: process.env.NEXT_PUBLIC_JWT,
                    tenant: 'default',
                    envId: process.env.NEXT_PUBLIC_ENV,
                });
                console.log('로그인 성공');
                setAuthenticated(true);
            } catch (err) {
                console.error('로그인 에러:', err);
            }
        };

        if (process.env.NEXT_PUBLIC_JWT&&process.env.NEXT_PUBLIC_ENV) {
            login();
        } else {
            console.error('JWT 토큰 또는 ENV 변수가 정의되지 않았습니다.');
        }
    }, []);

    useEffect(() => {
        if (authenticated) {
            router.push('/links');
        }
    }, [authenticated, router]);

    return (
     <AccessRequest />
     <UserManagement />

    );
};

export default Dashboard;
```

인증이 성공하면 사용자가 인증됐음을 나타내기 위해 상태를 업데이트합니다. 인증에 성공하면 성공 메시지를 기록하고, 실패하면 오류 메시지를 기록합니다.


<div class="content-ad"></div>

리다이렉션: 인증이 성공하면 컴포넌트가 사용자를 /links 페이지로 리다이렉트합니다.

그럼 이제 page.js 파일에서 AccessRequest 컴포넌트를 호출해야 합니다.

```js
import Dashboard from '../components/Dashboard';

export default function Home() {
  return (
    <div>
      <h1>개인 링크 공유 앱</h1>
      <Dashboard/>
    </div>
  );
}
```

마지막으로, 링크 페이지 경로를 구현하여 링크 페이지를 처리해야 합니다.

<div class="content-ad"></div>

```js
// src/app/links/page.jsx
'use client';
import LinkForm from '@/components/Linkform';
import LinkList from '@/components/Linklist';
import { useState } from 'react';

const Links=() => {
    const [links, setLinks] = useState([]);

    const addLink=(url) => {
        setLinks([...links, url]);
    };

    const deleteLink = (index) => {
        setLinks(links.filter((_, i) => i!==index));
    };

    return (
        <div className='p-5'>
            <h1>링크 관리</h1>
            <LinkForm addLink={addLink} />
            <LinkList links={links} deleteLink={deleteLink} />
        </div>
    );
};

export default Links;
```

그렇게 해서 우리의 애플리케이션이 완전히 완성되었습니다.

## 결론

이 가이드를 통해 Next.js 및 Permit.io를 사용하여 개인 링크 공유 앱을 만드는 방법을 이해했습니다. 액세스 요청 생성, 사용자 승인 및 개인 정보 보호를 위해 구현해야 하는 권한에 대해 살펴보았습니다.

<div class="content-ad"></div>

만약 Permit을 사용하여 더 많은 유사한 도구를 탐색하고 만들고 싶다면, 그들의 최신 Product Hunt 런칭 "Permit Share-If"를 확인해보세요. 더 많은 정보를 얻을 수 있을 거에요.

그리고 궁금한 점이 있으면 언제든지 댓글로 남겨주시면 됩니다.

코딩 즐거움을 느끼세요!

Nextjs로 비공개 링크 공유 앱 만드는 방법(코드 있음)




개발자로서 배워야 할 것들이 많습니다! 중요한 것에 집중하는 것이 매우 중요하죠. 많은 개발자들은 제로 베이스에서 작업을 선호하지만 때로는 작업량이 방대해서 이러한 도구를 사용하면 일을 더 쉽게 할 수도 있습니다.

이 글에서는 여러분이 슈퍼 생산적이 되고 최고로 잘하는 일 "멋진 것들을 만들기" 을 더 잘 할 수 있는 5가지 도구를 소개할게요.

흥미롭게 들릴까요?

더 이상 지체하지 말고, 시작해봐요!!!

<div class="content-ad"></div>

## 1. Pieces.app - Your Workflow Copilot

![Image](/assets/img/2024-07-25-5ToolsEveryDeveloperMustUsein2024_0.png)

Pieces는 AI 기반 개발자 생산성 도구로, 지능적인 코드 스니펫 관리, 맥락화된 협업 상호작용, 유용한 자료들의 미리 제시를 통해 개발자가 업무 혼돈을 관리할 수 있도록 고안되었습니다.

완전 오프라인 AI 접근 방식을 통해 작업의 개인 정보 보호와 보안을 유지하면서 당신의 업무 흐름과 전체 개발 경험을 향상시킵니다.

<div class="content-ad"></div>

최근, Pieces는 다른 코파일러들이 현재 제공하지 않는 혁신적인 기능을 출시했어요. 흥미로운 기능을 확인하려면 빠른 데모를 시청해보세요!

Pieces Copilot+를 사용하면 정확히 어디에서 작업을 중단했는지를 알 수 있는 도우미를 얻을 수 있어요. "내가 마지막으로 리뷰하던 Github Pull Request는 무엇인가요?" 또는 "Sublime에서 마주한 최신 문제를 어떻게 해결할까요?"와 같은 질문에 답변할 수 있어요.

좋아하는 도구와 완벽하게 통합되어 코딩 프로세스를 최적화하고 향상시키는 데 필요한 것입니다. 아울러 몇 가지 멋진 기능이 더 있어요:

✅ 클라우드 및 온디바이스 모델에서 25개 이상의 LLM 사용

<div class="content-ad"></div>

✅ AI가 도와주는 태깅 및 분류 기능으로 코드 스니펫을 저장, 정리 및 검색할 수 있어요.

✅ 완전히 오프라인 장치 내 AI 모델로 코드를 비공개로 유지해보세요.

✅ 스크린샷에서 스니펫을 가져오세요.

Pieces로 이용 가능한 기능 목록을 모두 확인할 수 있어요.

<div class="content-ad"></div>

아래는 Markdown 형식으로 표를 변경한 예시입니다.



| 요소 | 설명 |
| --- | --- |
| SuperToken | 오픈 소스 사용자 인증 |


<div class="content-ad"></div>

![image](/assets/img/2024-07-25-5ToolsEveryDeveloperMustUsein2024_2.png)

Supertokens는 사용자 인증 프로세스를 간소화하는 오픈 소스 인증 솔루션입니다.

보안 전문가뿐만 아니라 모든 사람에게 인증을 더 쉽게 만들어주는 것이 목표이며, 이는 개발자 경험을 처음부터 새롭게 디자인하는 것을 의미합니다.

Supertokens는 토큰 회전, 세션 관리 및 다중 인증과 같은 보안을 향상시키는 일련의 도구를 제공합니다. 이러한 기능들은 귀하의 인증 시스템이 견고하고 안전하다는 것을 보장합니다.

<div class="content-ad"></div>

슈퍼토큰을 설치하고 구성하는 가장 좋은 방법을 알아보려면 문서를 읽어보세요.

슈퍼토큰은 GitHub에서 12,000개 이상의 별을 받아 넓은 커뮤니티 지원과 신뢰를 받는다는 것을 보여줍니다.

## 3. Permit.io - 권한 부여를 간단하게 만드세요

![이미지](/assets/img/2024-07-25-5ToolsEveryDeveloperMustUsein2024_3.png)

<div class="content-ad"></div>

Permit.io는 팀이 애플리케이션 및 서비스에 대한 세밀한 접근 제어를 구현하고 관리하는 데 도움이 되는 오픈 소스 권한 부여 솔루션입니다.

이는 권한을 다루는 데 고민하지 않고 개발자가 핵심 기능에 집중할 수 있도록 권한 로직의 구축과 유지 관리 프로세스를 간소화합니다.

Permit.io는 즐겨 사용하는 개발 도구와 매끄럽게 통합하여 코딩 프로세스를 개선하고 보안을 강화합니다.

![image not found](/assets/img/2024-07-25-5ToolsEveryDeveloperMustUsein2024_4.png)

<div class="content-ad"></div>

애플리케이션의 변화하는 요구에 적응할 수 있는 복잡한 권한 부여 규칙을 만들고 관리할 수 있도록 해줍니다. 특히 SaaS 애플리케이션 및 다중 테넌트 시스템에 매우 유용합니다.

✅ 역할과 권한을 중앙 위치에서 정의합니다.

✅ 속성 기반 액세스 제어 (ABAC)를 쉽게 구현할 수 있습니다.

✅ 사용자 속성과 컨텍스트를 기반으로 동적 정책을 만들 수 있습니다.

<div class="content-ad"></div>

✅ 전체 시스템에서 권한 정책을 공유하고 동기화하세요.

JavaScript, Python, Go, Java를 포함한 다양한 프로그래밍 언어용 SDK를 제공하여 Permit.io를 기존 코드베이스에 쉽게 통합할 수 있습니다.

![이미지](/assets/img/2024-07-25-5ToolsEveryDeveloperMustUsein2024_5.png)

그들의 스위트에 최신 추가 기능인 Permit Share-If는 접근 제어를 한 단계 더 업그레이드합니다. 애플리케이션에서 접근 공유를 간소화하는 준비된 임베디드 UI 컴포넌트 모음입니다.

<div class="content-ad"></div>

이러한 구성 요소는 완전한 기능의 액세스 제어를 제공하여 사용자가 권한을 쉽게 관리할 수 있도록 안전하게 제공합니다.

복잡한 응용 프로그램의 개발자에게 매우 편리합니다.

✅ 사용자는 응용 프로그램에서 제한된 리소스 액세스를 직접 요청할 수 있습니다.

✅ 관리자 감독을 위해 포함된 구성 요소를 통해 승인 요청을 제출할 수 있습니다.

<div class="content-ad"></div>

✅ 사용자 친화적 인터페이스를 통해 운영 요청을 승인 또는 거부할 수 있습니다.

보다 자세한 내용은 해당 문서를 살펴보세요.

ProductHunt에서 활동 중이니, 여기서 그들을 지원해보세요:

## 4. Appwrite - 몇 분 만에 백엔드 생성

<div class="content-ad"></div>

아래는 표로 재정렬한 정보입니다:

| 이미지 | 
|---|
|![2024-07-25-5ToolsEveryDeveloperMustUsein2024_6.png](/assets/img/2024-07-25-5ToolsEveryDeveloperMustUsein2024_6.png)|

Appwrite은 개발자들이 쉽게 안전하고 확장 가능한 애플리케이션을 구축하는 데 도움을 주기 위해 설계된 오픈 소스 백엔드-애-서비스(BaaS) 플랫폼입니다.

저는 풀-스택 프로젝트를 시작할 때 항상 백엔드로 Appwrite를 선택합니다.

Appwrite은 다양한 기능을 제공합니다:

<div class="content-ad"></div>

✅ Appwrite의 데이터베이스 서비스는 복잡한 쿼리와 실시간 업데이트를 지원하여 애플리케이션 데이터를 효율적으로 관리할 수 있는 유연하고 강력한 방법을 제공합니다.

✅ 저장소 서비스를 사용하면 파일 업로드, 다운로드 및 변환을 손쉽게 관리할 수 있습니다.

✅ Appwrite Functions을 사용하면 안전하고 격리된 환경에서 사용자 정의 코드를 실행할 수 있습니다. Appwrite 시스템 이벤트 중에서 원하는 이벤트에서 코드를 수동으로 실행하거나 CRON 일정을 사용하여 실행할 수 있습니다.

Appwrite와 함께 제공되는 기능 목록을 자세히 살펴볼 수 있습니다.

<div class="content-ad"></div>

마크다운 양식으로 표 태그를 바꿔주세요.

![이미지](/assets/img/2024-07-25-5ToolsEveryDeveloperMustUsein2024_7.png)

Appwrite는 간단하고 직관적인 대시보드를 통해 애플리케이션의 백엔드 서비스를 관리할 수 있습니다. 이를 통해 리소스를 쉽게 모니터링하고 제어할 수 있습니다.

✅ 사용자 인증 및 권한을 안전하게 관리합니다.

✅ 데이터베이스 작업을 손쉽게 처리합니다.

<div class="content-ad"></div>

✅ 파일을 쉽게 저장하고 제공하세요.

✅ 제 3자 서비스 및 API와 통합하세요.

Appwrite는 JavaScript, Python, PHP 등 다양한 프로그래밍 언어를 지원하는 다양한 SDK를 제공하여 기존 프로젝트와 쉽게 통합할 수 있습니다.

Appwrite는 GitHub에서 49,000개 이상의 별을 받았으며 88회 이상의 릴리스를 통해 지속적으로 개선되고 있습니다.

<div class="content-ad"></div>

## 5. Infisical - 비밀 관리 플랫폼

![image](/assets/img/2024-07-25-5ToolsEveryDeveloperMustUsein2024_8.png)

Infisical은 API 키, 데이터베이스 자격 증명, 구성과 같은 비밀을 팀이 중앙 집중화할 수 있도록 설계된 오픈 소스 비밀 관리 플랫폼입니다.

그들은 보안 팀뿐만 아니라 모든 사람이 비밀 관리에 더 쉽게 접근할 수 있도록 하고 있으며, 이는 전반적으로 개발자 경험을 처음부터 다시 디자인하는 것을 의미합니다.

<div class="content-ad"></div>

다음과 같이 더욱 흥미로운 기능이 많이 있습니다:

- 사용자 친화적 대시보드를 제공하여 프로젝트 및 환경(예: 개발, 프로덕션) 전반에 걸쳐 시크릿을 관리할 수 있습니다.
- Infisical은 프리커밋 후크 또는 GitHub와 같은 플랫폼과의 직접적인 통합을 통해 시크릿 누출을 자동적으로 방지하는 도구로 보안을 강화합니다.

문서를 살펴보시면 어떤 이슈를 일으키는지 알 수 있습니다!

<div class="content-ad"></div>


![Image](/assets/img/2024-07-25-5ToolsEveryDeveloperMustUsein2024_9.png)

It also allows you to manage secrets efficiently, ensuring your applications are secure and up-to-date. This is very handy for developers working on both open-source and enterprise projects.

✅ Save parts of your secrets in the app.

✅ Easily access saved secrets.


<div class="content-ad"></div>

✅ CI/CD 파이프라인에 비밀 정보를 통합하세요.

✅ 팀과 안전하게 비밀 정보를 공유하세요.

Infisical은 Node.js, Python, Java 및 .Net용 네 개의 SDK를 제공합니다.

그들은 GitHub에서 13,000개 이상의 스타와 155번 이상의 릴리스를 보유하고 있어 지속적으로 발전하고 있습니다.

<div class="content-ad"></div>

이 글이 유용했기를 바라요. 그렇다면 개발자 친구들과 공유해보세요!

유료 협업을 원하시면 아래 이메일로 연락해주세요: arindammajumder2020@gmail.com

트위터, 링크드인, 유튜브, 그리고 GitHub에서 저와 소통해보세요.

읽어 주셔서 감사합니다 : )

<div class="content-ad"></div>


![Image](/assets/img/2024-07-25-5ToolsEveryDeveloperMustUsein2024_10.png)


2024년에 모든 개발자가 꼭 사용해야 할 5가지 도구




## 소개

Next.js는 서버 사이드 렌더링 및 정적 사이트 생성을 통해 빠르고 확장 가능한 웹 애플리케이션을 만들기 위한 강력한 React 프레임워크입니다. 애플리케이션이 성장함에 따라 민감한 데이터 및 자원에 대한 액세스 관리는 보안과 통제를 유지하는 데 중요합니다. 여기서 요청 액세스 승인 시스템이 매우 유용합니다.

요청 액세스 승인 시스템은 조직의 디지털 인프라 내에서 세밀한 액세스 제어를 가능하게 합니다. 직원들은 기밀 파일이나 특수 소프트웨어와 같은 특정 자원에 대한 액세스를 요청할 수 있으며, 지정된 승인자는 이러한 요청을 검토하고 관리할 수 있습니다.

Next.js에는 이 시스템에 대한 내장 기능이 제공되지는 않지만 견고한 권한 부여 도구인 Permit.io를 사용하여 통합할 수 있습니다. 이 도구는 권한을 구성하고 관리하는 작업을 간편화하여 복잡한 액세스 제어를 Next.js 애플리케이션에 구현하는 이상적인 솔루션입니다.

<div class="content-ad"></div>

안녕하세요! 이 가이드에서는 Next.js와 Permit.io를 사용하여 Request Access Approval 시스템을 구축하는 방법을 안내하겠습니다. 접근 요청을 처리하고 승인을 관리하며 권한을 시행하여 귀하의 조직 내에서 민감한 정보에 대한 액세스를 인가된 개인만 가능하도록 보장하는 데 어떻게 적용하는지 보여드리겠습니다.

## Request Access Approval(요청 액세스 승인)란?

자세히 들어가기 전에 RAA(Request Access Approval)가 무엇인지 알아보겠습니다. 예를 들어, 개발자가 본 프로덕션 데이터베이스에 액세스해야 하는 경우, 그들은 시스템을 통해 요청을 제출합니다. 이 요청은 담당자나 인가된 담당자에게 도착하여 검토됩니다. 요청자가 역할에 따라 액세스가 필요한지와 요구 사항을 충족하는지를 확인합니다.

모든 것이 올바르다면 요청을 수락합니다. 그렇지 않으면 거부할 수 있습니다. 이를 통해 옳은 사람들만 이해할 수 있는 데이터에 액세스할 수 있도록 합니다. 이 실천은 Request Access Approval(요청 액세스 승인)이라고 합니다.

<div class="content-ad"></div>

![image](/assets/img/2024-07-25-HowtoBuildaRequestAccessApprovalSysteminNextjs_0.png)

## 이것이 왜 필요한가요?

지금까지 RAA(요청 액세스 승인)를 살펴보았는데, 왜 이것이 필요한 걸까요? 이것은 민감한 데이터를 무단 액세스로부터 보호하는 강력한 방법으로, 필요한 사람만이 데이터를 볼 수 있도록 보장합니다. 이로써 데이터 침해의 위험을 줄이고 조직이 다양한 보안 규정을 준수하도록 돕습니다. 또한 액세스 부여 프로세스를 더 빠르고 효율적으로 만드는 데 도움이 됩니다.

RAA 시스템은 중요한 정보를 보호하기 위한 추가적인 보안 계층을 추가합니다. 조직은 민감한 데이터에 대한 무단 사용자의 액세스를 제한할 수 있어 고객 정보 및 기타 기밀 데이터를 보호하는 데 필수적입니다.

<div class="content-ad"></div>

RAA 시스템은 액세스 요청을 관리하는 프로세스를 간소화합니다. 관리자는 여러 요청을 효율적으로 검토 및 승인할 수 있고, 직원들은 빠르게 액세스 요구를 제출할 수 있습니다. 이는 조직 내 보안과 효율성을 높입니다.

예를 들어, 직원이 시스템을 통해 요청을 제출할 수 있고, 해당 요청은 관리자나 인가된 개인이 검토합니다. 그들은 직원의 역할과 정보의 민감도와 같은 요소를 고려하여 액세스 권한을 부여하거나 거부합니다.

## 준비 사항

이 주제에 대해 더 알고 싶다면 Next.js 구조에 대한 기본 지식이 있어야 합니다. Next.js에 대해 더 알아보려면 여기를 참조하세요.

<div class="content-ad"></div>

사용자 인증 및 승인을 알아야 합니다. 세션 관리, OAuth 통합, 역할 기반 액세스 제어 (RBAC), 안전한 비밀번호 해싱 및 저장 방법 구현과 같은 중요한 내용들이 있습니다.

## 단계별 안내:

### Next.js 프로젝트 설정

시작하려면 Next.js 프로젝트를 만들어야 합니다. 시간을 절약하기 위해 이미 설정된 스타터 템플릿을 사용할 수 있습니다.

<div class="content-ad"></div>

터미널을 열고 GitHub 저장소를 복제하세요.


git clone <https://github.com/Arindam200/nextjs-starter>


이렇게 하면 Next.js 프로젝트가 생성됩니다. 그 후에 새로 생성된 프로젝트 폴더로 이동하세요:


cd nextjs-starter


<div class="content-ad"></div>

이제 필요한 종속성을 설치하겠습니다.

```js
npm install @permitio/permit-js permitio dotenv
```

다음으로, 프로젝트의 루트에 .env 파일을 생성하여 환경 변수를 저장할 것입니다.

```js
//.env

JWT=your_jwt_token
ENV=your_environment_key
```

<div class="content-ad"></div>

위에 나열된 모든 것을 준비했네요. 이제 기본적인 Next.js 프로젝트 설정을 완료했습니다.

### 사용자 관리 요소 생성:

액세스 요청 요소를 만들려면 먼저 사용자 관리 요소를 만드는 것이 중요합니다. 이를 먼저 만들어 봅시다.

- Elements 섹션으로 이동
- 사용자 관리 아래에서 "요소 생성"을 클릭하세요

<div class="content-ad"></div>

![이미지](/assets/img/2024-07-25-HowtoBuildaRequestAccessApprovalSysteminNextjs_1.png)

- 역할을 할당하여 사용자 관리 요소를 만들어보세요:
이름을 추가해주세요, 예를 들어, “사용자 관리”
RBAC 역할을 선택해주세요
“숨은 역할” 섹션에서 관리자 역할을 “레벨 1 - 워크스페이스 소유자”로 끌어다 놓아주세요
요소를 생성해주세요.
- 이름을 추가해주세요, 예를 들어, “사용자 관리”
- RBAC 역할을 선택해주세요
- “숨은 역할” 섹션에서 관리자 역할을 “레벨 1 - 워크스페이스 소유자”로 끌어다 놓아주세요
- 요소를 생성해주세요.

### 액세스 요청 요소 생성

- Elements 옵션을 클릭해주세요
- 액세스 요청 아래에 위치한 “요소 생성”을 클릭해주세요

<div class="content-ad"></div>

<img src="/assets/img/2024-07-25-HowtoBuildaRequestAccessApprovalSysteminNextjs_2.png" />

- 연결하고 싶은 사용자 관리 요소를 선택합니다.
- 선택에 따라 요소를 사용자 정의하세요.

### 접근 요청 및 사용자 관리 요소 구현

이제 Permit.io의 접근 요청 요소 및 사용자 관리 요소를 Next.js 애플리케이션에 통합하겠습니다.

<div class="content-ad"></div>

- 먼저 components 폴더 아래에 액세스 요청 요소용 컴포넌트인 AccessRequest.tsx를 생성하세요:

```js
import React from 'react'

function AccessRequest() {
  return (
    <iframe
            title="허가 요소 AR"
            src="https://embed.permit.io/ar?envId=e0ffba3632274e8085d92c793d34f0c1&darkMode=false&tenantKey=default"
            width="100%"
            height="100%"
            style={ border: 'none' }
    />
  )
}

export default AccessRequest;
```

- 다음으로, 사용자 권한을 관리하는 사용자 관리 요소용 컴포넌트를 만드세요. UserManagement.tsx에 다음 코드를 추가하세요:

```js
import React from 'react'

function UserManagement() {
  return (
    <iframe
        title="허가 요소 사용자 관리"
        src="https://embed.permit.io/user-management?envId=0ce2a34be877476f958a43b354e06756&darkMode=false"
        width="100%"
        height="100%"
        style="border: none;"
    />
  )
}

export default UserManagement;
```

<div class="content-ad"></div>

- 이제 Dashboard.tsx 컴포넌트를 생성하세요. 이 컴포넌트는 Permit.io를 사용하여 로그인 프로세스를 처리하고 Access Request와 User Management 요소를 모두 내장합니다.

```js
'use client';
import permit, { LoginMethod } from '@permitio/permit-js';
import AccessRequest from './AccessRequest';
import UserManagement from './UserManagement';
import 'dotenv/config';
import { useEffect } from 'react';

const Dashboard = () => {
    useEffect(() => {
        const login = async () => {
            try {
                await permit.elements.login({
                    loginMethod: LoginMethod.frontendOnly,
                    userJwt: process.env.JWT,
                    tenant: 'default',
                    envId: process.env.ENV,
                });
                console.log('로그인 성공');
            } catch (err) {
                console.error('로그인 오류:', err);
            }
        };

        if (process.env.JWT && process.env.ENV) {
            login();
        } else {
            console.error('JWT 토큰 또는 ENV 변수가 정의되지 않았습니다.');
        }
    }, []);

    return (
        <div>
            <AccessRequest />
            <UserManagement />
        </div>
    );
};

export default Dashboard;
```

이 컴포넌트는 useEffect 훅을 사용하여 컴포넌트가 마운트될 때 로그인 함수를 실행합니다.

로그인 함수는 permit.elements.login()을 사용하여 사용자를 인증합니다:

<div class="content-ad"></div>

- 클라이언트 측 인증에 LoginMethod.frontendOnly를 사용합니다.
- JWT 토큰과 환경 ID를 환경 변수에서 검색합니다.
- 로그인에 성공하면 성공 메시지를 로깅하고, 그렇지 않으면 오류를 로깅합니다.

이 구성 요소는 Permit.io 액세스 요청 및 사용자 관리 요소를 내장한 두 개의 iframe을 렌더링합니다.

- 대시보드 구성 요소를 사용하려면, 액세스 요청 요소와 사용자 관리 요소를 표시하려는 위치에 구성 요소를 추가해야 합니다. 이 예시에서는 page.tsx에 다음을 추가해주세요:

```js
import Dashboard from "@/components/Dashboard";

export default function Home() {
  return (
    <main>
      <div>
        <Dashboard />
      </div>
    </main>
  );
}
```

<div class="content-ad"></div>

다 끝났어요. 다음은 Next.js를 사용하여 Permit.io Request Access 기능을 구현하는 방법입니다. 이것은 클라이언트 측 구현입니다. 서버 측 구현도 사용할 수 있어요.

### 어플리케이션 실행하기

프로젝트를 시작하려면 터미널에서 다음 명령어를 실행하세요:

```js
npm run dev
```

<div class="content-ad"></div>

프로젝트를 시작해보겠습니다.

이제, 로컬호스트:3000 으로 이동하면 다음 페이지를 볼 수 있습니다:

![이미지](/assets/img/2024-07-25-HowtoBuildaRequestAccessApprovalSysteminNextjs_3.png)

이제 액세스를 요청하면 관리자가 다음을 받게 됩니다:

<div class="content-ad"></div>

<img src="/assets/img/2024-07-25-HowtoBuildaRequestAccessApprovalSysteminNextjs_4.png" />

그리고 만약 관리자가 우리에게 접근 권한을 주면, 우리는 제한된 또는 비공개 페이지에 접근할 수 있게 됩니다.

이를 통해, 우리 애플리케이션의 제한된 영역에는 인가된 사용자만 접근할 수 있으며, 우리가 권한을 부여하면 그들만이 해당 내용을 볼 수 있습니다.

## 결론

<div class="content-ad"></div>

이 튜토리얼에서는 Permit.io를 사용하여 Next.js에서 요청 액세스 승인 기능을 구현하는 방법을 살펴보았습니다. 이 단계를 따라가면 응용 프로그램의 액세스 관리의 보안성과 효율성을 향상시킬 수 있습니다.

만약 이 포스트가 도움이 되었다면, 혜택을 받을 수 있는 사람들과 공유해보세요.

권한 부여를 구현하는 방법에 대해 더 배우고 싶으신가요? 궁금한 점이 있으신가요? 팀에 문의하기 위해 Slack 커뮤니티에 가입해보세요.

읽어 주셔서 감사합니다 : )

Nextjs에서 접근 권한 제한 승인 시스템 구축 방법




커뮤니티가 선호하는 프론트엔드 챌린지가 돌아왔어요!

8월 4일까지 진행되는 프론트엔드 챌린지: 재탄생 에디션에는 두 가지 재탄생 테마 프롬프트인 CSS 아트와 Glam Up My Markup이 포함되어 있습니다. 이번 기회를 통해 자바스크립트 스킬을 뽐내고 CSS 창의성을 발휘할 수 있을 거예요.

항상 그랬듯이, 각 프롬프트 당 한 명의 우승자가 있을 거예요. 이 말인 즉슨, 자랑할 거리와 DEV 샵 선물 그리고 독점적인 DEV 배지를 획득할 수 있는 기회가 두 번 나온다는 거죠.

그리고 아시다시피, 배지는 여러 번 우승한 것을 자랑하는 데 사용될 수 있어요! 하지만 물론, 중요한 건 우승이라는 목적이 아니라 여정입니다. 이 챌린지를 통해 자신을 도전하고 즐거움을 느끼기를 바랍니다!

<div class="content-ad"></div>

그리고 현금 상금을 차지하기 위해 더 관심이 있는 경우, 지금 진행 중인 Stellar와 함께 더 나은 건축: 스마트 계약 챌린지가 $50,000 이상의 상금이 걸려 있습니다!

## 프롬프트

### CSS 아트: 즐겨하는 여가

당신이 일하고 있지 않을 때 즐기는 것은 무엇인가요? 누군가가 당신에게 즐겨하는 여가에 대해 물으면 떠오르는 것을 그려보세요. 다시 말해, 언제 어떻게 즐기시는지요? DEV 팀의 일부는 미식 축구와 같은 팀 스포츠를 즐기지만, 다른 사람들은 뜨근뜨근이 니트 하기와 같은 운동이 적은 홀로 할 수 있는 시간을 선호합니다. 🧶

<div class="content-ad"></div>

떠오르는 것을 그림처럼 표현해보세요!

다음은 즉시 참여하고 싶은 사람을 위한 제출 양식이지만, 공식 챌린지 페이지의 모든 규칙을 확인한 후 제출하세요.

CSS 아트 제출 양식

### 글램 업 마크업: 크리켓 리그!

<div class="content-ad"></div>

```html
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>New York Recreational Cricket League</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #f5f5f5;
            margin: 0;
            padding: 0;
        }
        
        header {
            background-color: #0047ab;
            color: white;
            text-align: center;
            padding: 20px;
        }
        
        section {
            background-color: #ffffff;
            margin: 20px;
            padding: 20px;
            border-radius: 5px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        }
        
        h1,
        h2 {
            color: #0047ab;
        }
        
        ul {
            list-style-type: none;
            padding-left: 0;
        }
        
        footer {
            background-color: #0047ab;
            color: white;
            text-align: center;
            padding: 10px;
            position: fixed;
            bottom: 0;
            width: 100%;
        }
    </style>
</head>

<body>
    <header>
        <h1>Welcome to the New York Recreational Cricket League</h1>
        <p>Join us to experience the thrill of cricket right in the heart of New York City!</p>
    </header>

    <section>
        <h2>About the League</h2>
        <p>The New York Recreational Cricket League (NYRCL) is dedicated to promoting the sport of cricket among New Yorkers of all ages. We offer a friendly but competitive environment where players can improve their skills and enjoy the game.</p>
    </section>

    <section>
        <h2>How to Join</h2>
        <p>Interested in playing? We welcome players of all skill levels! To join, simply fill out our online registration form on our website, or contact us at join@nyrcl.com for more details.</p>
    </section>

    <section>
        <h2>League Fees</h2>
        <p>The registration fee for the league is $150 per player, which covers the entire season. This fee includes uniforms, equipment rental, and insurance.</p>
    </section>

    <section>
        <h2>Location of Games</h2>
        <p>All games are held at the iconic Central Park Cricket Fields, located near the north end of Central Park, easily accessible via public transportation.</p>
    </section>

    <section>
        <h2>Season Schedule</h2>
        <p>The NYRCL season runs from April through September, with games typically held on weekends. Here is the schedule for the upcoming season:</p>
        <ul>
            <li>Opening Day: April 15th</li>
            <li>Mid-Season Tournament: July 8th-9th</li>
            <li>Season Finals: September 20th</li>
            <li>Closing Ceremony: September 30th</li>
        </ul>
    </section>

    <footer>
        <p>Contact Us: </p>
        <p>Email: info@nyrcl.com | Phone: (555) 123-4567</p>
        <p>Follow us on our social media pages for updates and more information.</p>
    </footer>
</body>

</html>
```

<div class="content-ad"></div>

## 중요한 일정

- 7월 24일: 프론트엔드 챌린지: 리크리에이션 시작!
- 8월 4일: 제출 마감 11:59 PM PDT
- 8월 6일: 우승자 발표

도전을 즐기시고 여러분의 제출물을 기대하며! 궁금한 점이 있으시면 아래에서 질문해주세요.

행운을 빕니다. 코드 작성하세요!

다음 프론트엔드 챌린지에 참여하세요 재창조 에디션




Markdown 형식으로 변경해 드릴게요.

![이미지](/assets/img/2024-07-24-StreamliningDataEntryforaCemeteryBusiness_0.png)

# 사례 연구:

고객 배경

묘지 사업에서 장례지 구매를 담당하는 영업팀이 수동으로 PDF 양식을 작성해야 하는 지루한 과정을 겪고 있었습니다. 이 과정은 시간이 오래 걸리는 것뿐만 아니라 실수가 발생하기 쉬워 운영의 비효율성을 야기했습니다.

<div class="content-ad"></div>

도전

고객은 영업팀이 수집한 데이터로 PDF 양식을 자동으로 채우는 솔루션이 필요했습니다. 목표는 데이터 입력 프로세스를 가속화하고 정확성을 보장하며 필요할 때 양식을 감사하고 재생성하기 쉽게하는 것이었습니다.

해결책

YDD Consulting은 Python 라이브러리 pdfforms를 사용한 혁신적인 솔루션을 제공했습니다. 이 라이브러리를 사용하면 PDF 양식 필드 데이터의 추출과 조작이 가능합니다. pdfforms를 Excel과 통합함으로써 데이터 입력 프로세스가 크게 간소화되었습니다.

<div class="content-ad"></div>

# 구현

- Excel 통합:

  - Excel 시트를 만들어 드롭다운 및 다른 입력 기능을 사용하여 데이터를 빠르게 입력할 수 있도록 했습니다.
  - 이 데이터를 사용하여 PDF 양식을 자동으로 채웁니다.

- 자동화 프로세스:

<div class="content-ad"></div>

- openpyxl 라이브러리를 사용하여 Excel 시트에서 데이터를 읽었습니다.
- pdfforms 라이브러리를 활용하여 PDF 양식을 열고, Excel 시트의 데이터로 양식 필드를 채우고, 그런 다음 양식을 플랫하게 만들어 필드를 편집할 수 없도록 했습니다.
- 완성된 양식은 새로운 PDF로 저장되었습니다.

# 기술적 방법

- 사용된 라이브러리:

- pdfforms: PDF 양식을 다루는 데 사용되며, 필드를 채우고 플랫하게 만드는 등의 기능이 있습니다.
- openpyxl: Excel 스프레드시트에서 데이터를 읽는 데 사용됩니다.

<div class="content-ad"></div>

아래와 같이 Markdown 포맷으로 표태그를 변경해주세요.

| 코드 예시 |

```js
import pdfforms
import openpyxl

// Excel 스프레드시트 열기
workbook = openpyxl.load_workbook("data.xlsx")
sheet = workbook.active

// 스프레드시트의 첫 번째 행에서 데이터 읽기
name = sheet.cell(row=1, column=1).value
address = sheet.cell(row=1, column=2).value
ssn = sheet.cell(row=1, column=3).value

// PDF 양식 열기
form = pdfforms.open("form.pdf")

// 양식 필드 작성
form.fields["name"] = name
form.fields["address"] = address
form.fields["ssn"] = ssn

// 양식 평면화 (필드를 편집할 수 없게 만듦)
form.flatten()

// 작성된 양식 저장
form.save("filled_form.pdf")

// 양식 닫기
form.close()
```

결과:

YDD Consulting에 의한 이 솔루션의 구현은 상당한 이점을 가져왔습니다.

<div class="content-ad"></div>

효율성:

- PDF 양식을 작성하는 수동 프로세스가 수 시간에서 몇 분으로 줄었으며, 판매 팀이 고객 상호작용에 집중할 수 있는 소중한 시간이 확보되었습니다.

정확성:

- 데이터 입력 프로세스를 자동화하여 오류를 최소화하여 모든 정보가 정확하게 기록되고 PDF 양식으로 전송되었습니다.

<div class="content-ad"></div>

감사 가능성:

- 필요할 때 신속하게 수집된 정보를 감사하고 PDF 양식을 재생성할 수 있는 능력은 비즈니스의 전반적인 운영 효율성을 높였습니다.

결론

YDD 컨설팅의 PDF 양식 작성을 위한 자동화 솔루션이 묘원 비즈니스의 데이터 입력 프로세스를 혁신적으로 변화시켰습니다. Python 라이브러리를 활용하여 Excel과 PDF 양식을 통합함으로써, 비즈니스는 더 효율적이고 정확하며 감사 가능한 결과를 얻었습니다. 이 사례 연구는 복잡한 프로세스를 간소화하고 운영 효율성을 향상시키는 자동화가 가치 있는 지를 보여 줍니다.

Posts