Front-End

· Front-End
배경 XCode에서 iOS SDK 17 이상으로 build 해야만 App Store에 Upload할 수 있다는 경고가 떠서 version up & migrate ticket이 생겼다. 2024년 4월 부터 적용하기 때문에 이번 Sprint에서 해결해야하는데, 아무도 나서서 하지 않길래 솔선수범하여 나섰다. React Native로 작성한 Application은 2개 였는데, 각각 버전이 0.5x, 0.6x 였다. 3주에 걸쳐 작업한 과정을 간단하게 기록한다. 과정 Upgrade Helper 일단 major change와 pod file, gradle script와 같은 변화를 쉽게 보여준다. 다만 기존 build.gradle 파일이나 android/settings.properties 같이, 이전에 pac..
· Front-End
Build/Bundle Webpack Plugins Assets Loaders Framework 종류 파악 Next/React, 혹은 Nuxt/Vue3를 대부분 사용하겠지만, 경우에 따라서 React Native, Flutter, AngularJS, Svelte 등 다양한 Framework나 Library를 사용할 수 있다. 설정 파일과 build를 위한 설정도 확인해두자. Directory 구조 파악 우선 Directory 구조를 훑어본다. 다음 항목들이 좋은 시작점일 수 있다. API Endpoint를 어떻게 모아서 정리했는지 image나 font 등 asset을 어떻게 정리하는지 build 및 개발 서버를 위한 hot module reload를 어떻게 설정했는지 Store Pattern으로 중앙 상..
· Front-End
이직한 회사에서 (심지어 Angular2도 아닌) AngularJS를 사용한 legacy를 분석해야하는 상황이 있어서, 정리 겸 간단하게 살펴본 기록을 남긴다. 들어가기에 앞서 알아둘 것 AngularJS는 2022년 1월을 마지막으로 더 이상 개발을 하지 않는다. 이후 부터는 TypeScript 기반의 Angular로 병합하여 진행하고 있다. 당시 상황 AngularJS는 Front-End(당시에는 Client-side)에서 근대적인 구조를 자리잡게 한 효시 격이라고 할 수 있다. MVW(Model-View-Whatever)라고 하는 구호를 바탕으로, 일일이 데이터를 ajax로 가지고 와서 JQuery Selector로 해당하는 element를 찾아서 변경해야했던 과거에는 혁신이었다. Service와 ..
ViXtor
'Front-End' 카테고리의 글 목록