Just..Eric

DocuLink 🔗⭐️DocuLink is an application that visualizes the relationships between documents in Confulence, helping users discover connections and access key document information through an interactive graph. https://youtu.be/Qb_DmEHbbCs?si=yUJ0jcBw-vo_3tAH Inspiration DocuLink is inspired by Obsidian, which visualizes data through graphs. Obsidian does an excellent job of showing the relationshi..

얼마전에 JavaScript로 코드를 작성하다가,JavaScript에서 forEach 메서드와 async/await를 함께 사용할 때, 예상치 못한 동작으로 코드가제대로 동작하지 않는 문제를 겪었다.찾아보니 이는 forEach 메서드가 비동기 코드를 동기적으로 처리하지 않기 때문이라고한다.문제 설명forEach 메서드는 배열의 각 요소에 대해 콜백 함수를 실행하지만, 해당 콜백이 비동기 함수일 경우 이를 제대로 처리하지 못한다.즉, async/await를 사용하더라도 forEach는 각 콜백의 완료를 기다리지 않고 다음 요소로 넘어간다.이는 forEach가 내부적으로 비동기 코드를 다루는 방식 때문이다.예제 코드다음은 forEach와 async/await를 함께 사용했을 때 발생하는 문제를 보여주는 예제..

회사에서 Docusaurus 로 회사 문서를 관리한다.이때 사용되는 Pakage 중 하나가 Redocusaurus 를 이용해서 REST API 문서를 만들고 있었는데,하단의 에러가 나면서 자꾸 build가 안되었다.Error[ERROR] Error: Unable to build website for locale en. at tryToBuildLocale (/eric/node_modules/@docusaurus/core/lib/commands/build.js:54:19) at async /eric/node_modules/@docusaurus/core/lib/commands/build.js:65:9 at async mapAsyncSequential (/eric/node_modules/@doc..

안녕하세요!Eric입니다!오늘 알아볼 내용은얼마전에 회사에서 CORS를 세팅하려는데,Server에서 세팅하기 어려운 상황이었어서,NGINX에 CORS를 세팅해서 CORS 세팅을 해보고자 시도했던 방법입니다!이번기회에 NGINX 가 무엇인지 알아보고 저와 같이 NGINX 에 대해서 알아보시죠!NGINX 설치 및 CORS 설정 방법소개웹 애플리케이션을 개발할 때 CORS(Cross-Origin Resource Sharing)는 중요한 요소입니다. CORS는 웹 브라우저에서 다른 출처의 리소스를 요청할 때 발생하는 보안 기능으로, 이를 적절히 설정하지 않으면 API 요청이 차단될 수 있습니다. 이 글에서는 Ubuntu 환경에서 NGINX를 설치하고 CORS 설정을 하는 방법을 단계별로 설명하겠습니다.1. NG..

안녕하세요! Eric 입니다. 오늘부터는 python으로 공부를 다시 시작했답니다. 오늘 풀어볼 문제는 백준 3046번 R2입니다. [해설] 우선 input 을 2개 받고, 평균값을 두배로 하고, 첫번째 값을 빼게되면 해결되는 간단한 문제입니다. a, b = input().split() print(int(b)*2-int(a)) 오늘의 리뷰는 여기까지! 다음에는 더 어려운 문제로 올게용! ㅎㅎ

서론 Elixir, Erlang VM 위에서 운영되는 강력한 함수형 프로그래밍 언어,는 메타 프로그래밍에 있어 중요한 역할을 하는 quote와 unquote라는 두 개념을 제공합니다. 이 게시물에서는 이 두 개념의 필요성과 기능을 알아보도록 하겠습니다. Quote의 필요성과 작동 원리 1. 필요성: 코드 조작: Elixir에서 코드를 데이터로 변환하고 이를 조작할 필요가 있을 때 quote를 사용합니다. 이것은 매크로, 코드 생성, 그리고 동적 프로그래밍 기법에 필수적입니다. 추상화 층 생성: quote는 코드의 의미를 보존하면서 그것을 추상화 층으로 래핑합니다. 이것은 복잡한 코드 변환을 쉽게 만들어줍니다. 2. 작동 원리: quote를 사용하면, 주어진 코드 블록이 Elixir의 내부 데이터 구조, ..

Elixir와 아톰(Atom)의 만남 Elixir는 Erlang VM 위에 구축된 함수형 프로그래밍 언어로, 높은 동시성(concurrency), 내결함성(fault-tolerance), 분산(distribution)을 위해 설계되었습니다. 이 멋진 언어의 기본 구성 요소 중 하나는 바로 '아톰(atom)'입니다. 아톰은 Elixir의 불변하는 상수이며, 이름 그대로 고유한 값으로 존재합니다. 오늘은 이러한 아톰에 대해 깊이 있게 알아보겠습니다. 아톰(Atom)이란? 아톰은 이름이 값을 나타내는 객체입니다. 즉, 아톰은 자기 자신이 최종 값입니다. 예를 들어, :ok 아톰은 "ok"라는 이름의 아톰입니다. 이 특성 때문에, 아톰은 주로 상태, 식별자 또는 특정 값을 나타내는 데 사용됩니다...

JavaScript를 배우거나 사용하면서 중요하게 접하게 되는 개념 중 하나는 동기(synchronous)와 비동기(asynchronous)의 차이입니다. 이 글에서는 이 두 개념의 차이를 기본적인 예시부터 실용적인 예시까지 다양한 방법으로 설명해 드리겠습니다. 1. 기본 개념 구분 동기(Synchronous) 비동기(Asynchronous) 동작 원리 코드가 순차적으로 실행. 한 작업이 완료될 때까지 다음 작업 대기. 코드는 바로 다음 작업으로 넘어가며, 특정 작업의 완료를 기다리지 않음. 장점 코드의 흐름이 명확하며 예측하기 쉽다. 여러 작업을 동시에 처리 가능하여 효율적. 단점 긴 작업이 진행되는 동안 전체 프로세스가 멈출 위험이 있음. 코드의 흐름이 복잡해질 수 있고, 콜백, 프로미스 등의 메커니..

JavaScript의 localStorage 활용하기 여러분 안녕하세요! Eric입니다. 오늘은 웹 페이지에서 데이터를 로컬에 저장하는 방법 중 하나인 localStorage를 활용하는 방법에 대해 알아보겠습니다. 추가로 JSON.stringify()와 JSON.parse()의 사용법도 함께 다룰 예정입니다. 1. localStorage란? localStorage는 웹 페이지의 데이터를 브라우저에 저장하는 방법 중 하나로, 사용자가 브라우저를 닫거나 페이지를 새로 고침해도 데이터가 사라지지 않습니다. 각 데이터는 key-value 쌍으로 저장되며, 문자열 형태로 저장됩니다. 2. localStorage에 데이터 저장하기 localStorage에 데이터를 저장하는 방법은 간단합니다. localStorage..

Elixir 를 공부하면서, JS에서는 익숙하지 않은 내용이 있어서 따로 정리하고자 이 글을 작성한다. Elixir에서 핀(^) 연산자란? Elixir에서는 많은 프로그래밍 언어와는 다르게 = 연산자가 변수에 값을 할당하는 것을 의미하지 않는다. 대신, = 연산자는 패턴 매칭을 수행한다. 이 때문에, Elixir에서 이미 할당된 변수의 값을 고정하거나 해당 값과 다른 패턴을 매칭하고자 할 때 특별한 연산자가 필요하게 되었는데, 그 것이 바로 핀(^) 연산자이다. 1. 패턴 매칭에서의 값 고정 패턴 매칭은 변수를 값에 연결하는 데 사용될 수 있다. 하지만, 변수가 이미 값으로 바인딩된 상태에서 해당 변수를 다른 값이나 패턴과 매칭하려면 핀 연산자를 사용해야 한다. x = 1 # x 변수에 1이 바인딩됩니다..