스카이코의 세상

문제 링크 2023 Kakao Blind Recruitment 택배 배달과 수거하기 문제 풀이 2023년 카카오 블라인드 채용 택배 배달과 수거하기 문제이다. 택배를 배달하고 수거하는데 걸리는 최소 이동 거리를 계산하는 문제이다. 문제를 읽자마자 바로 방법이 떠오르지는 않았고 곰곰이 생각해보니 쉽게 방법을 떠올릴 수 있었다. 가는 길에는 배달만하고 오는 길에만 수거만 하도록 하자. 만약 가는 길에 배달도 하고 수거도 같이 하게되면 배달할 때 수거할 양도 생각해야하고 만약 중간에 수거를 해서 용량이 차버렸다면 다시 트럭을 비우고 먼 곳까지 다시 와야하는 불상사가 일어난다. 그렇다면 문제가 조금 쉬워졌다. 갈때는 배달만하고 올때는 수거만 한다. 그러면 어떻게 거리를 최소화 할 수 있을까? 어차피 택배를 배달..

문제링크 프로그래머스 리코쳇 로봇 문제풀이 문제를 읽었는데 뭔가 많이 익숙하네? 그렇다. 어렸을 때 컴퓨터실에서 다들 한번쯤 해보셨을 게임 포켓몬스터 골드의 동굴탈출(?) 문제이다. 막 빙판 위에 돌멩이가 있고 내 캐릭터가 빙판 위에서는 미끄러지며 부딪힐 때 까지 앞으로만 가는... 그렇게 빙판 위를 탈출하는 룰이었던 것 같다. 이제 이 문제를 코딩으로 풀어야한다. 어릴 땐 이리저리 막 눌러보면서 탈출했던 것 같은데 문제에서 요구하는 것은 최소한의 이동으로 동굴을 탈출하는 것이다. 경로 탐색에 최소한의 이동 횟수. 가장 먼저 떠오른 것은 BFS이다. 위 아래 왼쪽 오른쪽으로 이동한 경우를 체크해가면서 방문한 곳은 더이상 방문하지 않고 해당 작업을 반복한다. 여기서 주의해야할 점은 두가지 정도 있는 것 같..

for ... in / for ... of는 ES6에서 추가된 문법이다. 자주 헷갈려서 정리하고자 한다. 둘의 공통점은 반복문으로 사용된다는 것이며 차이점은 for ... in은 객체를 순환할 때, for ... of는 배열을 순환할 때 사용된다는 것이다. for ... in - 객체 순환 const obj = { a: 1, b: 2, c: 3 }; for (const item in obj) { console.log(item) // a, b, c } 위의 예시처럼 for ... in을 사용하면 객체의 프로퍼티를 순환할 수 있다. 만약 for ... in을 사용하여 배열을 순환하려고하면 어떻게 될까? const arr = [1, 2, 3]; for (const item in arr) { console.lo..

이전 포스팅을 통해 React Native에서 폰트를 적용하는 방법을 알아보았습니다. import { StyleSheet, Text } from 'react-native'; export default function CustomFont() { return ( 안녕하세요 스카이코 입니다. ); } const styles = StyleSheet.create({ text: { fontFamily: 'Pretendard', fontWeight: 700 }, }); 하지만 위와 같이 fontWeight를 사용했을 때 iOS에서는 정상적으로 폰트가 적용되지만 Android에서는 폰트가 적용되지 않습니다. 이럴 때는 fontWeight를 사용하지 않고 @/asset/fonts에 넣은 폰트 파일 이름으로 fontFam..

React Native에 Custom Font를 적용하려고 합니다. Android와 iOS별로 지원하는 폰트 확장자가 다릅니다. Android는 ttf, otf, ttc 확장자를 지원하고 iOS는 ttf, otf, woff(iOS 10+), woff2(iOS 10+)를 지원합니다. 우선 사용하고자 하는 폰트를 다운로드 받아서 프로젝트 내에 위치시켜줍니다. 저 같은 경우에는 /src/assets/fonts 하위에 위치시켰습니다. 그 후 프로젝트 최상단에 react-native.config.js 파일을 생성합니다. 파일 안의 내용은 다음과 같습니다. module.exports = { assets: ['./src/assets/fonts'], }; 파일 생성 후 RN 버전이 0.69보다 높다면 npx react..

typeof 피연산자의 타입을 알 수 있는 연산자입니다. 연산자 이므로 괄호를 사용하지 않으며 변수나 값의 자료형을 문자열로 반환합니다. 반환 값들은 number, string, function, boolean, object, undefined 6가지가 있습니다. console.log(typeof 5); // 'number' console.log(typeof "text"); // 'string' console.log(typeof function(){}); // 'function' console.log(typeof true); // 'boolean' console.log(typeof {}); // 'object' console.log(typeof undefined); // 'undefined' 이때 und..

dump 컴퓨터 주기억장치나 레지스터 등에 기억시킨 내용을 보조기억장치 등의 매체에 복사 또는 저장하는 것을 말합니다. mysql에서 DB의 내용을 dump하기 위해서는 mysqldump 명령어를 사용합니다. mysql 데이터베이스의 모든 내용 dump 다음 명령어를 통하여 DB의 모든 내용을 내보낼 수 있습니다. DB의 테이블 생성 정보 뿐만 아니라 테이블 내의 정보(row)까지 모두 저장합니다. 즉 create table과 insert 명령어가 모두 결과파일.sql에 저장됩니다. mysqldump -u 유저이름 -p 데이터베이스이름 > 결과파일.sql 이렇게 저장된 결과파일.sql은 다음 명령어를 통하여 DB에 불러올 수 있습니다. mysql -u 유저이름 -p 데이터베이스이름 < 결과파일.sql m..

Vue의 input tag에서 v-on:keyup.enter를 사용할 때 한글을 입력하고 enter를 입력하면 함수가 두번 호출되는 문제가 발생한다. 이럴 경우 keyup 대신 keypress를 사용하면 문제가 해결된다.