질문과 피드백은 언제나 환영!

댓글로 남겨주세요:)

javascript 3

[NEXT.js] 모노레포 사용기 - 모노레포를 선택한 이유 / 모노레포 장점 / 백오피스 / 클라이언트 페이지 / pnpm 사용 이유

모노레포 언제 씀?  모노레포 적용부터 yarn berry까지 – 화해 블로그 | 기술 블로그모노레포 적용부터 yarn berry까지 frontend 플랫폼에서 진행할 과제를 도출했습니다. 목표는 두 가지입니다. 1)모노레포 적용부터 yarn berry까지 빠른 실행력을 갖추면서 높은 퀄리티 결과물을 내는blog-wp.hwahae.co.krhttps://seunghyum.github.io/design%20pattern/Monorepo/ [Design Pattern] Monorepo 공부결론seunghyum.github.iohttps://medium.com/hcleedev/dev-monorepo-개념-알아보기-33fd3ce2b767 Dev: MonoRepo 개념 알아보기여러 프로젝트를 한 레포지토리에서 관..

NEXT.js 2024.09.16

[TypeScript] 타입 스크립트 동작 원리

JS vs TS JS는 인터프리터 언어이다. 코드를 한 줄씩 읽어가면서 명령을 처리한다. JS는 동적 타이핑 언어이다. 변수의 자료형이 런타임에 결정되어 JS엔진에 의해 자유롭게 변경된다. 따라서 발생하는 오류들은 런타임 오류들이다. TS는 컴파일 언어이다. 코드 작성이 끝나면 빌드 작업을 통해 코드를 JS로 한 번 바꾸어 준 후 코드를 실행한다. TS는 정적 타이핑 언어이다. 변수의 자료형을 명시적으로 개발자가 지정해 컴파일 단계에서 타입이 올바른지 판단한다. 따라서 발생하는 오류들은 컴파일 오류들이다. 그러나 모든 런타임 오류를 타입스크립트로 방지할 수는 없다고 한다. 타입스크립트는 node.js 나 브라우저가 해석할 수 없다. 따라서 js 코드로 변환해 주는 작업이 필요하다. 타입스크립트의 동작 과..

자바스크립트 2024.03.24

[Javascript] 비동기 처리 / 타이머 함수 / async 이해하기

비동기 처리 비동기 처리는 프로그램이 작업을 동시에 수행하는 것처럼 보이게 하는 처리 방법이다. 쉽게 말하면 일을 미뤄두고 다른 코드가 다 실행된 후 미뤄둔 일을 실행하는 처리 방식이다. 비동기 처리 과정 JS 코드가 실행될 때 비동기 함수를 만나면 비동기 함수에 등록된 코드는 event loop에 들어가고 해당 함수를 탈출해 나머지 코드를 실행한다. 이때 이벤트 루프는 queue 형태라고 생각하면 편하다. 기본적으로 선입 선출 구조이나 비동기처리 시 대기 시간을 정해두었다면 해당 대시 시간만큼만 event loop에 머물게 된다. Event Loop 이벤트 루프는 아래의 그림과 같이 나타낼 수 있다. 여기서 중요한 개념은 stack과 queue이다. call stack 위의 그림에 있는 stack은 흔..

자바스크립트 2024.02.04