분류 전체보기
-
Vite + React + TypeScript + tailwind 프로젝트 AWS에 배포Project 2025. 2. 14. 22:33
그동안 프로젝트를 진행하면서 배포를 직접해본 적이 없었는데, 드디어 이번에 해봤다.배포 방법은 AWS S3와 CloudFront를 사용해서 배포를 했다:D 1️⃣ 프로젝트 빌드먼저 Vite로 프로젝트를 배포할 수 있는 정적 파일로 빌드해야 한다.npm run build 콘솔을 열어서 위와 같은 명령어를 입력하면 빌드가 완료되면서 dist 폴더에 정적 파일들이 생성된다.이렇게 말이다! 2️⃣ S3 버킷 생성 및 설정일단 AWS에 로그인을하고 AWS S3 콘솔로 이동한다.그리고 버킷 만들기를 클릭하여 버킷 이름을 설정하고, 정적 사이트 배포를 위해 퍼블릭으로 액세스를 설정한다. 버킷 생성 후, 속성 > 정적 웹사이트 호스팅에서 다음과 같이 설정해 준다. 3️⃣ S3에 빌드 파일 업로드아까 생성된 dist 폴..
-
[Github] 만약 내 Pull Request가 Merge 되기 전, 누가 Main에 push를 한다면?Github 2025. 1. 13. 20:57
📌 문제 상황내가 기능 구현을 한 후 Pull Request를 올려둔 상태에서 팀원들에게 코드 리뷰를 요청한 상태그런데, 다른 팀원이 내 Pull Request가 main에 Merge 되기 전, main에 바로 변경 사항을 push한 상황그 상황에서 내가 수정사항이 생겨 변경사항을 commit을 해둔 상태라면? 마지막 줄에서 push를 하려고 하면 이때는 충돌이 발생할 수 있어서 push가 불가능하다.push를 하면 다음과 같은 메세지가 뜬다.* branch main -> FETCH_HEAD 226c0f8..b86eea2 main -> origin/main hint: You have divergent branches and need to specify how to reconcile them. hint:..
-
[iOS] 실제 가지고 있는 디바이스로 개발 중인 앱 테스트하기iOS 2025. 1. 13. 20:37
앱 개발을 하다보면 Xcode에서 제공하는 시뮬레이션으로 할 수 있는 작업에 한계가 있다.난 카메라 테스트를 위해서 실제 디바이스로 시뮬레이션을 돌릴 필요가 있었다. 현재 내가 가지고 있는 기기는 iOS 18 버전인데, iOS 16 버전부터 "개발자 모드"가 생기게 되었다.내가 가지고 있는 기기에서 다음과 같이 설정을 먼저 해준다.설정(Settings) > 개인정보 보호 및 보안(privacy & security) > 개발자 모드 이렇게 개발자 모드를 켜주면 된다. 개발자 모드를 키기 위해선 재부팅이 필요하다.그리고 지금 사용 중인 iPhone 16과 맥북을 C to C 케이블로 연결을 한다. 그리고 상단에 보면 빌드할 디바이스를 변경할 수 있는데, 여기서 iOS Device에 생긴 내 iPhone을 클..
-
[iOS-ERROR] Message: Verify that the Developer App certificate for your account is trusted on your device 해결iOS 2025. 1. 13. 11:43
기록을 해두면 나중에 같은 문제를 봐도 찾기 쉬울 거 같아 기록을 한다.iOS 개발을 하면서 실제 디바이스를 통해 앱을 실행해보려고 하니까 다음과 같은 메세지가 떴다.📌 Message 💡 해결 방법사실 Message만 봐도 해결 방법이 설명되어 있다.일단 시뮬레이션될 디바이스로 다음과 같이 이동한다.설정(Settings) > 일반(General) > VPN 및 기기 관리(VPN & Device Management 거기서 "개발자 앱" 부분에 내가 요청한 개발자 앱이 떠 있을 것이다.해당 앱을 클릭한다. 여기서 "계정" 신뢰> 를 클릭하면 해당 앱이 다운로드 받아진다.
-
[Swift] 기초 문법(1)iOS 2025. 1. 7. 11:44
아무래도 빠른 시간 안에 공부를 완료해야 하다 보니, 정석대로 차근차근 공부하기보단 필요한 내용을 위주로 공부를 할 거 같다. 문법 자체는 다른 언어들과 큰 차이는 없다고 느껴, 벽이 느껴지진 않았다.앞으로는 내가 공부할 때마다 정리를 하는 용도로 작성해보려 한다. 1️⃣ 선언선언에는 let, var가 있는데, JS를 공부했던 내 입장에서는 매우 익숙한 두 가지였다.조금의 차이만 있을 뿐!let: 선언한 뒤에는 값 변경 불가능var: 선언 후 값 변경 가능이게 전부인데, JS와 차이가 있다면 선언 시에 변수의 데이터 타입 지정이 가능하다는 점이다.var a : String = "a"print(a) // aa = "A"print(a) // Alet b : String = "b"print(b) // bb =..
-
iOS 공부에 들어가기에 앞서iOS 2025. 1. 7. 10:52
❓ Swift ❓Apple에서 만든 iOS와 Apple 디바이스의 앱 개발 목적으로 만들어진 프로그래밍 언어 내가 알기론 기존에는 Swift가 아닌 Object-C를 사용해서 개발을 했다고 하는데, Object-C보다 빠르고 배우기 쉽다고 한다.🤔 왜 갑자기 Swift를 공부하게 되었는가 🤔한 번쯤은 앱을 제대로 공부해보고 싶다는 생각이 항상 있었다.C언어를 시작으로, Java, python, C++, C#, Kotlin, JS 등... 여러 언어를 접했지만, 이 중에서 제대로 해봤다고 할 수 있는 건 C, Java, C++, JS 정도인 거 같다. 그동안은 웹 프론트 개발자를 목표로 JS만 집중적으로 팠는데, 사실 새로운 걸 공부하기 귀찮음과... 웹 말고는 내가 흥미를 느낄 수 있을까 하는 생각이..
-
WebView?CS 2024. 10. 3. 09:42
❓ WebView ❓모바일 애플리케이션이나 데스크톱 애플리케이션 내에서 웹 콘텐츠를 표시할 수 있는 컴포넌트이다. WebView는 웹 브라우저와 유사한 기능을 가지고 있으며, HTML, CSS, JavaScript로 작성된 웹 페이지를 애플리케이션 내부에서 표시하고 상호작용할 수 있다. 📌 WebView의 주요 특징 📌애플리케이션 내에서 웹 페이지 표시WebView는 앱 내에서 외부 웹 페이지를 로드하거나 로컬에 있는 HTML 파일을 표시할 수 있다. 이를 통해 네이티브 애플리케이션과 웹 콘텐츠를 통합하여 사용할 수 있다. 하이브리드 애플리케이션WebView는 하이브리드 앱을 만들 때 주로 사용된다. 하이브리드 앱은 네이티브 앱과 웹 앱의 장점을 결합한 형태로, 네이티브 코드와 웹 기술(HTML, C..
-
SWC(Speedy Web Compiler)?CS 2024. 10. 2. 16:29
❓ SWC(Speedy Web Compiler) ❓SWC(Speedy Web Compiler)는 JavaScript/TypeScript 컴파일러이자 번들러이다. 이는 성능 향상을 목표로 개발이 되었는데, Rust로 작성이 되어 있다.TypeScript와 JSX를 포함한 최신 JavaScript 기능을 빠르게 변화할 수 있는 성능을 제공한다. 🤔 SWC는 왜 개발이 되었는가 🤔프론트엔드 개발을 해본 사람이라면, Babel을 들어봤을 거다.JavaScript 생태계에서는 Babel을 주로 사용하는데, Babel은 JavaScript로 작성되어 있기에, 컴파일 속도가 느려질 수 있다.특히나 대규모 프로젝트에서 빌드 시간이 상당히 길어질 수 있다.💡 [참고] Babel 💡: Babel은 JavaScrip..