안녕하세요 상훈입니다. 과거 포스팅 내용을 확인하면 다음과 같은데, 해결이 안된 경우가 있습니다. (그게 바로 나.) [ React-Native ] Error : Could not determine the dependencies of task ':app:compileDebugJavaWithJavac'. 안녕하세요 상훈입니다. 사용환경 : WindowOS, React-native, android-studio Could not determine the dependencies of task ':app:compileDebugJavaWithJavac'. 해당 에러가 나오면서 프로젝트 시작할때 에러가.. code-hoon.tistory.com 환경변수 세팅을 해주었는데도 해결이 안되었다면, 아래와 같이 진행해주세요..

FrontEnd/React.js 2022. 4. 8. 11:21

React native 에서 환경설정 중 진단할 수 있는 react-native tool 👍 npx@react-native-community/cli doctor 조음 도움이 되셨다면 광고 한번 클릭해주세요. 블로그 운영에 큰 힘이 됩니다. 감사합니다.

FrontEnd/React.js 2022. 4. 8. 11:13

안녕하세요 상훈입니다. 사용환경 : WindowOS, React-native, android-studio Could not determine the dependencies of task ':app:compileDebugJavaWithJavac'. 해당 에러가 나오면서 프로젝트 시작할때 에러가 발생하였다. npx react-native run-android ■ 해결방법 환경변수를 설정할 때 ANDROID_HOME 설정이 되지 않았을 것이다. 확인해주고 새로 만들어주면 된다. 변수이름 : ANDROID_HOME 변수 값 : C:\Users\사용자명\AppData\Local\Android\Sdk 도움이 되셨다면 광고 한번 클릭해주세요. 블로그 운영에 큰 힘이 됩니다. 감사합니다.

FrontEnd/React.js 2022. 4. 8. 10:38

도움이 되셨다면 광고 한번 클릭해주세요. 블로그 운영에 큰 힘이 됩니다. 감사합니다. 안녕하세요 상훈입니다. 리액트 네이티브에서 어플리케이션을 구현할 때, 화면의 넓이, 혹은 높이를 자동으로 측정하여 사용할 수 있는 API를 포스팅하려고 합니다. 바로 " Dimesions " 라는 API 인데요, react-native의 기본 컴포넌트 중 하나입니다. ■ 사용방법 import { Dimensions } from "react-native"; // 기본형은 width, height const { width: SCREEN_WIDTH, height: SCREEN_HEIGHT } = Dimensions.get("window"); export default function App() { return ( ) }; /..

FrontEnd/React.js 2022. 4. 7. 11:02

안녕하세요 상훈입니다. React.js 프로젝트 링크를 남들에게 보낼 때, 조금 더 예쁜 썸네일과, 제목, 그리고 내용을 보내려고 할 때 유용한 미세먼지 팁 입니다. /public/index.html 를 엽니다. 이렇게 head 태그 안에 meta 태그로 작성해주시면 됩니다. 프로퍼티는 og: " " 로 작성하면 됩니다. 그리고 다시 빌드해주시고, 배포해주세요. 마지막으로 링크를 마구 보내줍니다. 이상입니다. [ 카카오톡 전송 메시지 이미지 ] 이렇게 깔끔하게 카카오톡으로 링크를 전송할 수 있습니다. 이상입니다. 도움이 되셨다면 광고 한번 클릭해주세요. 블로그 운영에 큰 힘이 됩니다. 감사합니다.

FrontEnd/React.js 2022. 4. 6. 16:07

안녕하세요 상훈입니다. React.js 에서 웹 페이지에서 탭 부분의 텍스트. 즉, 웹사이트의 이름(title)을 바꾸는 방법을 포스팅하겠습니다. 아주 간단합니다. 해당 페이지에서 useEffect() hook을 하나 생성해주시고, title이라는 태그를 찾아 내부 html의 값을 변경시켜주시면 됩니다. useEffect(() => { const titleElement = document.getElementsByTagName("title")[0]; titleElement.innerHTML = `나의 웹페이지 제목`; }, []); getElementsByTagName으로 title이라는 tag의 첫번째 요소[0] 를 html에서 찾습니다. 그리고 해당 요소의 내부 html의 값을 변경해줍니다. 그러면 깔..

FrontEnd/React.js 2022. 4. 6. 15:56

안녕하세요 상훈입니다. React.js 에서 image의 경로를 잡을 때 경로를 못잡아주는 경우가 있습니다. 이에 대비해 프로젝트의 root 경로에서 이미지의 경로를 잡아주는 방식을 소개하도록 하겠습니다. 이렇게 src 내부가 아닌 public 폴더 내의 경로일 때 사용해주시면 편리하겠습니다.

FrontEnd/React.js 2022. 4. 5. 14:35

React-native 로 font 를 설정하려던 와중 에러가 발생하였다. 'Lobster Regular' 이라는 구글 폰트명으로 폰트를 설정하려고 하는데 expo 설정과 연동하여도 에러가 발생하였다. 버전 참고 바랍니다. expo install expo-font expo-font를 설치해주고, App.js 에서 코딩해주었다. loaded 라는 변수에 useFonts() Hook을 사용, font의 경로(src/assets/fonts/-.ttf) 를 찾아 삽입해주었다. 저 부분에서 조건문에 다른 컴포넌트를 라이브러리에서 끌어다가 사용하였었는데, 에러가 나서 null로 바꿔주었다. (혹시나 같은 오류가 발생한다면 참고바란다.) 에러 해결되었슴 도움이 되셨다면 광고 한번 클릭해주세요. 블로그 운영에 큰 힘이..

FrontEnd/React.js 2022. 3. 31. 16:30