이번 작업의 목표는 GitHub Actions에서 다른 레포지토리로 PR을 자동 생성하는 것이다.현재 구조는 다음과 같다.여기서 중요한 점은 Action이 실행되는 레포지토리와 PR을 생성해야 하는 레포지토리가 다르다는 것이다.그래서 기본 GITHUB_TOKEN만으로는

프론트엔드 팀에서는 공통으로 사용할 수 있는 모듈을 따로 관리하고 있다.현재 모듈은 크게 네 가지로 나뉜다.basic-uicorehooksutils이 모듈들은 프론트엔드 개발을 하면서 반복적으로 사용되는 UI, 로직, 훅, 유틸 함수들을 모아둔 패키지다.각 모듈은 np

기존 앱은 expo-updates를 사용하고 있어서, 스토어 심사 없이도 JS 코드 변경사항을 OTA로 배포할 수 있는 상태였다.즉 운영 중 긴급 수정이 필요할 때, 앱스토어/플레이스토어 재심사를 기다리지 않고 빠르게 반영할 수 있다는 장점이 있었다.하지만 여기서 중요

상용 앱을 운영하다 보면, 앱 심사를 다시 거치지 않고 빠르게 반영해야 하는 수정이 생긴다.이럴 때 OTA 업데이트는 굉장히 유용하지만, 실제 사용자 입장에서는 아래 같은 불편이 발생할 수 있었다.수정사항이 배포되었는데도 앱을 껐다 켜기 전까지는 반영되지 않음어떤 경우

결제 위젯 URL에서 paymentsData에 들어가는 orderName 값이 아래처럼 %를 포함할 때 오류가 발생했다.맛있는 다라딸기! 59%%%실제 URL에서는 %가 URL 인코딩되어 아래처럼 보였다....paymentsData=%7B...%22orderName%2

ㅁㄴㅇㄹ

ios17.6 앱튕김

다이나믹 임포트 활용하기물론 내가 다이나믹 임포트 처리를 진행할 컴포넌트 크기가 미미해서, 번들사이즈에 크게 영향을 줄지는 의문이었다.하지만 이것을 진행했던 취지는 번들 사이즈를 줄여본 경험을 해보고 싶어서였다.hydrate라는 개념, 그리고 리엑트에서의 hydrate

2개의 프로젝트를 진행해봤으니, 마지막으로 사용자가 실제로 존재하는 프로젝트를 진행해보고 싶다는 생각을 함. 친구의 sns 계정을 이용해서 쇼핑몰을 오픈해보려고함.처음 기획할때는 쇼핑몰이니 의류들을 보여주는 shop페이지, 마이페이지 등등 가볍게 생각하고 진행.하지만

좀 심화한 타입 검사에 필요한 지식들여러 가지 타입을 결합하여 하나의 단일 타입으로 만들 수 있음&를 사용해서 표기함. A&B결과물로 탄생한 단일 타입에는 타입별칭(type alias)을 붙일 수 있음type ProductItemWithDiscount = Product

자바스크립트에 any타입이 있는가?any타입은 타입스크립트에만 존재하는 독자적인 타입 시스템으로 간주됨하지만 any타입의 개념은 이미 자바스크립트에서 사용됨. 이름 그대로 어떤 타입이든 매핑할 수 있는 성질을 가지고 있고, 이건 원래 자바스크립트의 사용방식과 일치하기

자바스크립트에서 값은 타입을 가지지만 변수는 별도의 타입을 가지지않음타입스크립트는 이 변수에 타입을 지정할 수 있는 타입 시스템 체계를 구축함\-> 특정 타입을 지정한 변수에 해당 타입의 값만 할당 가능자바스크립트에는 boolean 원시 값은 아니지만 형 변환을 통해

정적 타입과 동적 타입 타입을 결정하는 시점에 따라 타입을 분류 정적 타입(static type) 모든 변수의 타입이 컴파일 타임에 결정. 코드 수준에서 타입을 명시해줘야 함 번거롭지만 컴파일타임에 타입에러를 발견ㄴ할 수 있기 때문에 프로그램의 안정성을 보장 동적

앞으로 우타스를 읽으면서 중요한 내용들을 내 말로 적어놓을 계획!...먼저...JS가 어떻게 브라우저에서 널리 사용되기 시작했을까?두 경쟁 업체에서 각자의 브라우저에 새로운 기능을 빠르게 늘리기 시작. 추가된 기능은 각자의 브라우저에서만 동작(다르게 동작 or 크로스

기술 질문JavaScript 에서 Function안의 this란?현재 함수를 부른 객체가 누구인지를 나타내며 고정값이 아닙니다. 함수 내 this는 함수가 호출되는 방식에 따라 결정됩니다.this는 기본적으로 window임일반 함수 내에서 혼자 this를 선언하면, 그

기술질문 클로저가 뭔가요?클로저는 함수와 그 함수가 정의된 렉시컬 환경이 결합된 상태를 말합니다.이 상태로 인해 함수는 자신이 정의될 당시의 변수를 기억하고, 그 변수에 접근할 수 있는 것입니다.MDN 공식 문서클로저는 함수와 그 함수가 선언된 주변 상태(렉시컬 환경,

변경에 유연 변경을 예측하면 안되고, 변경에 대응하는 컴포넌트를 제작해야됨 > 1. Headless 기반의 추상화 한가지 역할만 하기 도메인 분리하기 컴포넌트는 무엇을 할까? >데이터 관리 : 외부에서 들어오는 데이터, 상태 같은 내부 데이터를 관리 UI :

:HTML코드와 React인 JS코드를 서로 매칭시키는 과정서버사이드에서 클라이언트 사이드한테 렌더링 된 정적 페이지, 번들링된 JS파일 보냄. 클라이언트는 받아서 HTML,JS 서로 매칭정적인 페이지에 물을 주어 동적으로 만듦이것에 대해 알아보기 전 리엑트의 웹페이지

최근 next.js 프로젝트에서 웹페이지 성능을 올리기 위해 이것저것 하다 기초적인 지식이 탄탄하지 않다는 느낌을 받아 이 포스트를 작성 웹페이지가 렌더링 되는 과정 > 1. HTML parser가 HTML을 바탕으로 DOM tree를 그림 CSS parser가 C

SSR을 사용하면 JavaScript 번들이 로드되고 실행되기 전에 사용자가 페이지의 콘텐츠를 볼 수 있음목적 : 앱의 사용자가 콘텐츠를 더 빨리 보고 훨씬 더 빠르게 상호 작용을 시작유튜브,네이버 등등 타 사이트의 경우, 느린 네트워크 환경에서도 뷰포인트의 일부분을