본문 바로가기

분류 전체보기

 (82)
Windows React Native 환경 셋팅 이거 부터 설치 choco https://chocolatey.org/install Installing Chocolatey Chocolatey is software management automation for Windows that wraps installers, executables, zips, and scripts into compiled packages. Chocolatey integrates w/SCCM, Puppet, Chef, etc. Chocolatey is trusted by businesses to manage software deployments. chocolatey.org 파워쉘 -관리자 권한으로 열기 아래 링크에서 시키는 대로 choco 활용 설치 https://reactnative..
React 성능 개선 하기 크롬 확장 프로그램 설치 하면 (React Developer Tool) component, profiler 생김 아래 그림에서 각각 컴포넌트 A, B 별 렌더 시간 나옴 React.memo 사용하여 성능 개선 const Message = React.memo(({ message }) => { return {message} }) useCallback 활용한 함수 최적화 아래 처럼 감싸서 함수 전달 하면 값, 참조 위치 등이 변할 때만 렌더링 됨 const B = ({message, posts}) => { console.log("B is rendered"); const testFunc = useCallback(() => {}, []); return ( B Component ) } useMemo 활용한 결과값 ..
github page 활용 npm install gh-pages --save-dev package.json에 추가 "private": true, "homepage": "https://{깃허브 유저 이름}.github.io/{저장소 이름}/", "scripts": { "start": "react-scripts start", "build": "react-scripts build", "deploy": "gh-pages -d build", npm run build npm run deploy 위 홈페이지 url 사용해도 되고 github 에 branch 중 gh-pages > settings > page 에 주소 있음 무료 호스팅 좋아요~
백엔드도 새로 시작 Spring Web 여기가서 새로운 이미지 generation https://start.spring.io/ IntelliJ에서 open file > build.gradle java 11로 전부 셋팅 https://velog.io/@kcho32/Execution-failed-for-task-compileJava.-invalid-source-release-11 https://parkjye.tistory.com/76#:~:text=%5B%EC%8B%9C%EC%9E%91%5D%EC%9D%84%20%EC%97%B4%EA%B3%A0%20%EA%B2%80%EC%83%89%EC%B0%BD,Java%2011%EB%A1%9C%20%EB%B3%80%EA%B2%BD%ED%95%A9%EB%8B%88%EB%8B%A4. 8080포트 쓰고 있을 때 변..
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..

티스토리툴바