전체 글(355)
-
[에러] sdk location not found define location with sdk dir in the local properties file or with an android_home environment variable
[Reason] sdk location not found define location with sdk dir in the local properties file or with an android_home environment variable 안드로이드 스튜디오에서 프로젝트를 빌드했을 때 실행해야 할 SDK의 위치 경로를 찾지 못해 발생한 에러이다. 즉, 실행할 SDK 가 존재하는 경로가 제대로 잡히지 않아서 발생된 에러라고 볼 수 있다. [Solution] (1) SDK 경로 확인 SDK 가 존재하는 경로는 보통 대부분 위의 경로에 위치해있다. 경로를 다시 정리해보면, C:/Users/{컴퓨터 계정명}/AppData/Local/Android/Sdk 이다. (2) 컴퓨터 안드로이드 SDK 사용 경로 변수 ..
2024.02.07 -
[MySQL] Spring Boot 에서 MySql의 랜덤 함수 사용하기 (QueryDSL)
Spring Boot 를 통해 프로젝트를 만들고 DB는 MySQL을 사용할 때 일반적으로 JPA나 JPQL, 혹은 QueryDSL을 주로 사용할 것 입니다. 일반적인 기본 연산들이나 조회 연산들은 수행되지만 MySQL 워크 벤치에서는 수행되는 랜덤 함수는 JPQL을 사용할 때는 지원하지만 일반적인 JPA나 QueryDSL을 사용할 때에는 지원하지 않습니다. 이를 JPA나 QueryDSL을 사용하고 있는 환경에서 사용하기 위해서는 별도의 Template 처리를 통해 랜덤 함수를 사용하겠다는 설정을 해주어야 합니다. 오늘은 QueryDSL 환경에서 랜덤 함수를 사용할 수 있는 방법에 대해 간단하게 정리해보겠습니다. (1) 템플릿 생성 및 설정 import com.querydsl.core.types.Ops; ..
2024.01.30 -
[React Native] 간단하게 레이아웃 구성 알아보기
이번에는 React Native 의 레이아웃 구성에 대해서 간단하게 알아보겠습니다. React Native에서는 대표적으로 레이아웃 구성을 View 컴포넌트 구성 요소를 활용하여 만듭니다. App.js import { StatusBar } from 'expo-status-bar'; import { StyleSheet, Text, View, Button , TextInput} from 'react-native'; export default function App() { return ( 목표 리스트... ); } const styles = StyleSheet.create({ appContainer: { padding: 50 } }); - 레이아웃 일반 html 에서 레이아웃을 구분하기 위해 보통 div 태그..
2024.01.05 -
[React Native] 리액트 네이티브 스타일링
React Native에서는 어떻게 구성 요소들을 스타일링 하는지 알아보겠습니다. 이전에도 정리했듯 React Native는 브라우저에서 동작하는 것이 아니기 때문에 일반 html 처럼 css 파일을 만들어 적용할 수 없습니다. 대신에 인라인 방식으로 스타일을 구성 요소에 직접적으로 적용시켜 사용하거나, StyleSheet 과 같은 개체를 사용하여 JavaScript를 사용하는 것처럼 특정 스타일 변수를 만들어 구성 요소에 적용시키는 것이 대표적이라고 했습니다. 스타일링 개체 사용 / Inline 방식의 스타일 적용 App.js import { StatusBar } from 'expo-status-bar'; import { StyleSheet, Text, View, Button } from 'react-..
2024.01.04 -
[React Native] 핵심 컴포넌트 간단하게 다뤄보기
이번에는 , 와 같은 핵심 컴포넌트 구성 요소를 조금 더 자세하게 사용하고 알아보며 정리하겠습니다. App.js import { StatusBar } from 'expo-status-bar'; import { StyleSheet, Text, View } from 'react-native'; export default function App() { return ( Test Project ); } const styles = StyleSheet.create({ container: { flex: 1, backgroundColor: '#fff', alignItems: 'center', justifyContent: 'center', }, }); 현재 App.js 컴포넌트 전체 구성입니다. 지금 가상 머신을 통해 프..
2024.01.04 -
외부 프로젝트를 정상적으로 import 하는 방법 (npm install)
가끔 외부 프로젝트를 visual studio code 에 import 할 때 그 프로젝트의 dependency나 gitIgnore 처리되거나 혹은 따로 프로젝트에 제외 처리가 되어있는 파일들이 있을 경우 import 하여 프로젝트를 실행하려고 해도 제대로 실행이 되지 않는 경우가 많습니다. 완벽한 모든 상황을 해결할 수는 없겠지만 이를 해결하기 위해서 간단한 방법을 알아보자면, 컴퓨터에 node가 설치되어 있는 경우 visual studio의 터미널에서 import 한 프로젝트에 들어간 뒤 터미널에서 npm install 명령어를 입력하면 기존에 제외 처리 되어있거나 프로젝트 파일에 포함되지 않았던 시스템 파일들이 새롭게 설치되어 정상적으로 프로젝트를 실행할 수 있게 됩니다.
2024.01.04