728x90 반응형 Front Side17 [SwiftUI] 직접 만든 앱 testflight로 배포해서 테스트하기 Apple developer 멤버쉽 가입testfight를 사용하기 위해선 먼저 앱을 등록해야한다.근데 멤버십을 구입해야지 앱을 등록할 수 있다.129,000원 bye 💸~ 근데 구입 처리하는데 최대 48시간이 소용된다고 1분이 지났는데도 대기 중이다...한국인이 싫어하는 속도... 2주가 지나도 아무런 반응이 없어서 환불 메일을 보내니 그때서야 부랴부랴 해줬다 😡나처럼 처리 속도에 화딱지 나는 사람들은 아래 주소로 가서 이메일 보내면 된다https://developer.apple.com/contact/topic/SC1101/subtopic/30006/solution/select 로그인 - Apple idmsa.apple.com Communication with Apple failed 해결하.. 2025. 6. 21. [SwiftUI] 결국 Assets으로 색상 변수 관리 하기 + 다크모드 도입 개인적으로 다크모드를 사랑하는 1인으로써 앱을 만들다보니 당연히 다크모드 도입을 하게됐다.SwiftUI에서 다크모드는 어떻게 하는 것일까? 방법은 두가지다.1. Assets 기반 시스템 대응2. 코드 기반으로 라이트/다크를 분기 처리 나의 경우 이미 '전역 포인트 색상 변수 선언하기'를 통해 코드로 관리하고 있기 때문에 2번으로 진행하려고 했다.하지만 다크모드를 감지하기 위해 모든 view 파일에 @Environment(\.colorScheme) var colorScheme 코드를 삽입해야 했다.비효율적이고 새로운 View 파일을 생성한 뒤 잊어버리면 다크모드가 안되는 이슈가 있기 때문에 1번으로 하기로 했다. 그러기 위해선 두가지 작업이 필요하다.1. Assets에 New Color Set 추가2. 기.. 2025. 6. 2. [SwiftUI] 다국어 지원하는 방법 Localization 섹션 아래에 +버튼을 클릭 후 원하는 언어 선택하기 File > New > File from Template 클릭 후 String Catalog 클릭파일 명을 Localizable이라고 하고 생성 생성된 파일 선택하면 위와 같이 나와 있음Localization에서 설정한 언어대로 설정할 수 있음 이때 English에서 key엔 한글을 작성 그 옆에 English에서 영어 입력해줘야 함Korean에선 Default Localization이 key 값 따라가서 수정 불가함그러니 먼저 English에서 key 값과 Englsih 값 넣어주고 Korean 가서 State 필드 확인하기 ✨ 꿀팁 테스트를 위해서 한, 두가지만 key 값에 넣기반영 확인을 위해 시뮬레이터 돌리면 알아서 k.. 2025. 5. 23. [SwiftUI] 전역 포인트 색상 변수 선언하기 앱을 만들던 중 포인트 색상을 바꾸게 됐다. 영원히 안 바뀔 줄 알았지! 그래서 색상 코드를 넣었는데... 바꾸게 생겨서 27개를 하나하나! 내가! 직접! 바꿔야 한다...하아... 반복적인 행동은 개발자를 힘들게 해요.. 이번 기회에 포인트 색상을 변수로 선언해서 사용할 생각이다.이렇게 하면 또 포인트 색상이 바뀌더라도 전연 변수 하나만 변경하면 되니깐!(처음부터 그러지 그랬니^ㅠ) Color+Extension 파일 생성iOS에서 원하는 색상 정의하여 사용하는 방법은 두가지다. 첫 번째는 Assets.xcassets 파일에서 New Color Set 추가하기.두 번째는 Color+Extension 파일 생성하기. // Extensions > Color+Extension.swiftimport Swi.. 2025. 5. 19. react native ios network request failed error fix fetch로 Open API 통신을 하려고 하는데 network request failed라는 오류가 나온다.원인은 iOS가 기본적으로 HTTP 요청을 허용하지 않고 HTTPS만 허용하다는 것. HTTP 요청을 활성화하려면 어떻게 해야할까? 보편적으로 알려진 방법은 Info.plist 파일에 들어가서 한가지를 바꿔주는거다.NSAppTransportSecurity NSAllowsArbitraryLoads 원래라면 false로 되어져 있거나 아예 없을 수도 있다. NSAllowsArbitraryLoads를 true로 해주거나 넣어주면 된다. NSAllowsLocalNetworking예외로 혹시 NSAllowsArbitraryLoads 아래에 NSAllowsLocalNetworking이 있다면 이건 없애주.. 2024. 7. 25. [NextJS] params 가져오는 법 - 동적 라우팅 하기 하고 싶었던 것 사용자가 /test/123b123b123 이라는 URL로 들어왔다. 그럼 :id인 123b123b123을 뚝 떼어내서 그걸 Backend 파라미터로 보내주고 싶었다. 기존 React의 경우 useParams()을 이용해서 가져왔다. NextJS의 경우 useRouter() 해서 router.query를 하면 된다고 한다. 될까? 안된다 ❗️ 정확히는 문제가 있다. NextJS는 React와 달리 폴더 구조의 라우팅을 한다. 즉 app/test라는 폴더 안에 page.tsx가 있다는 말인데 여기에서 파라미터인 :id로 사용자가 URL을 치고 들어오면 NextJS에서는 경로를 찾지 못한다. 동적 라우팅 그렇다면 어떻게 해야할까? 간단하다. 동적 라우팅을 해주면 된다. 말이 거창한데 그저 기존.. 2024. 2. 13. [NextJS] CSS을 사용하는 방법 - Tailwind CSS NextJS가 밀어주는 스타일링 방법 본래 CSS-in-JS 마저 안 쓰고 있던 난 최근에 Tailwind CSS라는 새로운 프론트 기술을 알게 됐다. 알게 되는건 좋으나 지금도 불편함을 느끼지 않았기에 도입할 생각이 없었다. Next 공식 문서에서 한 단어를 보게 되기 전까지는 말이다. exceptionally라는 부사를 붙일 정도로 Next에서 적극 추천한다. 이야... 이건 못 참지 😋 바로 공식문서에 나온 코드 그대로 실행하려고 하다가 bun이라는 걸 기억하고 bun 공식문서엔 따로 적혀 있는게 없어서 걍 아래와 같이 코드를 쳤다. bun install tailwindcss postcss autoprefixer bun tailwindcss init -p tailwind.config.js 파일이 생.. 2024. 2. 11. [React] onClick에 매개변수 넣기 뭐야 누르지도 않았는데 이벤트가 발동하네? 간단하게 onClick하면 '클릭했어!' console.log를 실행하는 함수가 있다. 하지만 위와 같이 (리)로딩되자마자 이벤트가 실행되었다! 이유가 무엇일까? 🤔 매개변수를 잘 전달하자 일반 함수에 매개변수를 넘겨주는 방식인 괄호 안에 매개변수를 넣을 경우 즉각 실행되기 때문에 그랬던 것이다. 그렇다면 어떻게 해야할까? onClick={() => {spanButtonClick(list.data._id);}} 우리는 익명함수로 감싸줘야 한다. 이렇게 할 경우 의도한 대로 버튼을 눌러야지만 이벤트가 실행된다. 2023. 2. 7. [React] 웹 컴포넌트 스타일링 관리 styled components로 시작하기 고민의 시작 React를 사용할수록 css 코드를 어떻게 하면 똑똑하게 관리할 수 있을지 고민하게 됐다. 기존에 사용하는 방식은 흡사 무지성인 것 같은 Import 방식이다. // App.js import "styles.css"; const App = () => { return( ... ); } Import 방식은 순수 JS로만 프론트를 짤 때 사용하던 방식이다. css 파일을 하나 만들어주고 그 파일을 가져와서 입혀준다. 이 방법으로 아직까지는 단점을 찾지 못했다. 하지만 React로 프론트를 짤 때 좀 더 똑똑한 혹은 편리한 css 관리가 있지 않을까? 프론트엔드 팀원과 고민 공유 프론트엔드 팀원분과 서로 개발 이야기를 하다가 저절로 고민을 공유하게 되었다. 실제 실무에서는 어떻게 관리하는지 궁금하기.. 2023. 1. 6. 이전 1 2 다음 728x90 반응형
