본문 바로가기

분류 전체보기

 (118)
CSS Flex 제대로 한번 더 공부하자~! 보통은 수직으로 쌓임 가로세로값을 가질 수 있고 수평으로 쌓이게 display: inline-block; float, clearfix 등 배워야 함 display: flex; 쉽게 수평, 수직제어! flex는 container와 item으로 구성되어 있음 item 양쪽 끝에 붙이기 space-between https://heropy.blog/2018/11/24/css-flexible-box/ CSS Flex(Flexible Box) 완벽 가이드 많은 경우 float, inline-block, table 등의 도움을 받아서 수평 레이아웃을 구성하지만 이는 차선책이며, 우리는 Flex(Flexible Box)라는 명확한 개념(속성들)으로 레이아웃을 쉽게 구성할 수 있습니다. CSS F herop..
Swift 어려운 내용 메모리 관리 (ARC) struct Struct1 { var a: Int = 0 } class Class1 { var a: Int = 0 // 소멸자 deinit { print("class 1 deinit") } } //구조체 Stack - 메모리 공간이 그 위에 생김 //Stack 은 함수 내에 있는 변수는 함수 실행이 끝나면 바로 메모리 해제 //클래스 heap - 동적으로 메모리 관리 //클래스는 좀 더 긴 생명주기 //메모리 레퍼런스 카운트 var struct1 = Struct1() var class1: Class1? = Class1() //1 //메모리 레퍼런스 카운트 증가 (Strong 레퍼런스) var class2: Class1? = class1 //2 class1 = nil //1 clas..
Swift 초보 2 for 문부터 시작 var a = [1,2,3,4,5] for value in a { print(value) } for (index, value) in a.enumerated() { print("\(index) = \(value)") } //where 절 가능 for value in a where value > 3 { print(value) } var b = 0 while b < 10 { b += 1 } //do while 처럼 먼저 실행 코드 repeat { b += 1 } while a < 10 guard 배우기 var a: Int? = 0 var b: Int? = 5 /* func foo(value: Int?) { if let value = value { print(value) } else { pr..
Swift 초보 공부 잼나여! 알아야 산다! filter, map, reduce 사용법 (축약) var a = [1,2,3,4,5] var strs = a.filter{$0 > 4}.map{String($0)} print(strs) //["5"] a.reduce(1, { (result, current) -> Int in return result * current }) 함수 func foo(with value: Int) -> Int { return value } // return 한줄일 때 생략 가능 func foo(with value: Int) -> Int { value } func insert(object target: Int, at index: Int) { } insert(object: , at: ) 클로저 { 매개변수 -> 리턴..
Admob - UnityAds 리워드 광고 미디에이션 연결 1. 안드로이드 - 웹뷰 상태에서 리워드 광고 연결 메인 UI에서 실행하라는 오류가 나서 아래 추가 .runOnUiThread 2. Admob을 메인으로 하고 Unity Ads 미디에이션 소스 연결 https://developers.google.com/admob/android/mediation/unity?hl=ko#step_3_import_the_unity_ads_sdk_and_adapter https://m.blog.naver.com/path3rz/222027360873
API Gateway CORS 문제 해결 Vue 프런트랑 연결 중 아래와 같은 Cors 관련 오류가 날 때 option 매소드에 header에 응답을 추가해 줘야 해결이 된다. Request header field access-control-allow-origin is not allowed by Access-Control-Allow-Headers in preflight response. 가장 빠른 해결 책은 아래 두 값을 * 로 바꿔주기 Access-Control-Allow-Headers Access-Control-Allow-Origin 여기서 바꾸는걸 한참 찾았음 API Gateway에서 메서드를 누르고 메서드 응답 / 통합 응답 을 클릭한다. 헤더 매핑을 수정한다. 이분께 감사~!! https://dalsim777-tech.tistory.c..
CSS - flex 정리 flex-grow: 1; 할당 가능한 공간의 정도 형제 아이템들이 모두 동일한 공간 flex-item:nth-child(1) { flex-grow: 2; } 이 경우에 형제 중 첫번째는 두배 공간 flex-shrink 는 줄어드는 성격 flex-container에 맞춰서 알아서 줄어든다. flex-shrink: 0 은 flex-container에 맞춰서 줄어들지 않겠다. flex-basis 는 초기 크기 설정 auto가 아닌 flex-basis 와 width (direction: column이면 height가 됨) 중에 flex-basis가 우선임 이것들을 축약해서 쓸때는 flex-grow flex-shrink flex-basis 순서임 flex: 0 1 150px; 라고 쓸 수 있음 flex-direc..
TypeScript Project 준비 react native cli npx react-native init RealApp --tamplate react-native-template-typescript@6.12.6 ios의 경우 podfile -> hermes_enabled :false 로 변경 후 pod install Android android>app>build.gradle 에서 enabledHermes: false xcode 에서 bundle identifier 셋팅 Android도 android > app > src > java > com > RealApp > MainActivity.java 에서 맨 위 package 를 vscode 전체 찾기 변경(replace)해서 ios 와 동일하게 변경 터미널 두개로 확인 한개는 Metro 확인..
Study 첫 시작 아니 이렇게 쉬운 방법이... Expo Cli 라는 걸 활용해서 아래와 같이 실행하면 내 폰에 바로 테스트 앱이 실행 됨 심지어 코드 수정하면 바로 반영 됨.... 여태 몰랐네 이걸 npx create-expo-app first-my-app cd first-my-app npx expo start 서버 실행 중에 r 누르면 reload expo vector icon 에서 다양한 아이콘 찾을 수 있음 https://icons.expo.fyi/ @expo/vector-icons directory icons.expo.fyi safe area 관련 https://www.npmjs.com/package/react-native-safe-area-context react-native-safe-area-context A..
AI로 영상 만들기(실험중) 아래의 방법들을 조합해 (LoopWave 로 생성한 이미지 중 자연스럽게 연결되는 이미지들 선택 후 FILM Interpolation 으로 영상 제작) 만들면 이런 느낌의 영상이 만들어 짐 AI 이미지 -> 동영상 https://plai.tistory.com/55?category=1123046 [Stable Diffusion] LoopWave script와 FILM을 통한 영상 생성 아래 레딧 글을 보면 비슷한 인물의 그림들을 자연스럽게 이어주는 영상을 확인할 수 있다. https://www.reddit.com/r/StableDiffusion/comments/129zh69/slide_diffusion_loopback_wave_script/ 저자에 따르면 LoopWave script (h plai.tist..

티스토리툴바