내맘대로 개발일지

React Native Error : java.io.UncheckedIOException: Could not move temporary workspaceWhat went wrong: java.io.UncheckedIOException: Could not move temporary workspace (C:\Users\Sreya\Desktop\sreya\love-knot\android.gradle\8.6\dependencies-accessors\stackoverflow.com아니 무슨 프로젝트를 생성할때마다 에러가 발생해 ..답답해서 이것저것 찾아보고있었는데 여기서 알려준 버전 다운그레이드가 가장 효과적이였다.IntelliJ 에러라는말도 있고 하는거보면 나도 WebStorm 사용중이라 그런가 싶긴하다.아무튼..

나는 지금까지 React 개발을 하면서 스타일은 항상 Styled-components 를 사용해왔다.이유는 딱히 없었다.  React 처음할때 사용한 css 가 저거였을 뿐.그이후로도 쭉 React 관련 프로젝트를 할때마다 사용했고 익숙하니까 속도도 나왔다.근데 타의로 최근 scss 를 사용하게 되었는데 익숙함에 오는 거부감인지 왠지 자꾸 단점만 찾게되고다른사람들이 바보같아보였다. 근데 나는 저게 왜 좋은지도 모르고 쓰는건데이번기회에 어떤점이 좋은건지. 왜 쓰는건지 알고 사용하고더 좋은게 있다면 바꿀 수 있도록 하기위해 Styled-components 의 정리를 하려고 한다.npm install styled-componentsimport styled from 'styled-components'const ..

Android Asset Studio - Launcher icon generator romannurik.github.io최근에 React Native 앱 개발을 시작하면서 앱 아이콘 이미지를 만들어아햐는데ㅇㅏ주 좋은 페이지가 있어서 공유겸 내가 사용할 수 있도록 하려고 한다.들어가서 이미지를 넣고Shape (Legacy) 를 Circle 로 바꿔주고 우측 상단의 다운로드 버튼을 눌러주면사이즈별 이미지가 생성된다! 넘나 유용한것 :)

📱테스트 환경"react": "18.2.0""react-native": "0.74.2"스플래시 화면을 보여주는 모듈이 있다고 하여 설치하고 사용하려고 한다.react-native-splash-screen해당 모듈을 설치하고 ~App.tsx 에서 useEffect 안에 넣어주면 되는데 나는 1초의 시간동안 보여주기로 했다.useEffect(() => { setTimeout(() => { SplashScreen.hide(); }, 1000); //스플래시 활성화 시간 }, []);나는 Window 환경에서 개발하기 때문에 AOS 쪽만 설정해줬는데// MainActivity.ktoverride fun onCreate(savedInstanceState: Bundle?) { Splas..

PULL 을 했더니 다음과 같은 에러가 발생했다.remote: Enumerating objects: 602, done.remote: Counting objects: 100% (602/602), done.remote: aborting due to possible repository corruption on the remote side.fatal: protocol error: bad pack header처음보는거라서 당황했는데 강제로 PULL 받아보려고git pull origin dev 도 안되고 .. git pull 도 안되고 ..너무 답답해서 그냥 프로젝트 삭제했다가 클론을 받으려고 했는데도 ? 안되더라 ..그래서 열심히 구글링을 해서 해당 해결방법을 따라했지만 안됐다 ㅎ 그래도 이 방법을 통해서 해결하..

📱테스트 환경"react": "18.2.0""react-native": "0.74.2"React Native 는 로컬에 있는 svg 파일을 바로 불러올 수 없다고 한다 .. ( 특이하네 .. )아무튼 로컬에 있는 이미지를 사용하려면 모듈을 설치해서 사용해야 한다고 하는데방법은 다음과 같다.yarn add react-native-svg모듈 설치 후 (IOS) pod install 도 해주고 ~yarn add --dev react-native-svg-transformer추가적으로 transformer 모듈도 설치해주면 import 할 수 있게 된다.마지막으로 추가적은 프로젝트 설정이 필요한데metro.config.js 파일 생성 ( 있다면 수정 )const {getDefaultConfig, mergeCon..

📱테스트 환경"react": "18.2.0""react-native": "0.74.2"최근에 React-native 개발을 준비하고있다.React로 웹개발은 해봤었는데 앱개발이 꿈이였던지라 강의들으면서 새롭게 준비하고있다.프로젝트를 생성할일이 많을 것 같아서 기록하기로 했다.최신버전 설치npx react-native init projectName특정버전 설치npx react-native@0.73.8 init ProjectName --version 0.73.8그다음 설치가 완료되면해당 프로젝트 터미널로 와서 bundle install 그다음 Android 시뮬레이터 키고 yarn start 해주면 확인할 수 있다.Ios 같은 경우에는 cd ios 폴더로 이동해 준 다음 pod install 을 실행해주..

📱테스트 환경"nuxt": "^3.11.2""vue": "^3.4.21""vue-router": "^4.3.0"데이트피커를 넣으려고하는데 로 넣으니까 너무 몬생겼다 ..몬생겨도 너무 몬생겨서 디자인 프레임워크를 이용하고 싶었는데또 React 를 개발을 주로 하다보니 Antd 가 생각이 났다.하지만 Antd 가 아무래도 React UI 에 맞춰져서 가이드도 그렇게 되어있다보니Nuxt 에서 하려니까 좀 애를 먹고 있었다..https://2x.antdv.com/components/overview/일단 Nuxt 의 Antd 는 여기서 확인할 수 있고 DatePicker 를 사용하는 방법은 다음과 같다.// nuxt.config.tsexport default { ... modules: [ ... ..

📱테스트 환경"nuxt": "^3.11.2""vue": "^3.4.21""vue-router": "^4.3.0"Number 에 콤마(,) 를 찍어서 좀 정갈하고 이쁘게 보이게 처리하고싶은데ㅇㅏ주 간단하게 처리할 수 있는 방법이 있다.바로 parseFloat 를 이용하는건데방법은 다음과 같다.export const formatNumberComma = (numbers: number) => { return parseFloat(String(numbers)).toLocaleString()}여러군데에서 사용해야 할 경우 한번에 수정해서 처리할 수 있도록 함수로 만들었고parseFloat 와 toLocalString 을 이용하여 표시하였다.

📱테스트 환경"nuxt": "^3.11.2""vue": "^3.4.21""vue-router": "^4.3.0" {{ index + 1 }} {{ item.title }} {{ item.regDt }} 간략하게 Click 이벤트가 상위에 있고 input checkbox 가 해당 태그 안에 있다.이럴때 checkbox 를 누르면 checkbox 도 되고 상위 detail 함수도 실행된다.ㅇㅣ런걸 이벤트 버블링이 발생했다고 하는데 막는 방법은 아주 간단하다.@click.stop 태그를 사용하는 방법이다. {{ index + 1 }} {{ i..