분류 전체보기119 [RN] nativewind 적용.. expo cli로 하면서 스타일은 tailwind를 적용해보기로 했다.짜잔 nativewind를 사용하면 됩니다.그렇게 nativewind 공식 문서에 들어가니깐 친절하게 적용방법이 나와있다.https://www.nativewind.dev/quick-starts/expo Expo | NativeWindA example of an Expo project can be found on Githubwww.nativewind.devnpm install nativewindnpm install --save-dev tailwindcss@3.3.2그리고 npx tailwindcss init을 해주면 tailwind.config.js와 babel.config.js가 설치된다.// tailwind.config.jsmodul.. 2024. 5. 22. [RN] expo cli? react-native cli? expo cli장점 : 1. 빠른 시작 : 별도의 네이티브 설정 없이 바로 프로젝트를 생성하고 실행 할 수 있다.2. 빌드 및 배포 : expo의 관리형 워크플로우를 통해서 간단하게 어플리케이션을 빌드하고 배포 할 수 있다.(실제 기기에서 테스트 쉬움)3. 풍부한 라이브러리 : expo sdk를 통해 카메라, 위치, 센서, 지도 등 다양한 네이티브 기능을 간편하게 사용 할 수 있다.단점 :1. 제한된 네이티브 코드 : expo 관리형 워크플로우에서는 네이티브 코드를 직접 작성할 수 없으며, 지원되지 않는 네이티브 모듈이 있을 수 도 있다. 개발 빌드를 통해 네이티브 코드를 통합할 수 있으나 일반적으로 제한된다. react native cli장점 :1. 네이티브 코드 접근 : 네이티브 모듈 및 API를 직.. 2024. 5. 20. 프로그래머스 Javascript 코딩 테스트 Lv.0 암호해독 암호화된 문자열 ciphercipher문자열에서 code의 배수 번째 글자를 찾아야함일단 먼저 문자열 cipher를 배열로 변환const solution = (cipher, code) => { let answer = [] let arr = [...cipher] return answer}주어진 배열에서 code번째를 찾아야하는데const solution = (cipher, code) => { let answer = [] let arr = [...cipher] for (let i = 0; i 일단 나는 for문을 사용해서 배열을 순환해서 code번째의 문자를 찾았다.먼저 for문의 조건문 부분에 배열의 길이보다 적게 조건을 줬는데 이유는배열의 index는 0.. 2024. 5. 9. [emotional] - Nextjs api route nextjs 공식문서 route handlers를 보면 page 라우터를 사용할 때는 api 폴더 아래에 있어야 api에 접근이 가능했는데app 라우터로 넘어오면서 api dir 아래에 있을 필요는 없다.(app폴더 안에 route.ts로만 작성하면 된다.)하지만 명확하게 구분하기 위해 api dir 아래에 route.ts 파일을 생성했다.그런데 왜 이걸 사용하냐?이모셔널에는 youtube api와 openai api를 사용하는데 서버 없이 클라이언트 단에서 사용되다보니네트워크 탭의 요청 url과 요청 헤더에 api key값이 노출이 되버린다..env를 사용해서 환경변수로 key값을 숨긴 노력이 무용지물이 되어버렸다.이걸 방지하기 위해서 찾다보니 나온게 nextjs 서버를 이용한 api route방식이다.. 2024. 5. 6. 이전 1 ··· 7 8 9 10 11 12 13 ··· 30 다음