최신 콘텐츠
-
[RN 강의] Expo 환경의 배포와 업데이트React Native 2025.10.03 16:35
Expo Go 환경에서 개발하는 React Native의 마지막 강의 노트이다.지금까지 개발한 앱을 배포하고 플랫폼의 심사 없이 업데이트 하는 방법을 배운다. 1. EAS에 대해서본격적인 시작에 앞서서 EAS(Expo Application Services)의 좋은 점들이 많이 있어서 쭉 정리를 하고 넘어가도록 한다. EAS Build Expo Go 환경의 핵심이라고 볼 수 있다. 클라우드를 이용해서 프로젝트의 파일들을 전부 빌드를 수행한다. 클라우드 빌드의 장점은 클라우드 환경이기 때문에 Winodws OS를 사용하는 개발자가 iOS 빌드를 하는 등의 작업이 가능해진다. 하지만 EAS build의 단점은 팀 단위로 가면 사실 정기 결제를 해야 한다. 무료 유저는 한 달에 30번밖에 빌드를 못하기 때문이다..
-
[Bug Fix] React Native Prebuild - gradlew 에러FE 버그 2025.10.02 18:21
지금까지 eas build에도 시간은 걸렸으나 에러는 발생하지 않았다. 그런데 이번에 google-services.json이나 FCM 서비스 계정 정보를 등록하면서 eas build에서 에러가 발생했다. EAS 무료 사용자이다 보니 작업 큐에서 시간을 너무 많이 사용하여 아래 명령어로 수행을 했다. eas build와 다르게 아래 명령어는 android 폴더를 생성하는 prebuild를 수행했다. 그러면서 gradle 에러가 발생하기 시작했다.npx expo run:android에러의 원인을 파악하고 해결해본다. eas-cli 업데이트최신버전의 eas-cli로 업데이트 한다.npm install -g eas-cli@latest 로컬에서 prebuild 테스트빌드 전에 로컬에서 prebuild가 제대로 작..
-
[RN 강의] Expo Go 그 이상의 기능들 (development builds)React Native 2025.09.29 15:29
1. 로컬 Push 알림 보내기 앱을 쓰는 가장 큰 이유 중 하나인 Push 알림 기능을 추가해본다. Push 알림을 통해서 앱을 열 수 있기 때문에, 사용자의 방문 횟수를 늘릴 수 있고, 다양한 마케팅 프로모션을 진행할 수 있다. 웹서비스로도 충분한 경우가 많지만, 고객에게 소식을 전달할 수 있는 방법이 Email, 문자 전송 밖에 없다. 이러한 Push 알림의 이점으로 인해 서비스에 모바일 앱을 적용할 정도로 Push 알림이 중요하다. 하지만 이렇게 중요한 Push 알림 기능을 직접 구현하는 것은 매우 복잡하고 어려운 일이다. 그래서 대부분 라이브러리를 사용한다. Expo에서는 자체 서버가 있더서 더 간단하게 만들어 뒀다. 이전에는 구글의 경우 FCM(Firebase Cloud Messaging), ..
-
[RN 강의] 게시글관련 기능 고도화하기React Native 2025.09.20 01:29
1. 더미데이터 세팅: miragejs 홈 화면에 게시글 목록을 더 추가하고, 무한 스크롤링을 구현해 본다. 현재 상황은 miragejs에 더미데이터들이 들어가 있기 때문에 앱이 재부팅 될 때마다 데이터들이 자꾸 바뀐다. 이렇게 데이터가 계속 바뀌면 테스트하기가 어렵다. 그래서 miragejs의 데미 데이터 관련된 설정을 추가적으로 더 알아보고 이용해 본다. miragejs 더미 데이터 구조models: 데이터 정의와 함께 데이터의 관계를 설정serializsers: 데이터 형식을 정의seeds: 데이터 초기화 설정.factories: 데이터 생성.routes: 데이터 접근 정의.주요 메서드schema.find: 특정 데이터를 찾음. schema.find("post", request.params.id);..
-
[Bug Fix] npm 버전 업데이트: Unsupported engineFE 버그 2025.09.10 15:57
Expo 기반으로 React Native 개발을 하다가 아래와 같이 에러와 경고가 발생했다.$ npm run android> threads-clone@1.0.0 android> expo start --androidStarting project at C:\Users\jasin\Documents\code\lectures\threads-cloneStarting Metro BundlerCommandError: No development build (com.morgankim.threadsclone) for this project is installed. Install a development build on the target device and try again.Learn more: https://docs.ex..
프론트엔드
-
[회고] 일찍 쓰는 2024년 상반기 회고
이러다간 안되겠다! 😱 싶어서 위기감을 가지고 쓰는 2024년 상반기 회고.벌써 2024년 상반기가 지나가고 있다. (오늘은 2024.05.28)6개월이 지났지만, 정기적으로 회고를 안해서 내가 잘 성장하고 있는지 점검을 못했다.6개월을 돌아보며 잘한 점은 칭찬하고, 부족한 부분은 하반기에 보완하도록 하자. 오늘 회고해볼 세부 내용은, 1) 목표 달성률 확인하기 2) Localhost에서 벗어날 용기 3) 코딩 테스트 부담감 내려놓기 4) 액션 아이템 오늘 문득 슬퍼서 왜 그럴까 생각을 해봤는데,최근 나에게 평가 받고,지인 들에게 평가 받고,인사 담당자들에게 평가 받았다. 그런데 사람들과 대화하면서 내가 바랬던 건,있는 그대로 '잘하고 있다'라는 인정과 칭찬이 아니었나 싶다.아프지만 나를..
-
[Bug Fix] AWS S3 ACL Error: The bucket does not allow ACLs
AWS S3와 MongDB 그리고 Express을 조합하여 웹 어플리케이션을 만들고 있는 중이다. 그런데 위 이미지와 같은 문제가 발생했다. AWS는 설정할 수 있는 항목도 많고 처음 만져보는 거라, 이런 Error가 발생해서 정말 머리가 아팠다. AWS 관련된 ejs 파일이나 config 파일에서 오타가 났는지 열심히 뒤졌다. IAM 액세스 키에 문제가 있는지 찾아보기도 하고, 에러 문구에 ACL(Access Control List)가 지원되지 않는다고 해서 원인이었던 '객체 소유권'은 못보고 그 아래에 있던 항목들을 어떻게 바꿔야 하는지 찾으며 고생했다. 답을 못찾아서 구글에 검색해봤더니 바로 답이 나왔다... (빨리 검색해볼껄) Problem AccessControlListNotSupported: ..
-
[TS] JavaScript에 없는 튜플 (tuple) 타입
타입스크립트(TypeScript, TS) 튜플(tuple) 타입에 대해 다뤄본다. JavaScript의 타입(Type) JavaScript는 동적 타입 언어(Dynamic Type Language)이기 때문에 정적 언어와 달리 자료형을 정의할 필요가 없다. 즉, 컴파일 과정이 아닌 런타임(코드 실행) 도중에 JavaScript Engine이 자료형을 확인한다. 변수의 경우 변숫값이 할당될 때 해당 값의 타입에 따라 변수 타입이 결정된다. 이런 JavaScript에서는 총 8개의 타입(type) 또는 자료형이 있다. 7개는 불변한 원시 값(Primitive values)으로 문자열(String), 숫자형(Number), 논리형(Boolean), Undefined, Null, Symbol, BigInt 까지..
-
[책집필] 자바스크립트 엔진 V8 코드 해석 과정
일반적으로 Low Level 의 V8 엔진 작동원리의 내용까지 깊게 신경쓸 필요는 없다.그러나 정말 JavaScript 의 최적의 성능을 사용하고 싶다면, V8 엔진에서 어떤 식으로 코드가 해석되고 실행되는 지에 대해 어느 정도 이해가 필요하다. 잘 짜여진 JavaScript 는 인터프리터 언어임에도 불구하고 컴파일 언어인 C++에 근사한 성능을 낼 수 있다고 한다. 1. 크롬 브라우저의 V8 엔진에서 코드를 기계어까지 해석하는 과정 V8 JavaScript 엔진은 JavaScript 를 바이트코드(bytecode)로 컴파일(compile)하고 실행하는 방식을 사용합니다. 특히 적응형 JIT(AJIT : Adaptive Just In Time) 컴파일 방식을 채택하여, 코드가 실행될 때 기계어로 컴파일 ..
인기 글
목차1. 결론2. 장점 알려드림3. 단점 알려드림4. 차이점 알려드림5. KPT 회고개발자 한번 해볼까?실력이 부족한데 부트캠프를 한번 들어가볼까? (광고 아님!) 부트캠프를 고민하는 당신에게 멋쟁이사자처럼 부트캠프 Front-End School (이하 멋사 FES) 7기에서 한 달 보내보고 후기 알려줌 멋사 Front-end School 7기(FES7)에 합격하여 수업을 들은지 1개월이 지났다.오늘은 내가 궁금했었고, 멋사 부트캠프를 고민하는 (예비) 개발자들에게 도움이 될 만한 경험담을 작성해 본다.(보통 후기 또는 회고라고 있어 보이게 이야기 하더라) 일단 FES7 장단점 부터 시작해서 본인에게 이 교육이 맞는 것인지 확인해보면 좋을 것 같다.그리고 나서 고민하고 있는 다른 선택지랑 비교를 해보시..