본문 바로가기

프로그래밍100

[npm] link를 사용하여 개발중인 라이브러리 로컬에서 테스트하기 개요 간단한 라이브러리를 개발하던 도중, 테스트해야 할 때가 있습니다. npm에 배포하기 전, 로컬 프로젝트에서 테스트할 수 있는 방법을 안내합니다. 전제 간단한 라이브러리의 코드는 아래와 같이 구성되어 있습니다. shelljs 라이브러리를 사용하여 터미널에 Hi를 출력하는 기능을 제공합니다. [ package.json ] ... "bin": { "script1": "bin/runScript1.js" }, ... "dependencies": { "shelljs": "^0.8.5" }, ... [ bin/runScript1.js ] #! /usr/bin/env node var shell = require("shelljs"); shell.exec("echo Hi"); link 간단한 라이브러리의 루트 디렉토.. 2023. 9. 5.
[Kotlin] 알고리즘 풀이를 위한 코틀린 코드 템플릿 참고용입니다. 입력 받는 코드 BufferedReader를 사용해야 합니다. (미사용시 시간 초과 가능성) import java.io.* val b = BufferedReader(InputStreamReader(System.`in`)) // 한 줄 (readln은 readLine과 다르게 null을 허용하지 않음) val T:String = b.readLine() // 한 줄, 그러나 문자열이 아닐 때 val T:Int = b.readLine().toInt() // 한 줄, 한번에 리스트에 담아야 하는 경우 var lst:List = listOf() lst = b.readLine().split(' ') // 한 줄에 정수 3개를 띄워쓰기 기준으로 입력받을 때 val (a:Int, b:Int, c:Int).. 2023. 8. 23.
[React-Native] Windows 운영체제에 React-Native 개발 환경 구축하기 맥에서만 작업하다가 윈도우에서 작업해야할 일이 생겼습니다. 윈도우에 React-Native 개발 환경을 구축하는 방법을 안내합니다. JDK 설치 아래 링크를 통해 JDK 11을 설치합니다. Download the Latest Java LTS Free Subscribe to Java SE and get the most comprehensive Java support available, with 24/7 global access to the experts. www.oracle.com 설치 후 프롬프트를 열어 아래 명령을 통해 JDK 설치 여부를 확인합니다. java -version Node.js 설치 Node.js LTS 버전을 설치해 주세요. 글 작성일 기준 최신 LTS 버전은 18.17.1이었네요. Do.. 2023. 8. 23.
[React-Native/오픈소스활동] Modal이 전체 화면을 덮도록 구현하는 방법 개요 안드로이드에서 React-Native 앱 개발 중 Modal 사용 시 상단 StatusBar를 덮지 않는 문제를 제시 문제 분석 이러한 상황을 조치할 수 있도록 React-Native statusBarTranslucent 속성을 설정할 수 있음 따라서 해당 문제는 React-Native의 버그나 개선해야 할 사항이 아님 문제 조치 해결 방법 안내 및 스크린샷 첨부 소스 코드 statusBarTranslucent 속성을 적용한 예제 import React, {useState} from 'react'; import {Text, View, Modal} from 'react-native'; export default function App() { return ( Lorem ipsum dolor sit am.. 2023. 8. 23.
[React-Native] Metro 자바스크립트 번들러에 대한 이해 개요 Metro는 메타에서 제공하는 React-Native용 자바스크립트 번들러입니다. 자바스크립트 번들러 번들러의 필요성과 역할 일반적으로 효율적인 유지 보수를 위해 여러 파일로 쪼개어 관리 여러 파일로 분기화된 프로젝트 내부에서 각 파일들은 import또는 require을 통해 상호 작용하도록 설계 그러나 클라이언트는 이를 이해할 수 없으며 이해할 수 있더라도 호환성 문제(다른 클라이언트가 동일하게 이해한다는 보장이 없음) 여러 파일로 쪼개서 관리하는 방식을 유지하며, 클라이언트 호환성을 보장하기 위해 번들러 사용 번들러는 프로젝트 내 여러 파일들의 상호 작용을 이해, 클라이언트 호환성을 보장하는 단일 자바스크립트 파일로 만들어 줌 Metro React-Native용 번들러 Metro를 메타에서 제공.. 2023. 8. 16.
[React-Native/오픈소스활동] Suspense 사용 방법 개요 이슈 작성자가 이슈를 삭제하였습니다. 이슈 스크린샷이 없다는 점 참고 부탁드립니다. React-Native에서 Suspense가 동작하지 않는다는 이슈가 있었습니다. Suspense는... React 18에서 공식적으로 지원하는 컴포넌트 React-Native에서도 Suspense를 사용할 수 있음 써드파티 라이브러리 수준에서 Suspense를 쉽게 활용할 수 있도록 지원 따라서 이를 지원하는 써드파티 라이브러리(react-query 등)를 사용하는 것이 편함 직접 구현하는 방법 중 하나로 promise객체를 다루는 함수를 추가로 작성하는 방법이 있음 문제 분석 이슈 작성자는 Suspense의 올바른 사용법을 숙지하지 않은 상태로 Suspense가 동작하지 않는다고 이슈를 생성 조치 Suspense.. 2023. 8. 15.

티스토리툴바