전체 글
-
[REACT] indent(들여쓰기) Prettier, ESLint 설정React, Next 2023. 4. 5. 01:52
React 프로젝트에서 들여쓰기 설정을 변경하는 방법은 프로젝트의 설정에 따라 다를 수 있습니다. 일반적으로 React 프로젝트는 Prettier와 ESLint를 함께 사용하여 코드 스타일을 유지하도록 구성됩니다. 들여쓰기를 2칸에서 4칸으로 변경하려면 다음과 같은 방법을 시도할 수 있습니다. Prettier 설정 변경 프로젝트 루트 폴더에 .prettierrc 또는 prettier.config.js 파일을 만들어 설정을 변경합니다. 다음과 같이 설정 파일을 열고 tabWidth를 4로 변경합니다. { "tabWidth": 4, "singleQuote": true } 이것만 설정하면 들여쓰기가 변경된 모든 코드에서 컴파일 에러를 발생시킬 수 있습니다. 이땐 ESLint의 indent 설정도 해줘야 합니다..
-
[REACT NATIVE] 스크린에 지정한 타입에 대하여React Native 2023. 3. 31. 16:53
화면 컴포넌트에 타입스크립트를 사용해서 매개변수 타입을 지정해주려고 한다. function HomeScreen({navigation}: HomeScreenProps) { const onClick = useCallback(() => { navigation.navigate('Details'); }, [navigation]); return ( Home Screen Second ); } 여기서 매개변수에 지정된 'HomeScreenProps'를 구현하려면 아래와 같은 내용을 추가해준다. import { createNativeStackNavigator, NativeStackScreenProps, } from '@react-navigation/native-stack'; type RootStackParamList ..
-
[REACT NATIVE] html과는 너무 다른 react native 태그 모음집React Native 2023. 3. 31. 16:02
구조 내용 버튼 버튼이 눌렸을 때 투명도가 감소하고, 손가락이 버튼 영역을 벗어나면 다시 원래대로 돌아가는 효과가 있는 버튼입니다. 속성 이름 속성 타입 설명 underlayColor number 버튼을 눌렀을 때 배경 컬러 activeOpacity function 버튼을 눌렀을 때 불투명도(opacity) 값. (0에서 1 사이의 값, 기본값은 0.2) 버튼이 눌렸을 때 투명도가 감소하는 효과만 있는 버튼입니다. 손가락이 버튼 영역을 벗어나도 투명도가 원래대로 돌아가지 않습니다. 속성 이름 속성 타입 설명 activeOpacity function 버튼을 눌렀을 때 불투명도(opacity) 값. (0에서 1 사이의 값, 기본값은 0.2) 안드로이드에서만 사용 가능한 버튼으로, 버튼이 눌렸을 때 An..
-
[REACT NATIVE] 실제 기기로 앱 테스트하기!React Native 2023. 3. 31. 05:49
안드로이드 스튜디오를 설치하고 프로젝트를 실행했으나 계속 에뮬레이터와 연결이 안된다... AVD Manager, SDK Manager, 환경변수 세팅 모든것을 다 해봤는데도 해결이 되지 않는다... 'abd device'를 입력하면 디바이스 목록에 에뮬레이터도 뜨는데 문제가 해결되지 않는다.. 결국 최후의 수단으로... 하나 있는 공기계 안드로이드를 USB 연결하기로 했다. 연결방법 가장 먼저 android기기(나의 경우 s10)의 설정탭> 개발자 옵션으로 들어가 USB 디버깅을 활성화시킨다. 개발자 옵션은 처음에 보이지 않을 것인데, 이것을 보이게 하는 방법은 '휴대전화 정보 > 소프트웨어 정보' 를 7번 연타하면 개발자 모드로 변경되며 '개발자 옵션' 버튼을 노출시킬 수 있다.' 기기가 잘 연결되면..
-
-
[GIT&AWS] 깃헙액션으로 CI/CD 배포 자동화 하기!Git 2023. 2. 27. 13:47
📖 EC2에 프로젝트 빌드하여 올리는 것까지 완료했다. 이제는 CI/CD 배포 자동화를 해볼 차례! 실제 배포된 인스턴스는 ubuntu이지만 포스팅이 죄다 linux 인스턴스로 되어있어서 일단 연습할 겸 새 인스턴스는 linux 기반으로 생성했다. 연습은 linux대로 하고 실제 적용할 땐 ubuntu 기준으로 살짝만 변경해주면 될 것이다. 1. ec2 인스턴스에서 자동배포를 위해 필요한 codedeploy를 설치해줘야 한다. # 패키지 매니저 업데이트, ruby 설치 sudo yum update sudo yum install ruby sudo yum install wget # 서울 리전에 있는 CodeDeploy 리소스 키트 파일 다운로드 cd /home/ec2-user wget https://aws-..
-
[AWS] aws에 프로젝트 배포 깔끔하게! 2탄 - 프로젝트 빌드해서 EC2에 올리고 실행AWS 2023. 2. 27. 12:56
📖 2탄이다. 이번에는 본격적으로 프로젝트를 EC2 인스턴스에 올려서 실행시키고, 여기에다가 API 요청하기까지 해볼 것이다. 1. EC2에 접속한다. 2. 첫 인스턴스 실행 시에는 우분투 업데이트와 자바 설치를 진행한다. $ sudo apt update $ apt list openjdk-17* $ sudo apt install openjdk-17* (버전확인) $ java -version 3. 스프링부트 프로젝트를 빌드한다. 우측 Gradle 탭에서 Build를 더블클릭하면 빌드가 진행되며, [build] > [libs] 폴더 안에 .jar 파일이 있는데, 이걸 인스턴스에 올리면 된다. 4. 빌드 파일 업로드한다. 파일질라를 주로 쓴다던데 나는 하란대로 해도 안먹히니 터미널에서 진행할 것이다. EC2 ..