스카이코의 세상

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를 사용하면 문제가 해결된다.

URL 인코딩 인코딩이란 데이터를 다른 형식으로 표현하는 것을 말합니다. URL은 아스키코드의 문자들 중 출력이 가능한 문자열만 포함합니다. URL에서 그 외의 문자(한글, 일본어 등)를 사용하고 싶다면 %와 16진수 문자를 조합하여 인코딩해야 합니다. 이를 URL 인코딩이라고 하고 인코딩 된 URL을 escape 처리된 URL이라고 부릅니다. 예를 들어 브라우저 주소창에 https://sky-kr.tistory.com/?data=테스트로 접속한 후 URL을 복사하게 되면 https://sky-kr.tistory.com/?data=%ED%85%8C%EC%8A%A4%ED%8A%B8라는 값(escape 처리된 URL)으로 변환되어 복사가 되게 됩니다. 여기서 %ED%85%8C%EC%8A%A4%ED%8A%B8..

타입을 선언하는 데에는 두가지 방법이 있습니다. type Tstate = { name: string; captial: string; } interface IState { name: string; capital: string; } 대부분의 경우에는 타입을 사용해도 되고 인터페이스를 사용해도 됩니다. 하지만 타입과 인터페이스에 존재하는 차이를 분명하게 알고, 같은 상황에서는 동일한 방법으로 명명된 타입을 정의해 일관성을 유지해야 합니다. 비슷한 점 명명된 타입은 인터페이스, 타입 둘다 차이가 없다. 둘 다 모두 추가 속성과 함께 할당한다면 동일한 오류가 발생합니다. const test: TState = { name: 'name', capital: 'capital', population: 500_000 // ..