전체 글
Swift 기본 문법 - 2. 주석
주석 주석은 코드를 다시 봤을 때 필요한 중요 메모나 다른 프로그래머에게 설명하기 위한 메모 등을 주석으로 남깁니다. 다른 언어와 유사하게 주석처리를 합니다. 한 줄 주석 - 슬래시 두 개를 사용함 // MARK: - 한 줄 주석 여러 줄 주석 - 슬래시와 별표를 사용함 // MARK: - 여러 줄 주석 /* 여러줄 주석 * 공간 까지 모두 주석으로 처리합니다. */ 퀵헬프 주석 option을 누른상태로 클릭하면 퀵헬프를 볼 수 있습니다. 퀵헬프를 위한 마크업은 다음과 같습니다. /// 오류 타입의 열거형입니다. /// - noName: 이름을 전달받지 못했을 때 발생하는 오류 /// - unknown: 알 수 없는 오류 enum HelloError: Error { case noName case inco..
Swift 기본 문법 - 1. console log
2.1 콘솔 로그 dump와 print 함수가 존재하는데 print() 함수는 디버깅 콘솔에 간략한 정보를, dump() 함수는 조금 더 자세한 정보를 출력해준다. import Foundation struct BasicInformation { let name: String var age: Int } var yagomInfo: BasicInformation = BasicInformation(name: "yagom", age: 99) class Person { var height: Float = 0.0 var weight: Float = 0.0 } let yagom: Person = Person() yagom.height = 182.5 yagom.weight = 78.5 print(yagomInfo) dum..
Swift Part 4 확장
17. 서브스크립트 클래스, 구조체, 열거형에는 컬렉션, 리스트, 시퀀스 등 타입의 요소에 접근하는 단축 문법인 서브스크립트(subscript)를 정의할 수 있습니다. 서브스크립트는 별도의 설정자(Setter) 또는 접근자(Getter)등의 메서드를 구현하지 않아도 인덱스를 통해 값을 가져올 수 있습니다. struct Student { var name: String var number: Int } class School { var number: Int = 0 var students: [Student] = [Student]() func addStudent(name: String) { let student: Student = Student(name: name, number: self.number) self...
[react native] AppIcon, splashScreen - 2부 icon 적용하기
개요 1부에 이어 icon을 react native에서 적용하는 방법을 설명합니다. [react native] AppIcon, splashScreen - 1부 이미지 만들기 개요 AppIcon과 SplashScreen 이미지 부터 ReactNative에 적용하기까지의 과정을 작성했다. 1 부에서는 이미지를 만드는 방법, 2부에서는 아이콘 적용 방법, 3부에서는 SplashScreen 적용 방법을 작성 할 예정 taehoon95.tistory.com 안드로이드 아이콘, 앱 스크린 집어넣기 안드로이드 아이콘 생성 사이트에서 다운로드한 아이콘들을 react-native 내 안드로이드 폴더에 덮어씌워주기만 하면 끝난다. 아래처럼 다운로드받은 파일들을 해당 프로젝트 /android/app/src/main/res ..
[react native] AppIcon, splashScreen - 1부 이미지 만들기
개요 AppIcon과 SplashScreen 이미지 부터 ReactNative에 적용하기까지의 과정을 작성했다. 1 부에서는 이미지를 만드는 방법, 2부에서는 아이콘 적용 방법, 3부에서는 SplashScreen 적용 방법을 작성 할 예정이다. 설치 App Icon을 만들기 위해 아래사이트와 Figma라는 툴을 사용 할 예정이다. 안드로이드 아이콘 생성 사이트 Android Asset Studio - Launcher icon generator romannurik.github.io IOS 아이콘 생성 사이트 App Icon Generator Generate icons and images for mobile apps, android and iOS. No need to upload or download. Wo..
[React Native] PickerSelect 사용하기 (picker)
개요 앱에서 picker는 사용자의 입력값을 개발자가 제시함으로써 입력에 대한 오류를 줄일 수 있는 방법입니다. picker 라이브러리 사용법에 대해 정리하였습니다. picker 설치 https://github.com/lawnstarter/react-native-picker-select lawnstarter/react-native-picker-select 🔽 A Picker component for React Native which emulates the native interfaces for iOS and Android - lawnstarter/react-native-picker-select github.com npm install react-native-picker-select # React Nati..
[React Native] PickerSelect 사용하기 (datepicker)
개요 앱에서 picker는 사용자의 입력값을 개발자가 제시함으로써 입력에 대한 오류를 줄일 수 있는 방법입니다. 저는 개인 프로젝트를 진행하면서 2가지의 PickerSelect가 필요했습니다. 이 블로그에서는 그 중 하나인 datepicker을 modal로 띄우는 라이브러리에 대해 정리하였습니다. 1. datepicker 2. picker 설치 처음엔 @react-native-community/datetimepicker 를 사용하고자 했는데, modal로 표현하기가 어려워 react-native-modal-datetime-picker를 사용하게되었습니다. https://github.com/mmazzarolo/react-native-modal-datetime-picker mmazzarolo/react-na..
React Native M1 설정하기
개요 dev.to/amanhimself/setup-macbook-m1-for-web-and-react-native-development-8la Setup Macbook M1 for Web and React Native development I recently upgraded from Macbook Air 2017 to Macbook Pro with an M1 chip. My four year old Macbook Ai... dev.to M1을 구입 후 React Native를 위 주소를 참고로 경험한 부분, 번역 및 조사 위주로 작성하였습니다. Rosetta 2 Rosetta2 는 x86 ARM 기반 칩에서 아키텍처를 사용하는 Intel 기반 칩용으로 설계된 앱을 위한 프로세스 입니다. M1에 사전 설치..