HA젠옹의 프리랜서의 일상

서론우선 해당 내용에 대해 간략하게 Yarn이 무엇인지? 그리고 최근에 업데이트가 된 Yarn v3가 무엇이길래 차이가 있는지에 대해 알아보고 해결 방법을 찾아겠습니다.Yarn이란?Yarn은 Facebook에서 개발한 패키지 매니저로, JavaScript 및 Node.js 프로젝트에서 의존성을 효율적으로 관리하도록 설계되었습니다. 주요 특징은 다음과 같습니다.빠른 속도일관된 설치 환경네트워크 복원성병렬 설치 기능Yarn v3란?Yarn v3는 Yarn의 최신 주요 버전으로, 이전 버전과 비교하여 다양한 혁신적인 기능과 성능 개선을 포함하고 있습니다. 특히 Plug'n'Play(PnP)와 같은 새로운 종속성 관리 시스템을 도입하여 의존성 설치 및 관리 방식을 크게 변경했습니다 Yarn v1 vs Yarn ..

CORS는 웹 페이지에서 문서가 생성된 도메인과 다른 도메인의 리소스에 대한 액세스를 제어하기 위해 웹 브라우저에서 구현하는 보안 메커니즘입니다. CORS의 목적은 브라우저가 서버에서 명시적으로 허용하지 않는 한 웹 애플리케이션이 도메인 간 요청을 수행하지 못하도록 제한하는 정책을 시행하여 CSRF(교차 사이트 요청 위조) 및 데이터 도난과 같은 공격으로부터 사용자 데이터를 보호하는 것입니다.CORS 작동 방식CORS는 브라우저와 서버 간의 HTTP 헤더 교환을 통해 작동합니다. 단계별 프로세스는 다음과 같습니다.1. 브라우저가 교차 출처 요청을 합니다 브라우저에서 실행 중인 JavaScript가 원본 도메인과 다른 도메인에 요청을 시도하는 경우(예: API 리소스를 가져오는 경우) 브라우저는 요청에 '..

비동기 프로그래밍이란 무엇인가? 비동기 프로그래밍은 애플리케이션 내에서 비차단 작업을 용이하게 하는 방법이며, 작업이 차례로 완료되는 동기 또는 순차 프로그래밍과 달리 비동기 프로그래밍을 사용하면 작업이 기본 애플리케이션 스레드와 별도로 실행될 수 있습니다. 이는 프로그램이 시간이 많이 걸리는 작업을 시작하고 작업이 완료될 때까지 기다리지 않고 다른 작업을 계속 실행할 수 있게 합니다. 비동기 프로그래밍을 배워야 하는 이유? 효율성 및 성능 비동기 프로그래밍을 사용하면 여러 작업을 동시에 처리할 수 있으며, 이는 작업을 완료하는 데 시간이 걸리고 그렇지 않으면 다른 작업의 실행을 차단하는 I/O 바인딩 및 네트워크 바인딩 애플리케이션에 특히 유용합니다. 확장성 비동기식으로 설계된 애플리케이션은 더 적은 ..

JavaScript 개발 환경에서 패키지 관리자는 프로젝트 설정, 모듈 관리 및 효율적인 패키지 설치를 촉진하는 데 중요한 역할을 합니다. 가장 유명한 패키지 관리자 중에는 yarn과 npm(노드 패키지 관리자)이 있으며 각각 고유한 기능과 사용 사례가 있습니다. 장단점을 살펴보기 전에 yarn과 npm이 무엇인지 간략하게 알아보겠습니다. Yarn과 Npm은 무엇인가? Npm: npm은 2010년에 도입된 Node.js의 기본 패키지 관리자입니다. 이는 개발자가 패키지를 쉽게 공유하고 사용할 수 있도록 방대한 JavaScript 패키지 저장소를 제공합니다. npm은 Node.js 설치와 함께 번들로 제공되어 프로젝트 내에서 패키지를 관리하기 위한 포괄적인 CLI를 제공합니다. Yarn: yarn은 당시..

Mac에서 컨트롤 + 좌클릭을 할 경우 어떤 현상이 일어나시는지 아실까요??? 윈도우만 사용하다 최근에 Mac으로 갈아타면서 새로운 불편한 상황들을 부딧치곤 합니다. 그 중에서 컨트롤 + 좌클릭을 할 경우 Mac에서 우클릭으로 인식하는걸 다들 알고 계실까요? 하여 해결 방안을 찾기 위해 자료를 찾아보았는데 따로 Mac 자체에서 해결할 방안은 없으며, 프로그램을 설치하는 방법이 있더라고요. VMware이라는 프로그램인데, 해당 프로그램을 설치 후 Settings를 선택 하시면 Keyboard & Mouse라는 아이콘이 존재하며 컨트롤+클릭=우클릭 라는걸 끌 수 있습니다. 만약, 굳이 VMware 해당 프로그램을 설치하면서까지 해야하나 싶으신 분들은 트랙패드로도 사용가능하니 걱정하지마세요.

SEO는 무엇일까?? SEO의 풀네임은 Search Engine Optimization으로 검색엔진 최적화 입니다. 검색 유저의 의도를 이해하고 이에 충실히 맞춰 웹 페이지의 콘텐츠를 제작하고, 이 페이지가 검색 결과 페이지에 잘 노출이 될 수 있도록 태그와 링크 구조를 개선하여 오가닉트래픽을 늘리는 방법론을 말하죠. 우리는 궁금한 게 생기면 구글, 네이버 같은 검색 사이트를 통해 특정 키워드를 입력해 검색합니다. 이때, 대부분의 사람은 상위 노출된 페이지를 먼저 열람하게 되는데, 검색엔진 결과 페이지에서 웹사이트 또는 웹페이지의 상위 노출도를 높이는 작업이 SEO입니다. SEO는 온라인 웹사이트나 콘텐츠가 검색 엔진에서 높은 순위를 얻도록 최적화하는 프로세스와 전략을 가리킵니다. 온라인 비즈니스와 웹사..

다들 DB 툴을 무엇을 사용하실까요? 윈도우 컴퓨터로 개발을 했을 땐 HeidiSQL이라는 DB툴을 사용하여 작업을 진행하였는데 해당 툴을 사용하면 정말 사용자 편의성을 고려하여 귀찮은 작업들이 마우스으로 클릭만 해도 쉽게 작업이 가능한데, 개발자의 로망은 Mac이라고 들어 컴퓨터를 바꾼 뒤로 HeidiSQL를 못 쓰게 되었습니다. 그러다 보니 간혹 디비 컬럼에 대한 인코딩 타입을 변경해야할 경우가 생길 때 어떻게 해야할지 막막할 때가 생겼는데 실력있는 개발자들이라면 이미 알고 있는 내용이겠지만, 콘솔에서 직접 명령어를 입력하여 수정할 수가 있습니다. SELECT COLUMN_NAME, CHARACTER_SET_NAME FROM INFORMATION_SCHEMA.COLUMNS WHERE TABLE_SCH..

데이터 통신 시스템 - ALOHA : 최초의 무선(라디오) 패킷 교환 시스템 : 회선 제어 방식 중 회선의 접근을 위해 서로 경쟁하는 대표적인 방식 통신 회선 - 동축 케이블 : 초기에는 주로 장거리 전화 전송망에 사용, 케이블 TV 분배 망이나 LAN 등에 사용 - 광섬유 케이블 : 대역폭이 널고, 보안성이 좋다 - 위성 통신 시스템의 구성 : 통신 위성, 지구국, 채널 등 - 다중 접속 방식 ※ FDMA : 주파수 분할 방식, 터미널 수가 고정 ※ TDMA : 타임 슬롯을 분할하는 방식 ※ CDMA : 주파수나 시간을 모두 공유하면서 코드를 부여하는 방식 통신 제어 장치 - 데이터 전송 회선과 컴퓨터 사이에서 전기적 결합과 전송 문자를 조립, 분해하는 장치 - 제어 및 기밀 보호,, 관리 기능이 있다..

기억장치 관리 전략 - 종류 : 반입(Fetch) 전략, 배치(Placement)전략, 교체(Replacement)전략 ※반입 전략 : 언제 주기억장치로 적재할 것인지 결정하는 전략 ※배치 전략 최조 적합 (First Fit) 첫 번째 분할 영역에 배치시키는 방법 최적 적합 (Best Fit) 단편화를 가장 작게 남기는 분할 영역에 배치 최악 적합 (Worst Fit) 단편화를 가장 크게 남기는 분할 영역에 배치 단편화 ※내부(Internal) 단편화 : 분할된 영역이 할당될 프로그램의 크기보다 크기 때문에 프로그램이 할당된 후 사용되지 않고 남아 있는 빈 공간 : 분할된 영역 > 작업 크기 ※외부(External) 단편화 : 분할된 영역이 할당될 프로그램의 크기보다 작기 때문에 프로그램이 할당될 수 없..

교착 상태 - 자원을 점유한 상태에서 다른 프로세스가 점유하고 있는 자원을 요구하며 무한정 기다리는 현상 교착상태 발생의 필요 충분 조건 상호 배제 ( Mutual Exclusion ) : 한번에 한 프로세스만 자원 사용 점유와 대기 ( Hold & Wait ) : 다른 자원이 할당되기를 기다리는 동안 이미 확보한 자원을 계속 보유 비선점 ( Non-preemptive ) ; 강제로 빼앗을 수 없다. 환형 대기 ( Circular Wait ) : 서로간의 요구 관계가 회전 교착 상태 해결 방법 ※예방 기법 ( Prevention ) - 교착 상태가 발생되지 않도록 사전에 시스템을 제어하는 방법 - 교착 상태 발생의 4ㄷ가지 조건 중에서 어느 하나를 제거함으로써 수행 -일반적으로 자원의 낭비가 심하다 -종..