kokoball의 devlog
article thumbnail
React Native 절대경로 설정하기
React Native 2024. 5. 31. 19:30

이번 글은 React Native에서 절대경로 설정하는 방법에 대해 작성하려고 합니다. RN은 워낙 버전 크러쉬로 악명 높지만 절대경로 설정 방법은 기존의 React 웹 프로젝트와 크게 다른 점은 없기 때문에 쉽게 설정할 수 있습니다.  설치우선 babel 관련 프리셋과 플러그인을 설치해 줍니다.// npmnpm install --save-dev @babel/preset-react// yarnyarn add @babel/preset-react --dev 그 다음 플러그인을 사용해요 경로 별칭(alias)을 설정해 주기 위해 Babel의 module resolver을 개발 의존성으로 설치합니다.// npmnpm install --save-dev babel-plugin-module-resolver// yar..

article thumbnail
백준 12904번 A와 B (node.js)
WEB/백준 문제 풀이 2024. 5. 30. 18:50

문제https://www.acmicpc.net/problem/12904문제 해석처음엔 재귀 방식으로 가볍게 도전했다가 처참하게 깨졌다...S의 길이가 999, T의 길이가 1000이기 때문에 재귀는 시간 초과가 발생한다. 해결 방법은 최대 길이가 T이기 때문에 T에서 하나씩 제거하며 결국 S와 길이가 같아졌을 때 비교하면 해결할 수 있다. 풀이const filePath = process.platform === "linux" ? "dev/stdin" : "../test.txt";const input = require("fs").readFileSync(filePath).toString().trim().split("\n");function solution(input) {let a = input[0].trim(..

article thumbnail
새로운 React Native IDE 사용해보기
React Native 2024. 5. 25. 15:42

요즘 RN을 새롭게 배우고 있는데 Flutter로 개발하던 시절의 좋았던 개발 경험이 자꾸 생각나는 거 같다.  그 이유를 생각해 보면 IDE를 통한 편리한 개발 환경 덕분이였던 거 같은데,오늘은 Flutter의 IDE와 유사한 React Native IDE에 대해서 설치 방법과 기능을 간단히 작성해 보려고 한다. React Native IDE 공식 홈페이지 React Native IDE 설치 방법React Native IDE는 다른 IDE들 처럼 codebase 근처에 두고 개발하며 바로바로 업데이트 내역을 확인할 수 있다.다만 아직 배타 버전이며 macOS의 개발만 지원하고 있다.   우선 홈페이지에 접속한 후 Download from VSCode marketplace 버튼을 눌러서 익스텐션을 사용..

article thumbnail
백준 17413번 단어 뒤집기 2 (node.js)
WEB/백준 문제 풀이 2024. 5. 24. 23:31

문제https://www.acmicpc.net/problem/17413 문제 해석이 문제는 아래 첫 풀이처럼 문제의 모든 조건을 하나씩 구현한 다음 해결해도 되지만, 정규식으로 쉽게 해결할 수도 있다. (정규식을 배우자..) 풀이const filePath = process.platform === "linux" ? "dev/stdin" : "../test.txt";const input = require("fs").readFileSync(filePath).toString().trim().split("\n");function solution(input) { const arr = input[0].split(""); let tempArr = ""; let answer = ""; for (let i = 0;..

article thumbnail
백준 14502번 연구소 (node.js)
WEB/백준 문제 풀이 2024. 5. 23. 16:46

문제https://www.acmicpc.net/problem/14502 문제 해석이 문제는 완전 탐색인 줄 알고 모든 경우를 가정하여 반복문을 돌렸지만 실패했다.다른 방법을 찾던 도중 BFS를 이용한 방법에 힌트를 얻어 해결할 수 있었다. 여기서 포인트는 반복문을 돌릴 때 모든 경우(배열 전체 크기)가 아니라 벽을 놓을 위치인 빈 공간을 기준으로 반복문을 실행해야 하고,그 후 BFS를 통해 바이러스의 배열을 queue 형태로 두고 총개수를 확인하면 풀 수 있다.풀이const filePath = process.platform === "linux" ? "dev/stdin" : "../test.txt";const input = require("fs") .readFileSync(filePath) .toStr..

article thumbnail
백준 3190번 뱀 (node.js)
WEB/백준 문제 풀이 2024. 5. 22. 00:03

문제https://www.acmicpc.net/problem/3190 문제 해석이 문제도 전체 배열에 뱀이 지나가는 부분과 뱀 길이, 그리고 각각의 방향을 신경 쓰면 풀 수 있는 문제이다. 문제의 조건에 따라 N, K, L 정수를 구한다음 전체 배열을 생성하고 사과가 있는 위치의 값을 1로 바꿔준다.그 후 무한 반복문을 통해 각각의 조건에 맞춰서 이동하면 된다.풀이const filePath = process.platform === "linux" ? "dev/stdin" : "../test.txt";const input = require("fs").readFileSync(filePath).toString().trim().split("\n");function solution(input) { const N ..

article thumbnail
백준 11536번 줄 세우기 (node.js)
WEB/백준 문제 풀이 2024. 5. 21. 19:13

문제https://www.acmicpc.net/problem/11536  문제 해석이 문제는 간단한 구현 문제이며, set 배열을 통해 중복을 방지하고 만약 크기가 1 이상일 겨우 NEITHER을 아닐 경우 각각의 값을 리턴하여 해결하였다. 풀이const filePath = process.platform === "linux" ? "dev/stdin" : "../test.txt";const input = require("fs").readFileSync(filePath).toString().trim().split("\n");function solution(input) { const N = Number(input.shift()); let index = input[0].charCodeAt(0); let t..

article thumbnail
백준 14504번 로봇 청소기 (node.js)
WEB/백준 문제 풀이 2024. 5. 20. 18:09

문제https://www.acmicpc.net/problem/14503  문제 해석이 문제는 구현 문제이며, 방문 체크를 위한 배열 visited와 각각의 방향 체크를 위한 dx, dy로 분리해서 해결하였다. 문제의 요구사항대로 먼저 현재 위치 청소 여부를 확인하고 청소했으면 -1로 값을 변경한 후 각각의 방향을 검사하여 기계의 진행을 설정해 주었다. 풀이const filePath = process.platform === "linux" ? "dev/stdin" : "../test.txt";const input = require("fs").readFileSync(filePath).toString().trim().split("\n");function solution(input) { const [n, m] ..

728x90