우주개발자 블로그

프로그래밍 언어 (38)

Flutter로 개발한 앱 플레이스토어(Play Store)에 배포하기 (1) - 런처 아이콘 만들기

프로그래밍 언어/Flutter 우주개발자(SpaceDev) 2020. 5. 17. 03:00

Flutter로 개발한 앱 플레이스토어(Play Store)에 배포하기 시리즈 새로 생성된 Flutter 앱의 아이콘은 기본 런처 아이콘으로 설정되어있습니다. 그렇기 때문에 플레이스토어에 배포할 시 기본 런처 아이콘을 변경해 줄 필요성이 존재합니다. 이번편은 런처 아이콘을 추가하는 방법에 대해서 알아보도록 하겠습니다. 런처 아이콘 만들기 App Icon Generator Generate icons and images for mobile apps, android and iOS. No need to upload or download. Works on your browser appicon.co 먼저 위 링크에 접속합니다. 위 사이트를 이용하면 앱 아이콘을 만드는 것에 대한 공수를 줄일 수 있습니다. 처음 접속..

OpenJDK 14.0.1 설치하는 법

프로그래밍 언어/안드로이드 우주개발자(SpaceDev) 2020. 5. 16. 18:45

자 오라클의 JDK가 유료가 되면서 많은 사람들이 OpenJDK를 사용하고 있습니다. OpenJDK는 무료이기 때문에 사람들이 많이 사용하는 것 인데요. 여기 들어온 여러분들은 설치법이 궁금해서 온것을 알기 때문에, 사족은 그만하고 바로 설치법으로 넘어가 보도록하겠습니다. OpenJDK 사이트 접속 OpenJDK Download and install the open-source JDK for most popular Linux distributions. Oracle's free, GPL-licensed, production-ready OpenJDK JDK 14 binaries are at jdk.java.net/14; Oracle's commercially-licensed JDK 14 binaries fo..

next.js 와 typescript를 끼얹어 보자

프로그래밍 언어/웹 프론트엔드 우주개발자(SpaceDev) 2020. 5. 13. 12:00

최근 프론트엔드 생태계는 React, Vue, Angular 이 삼대장이 주류를 이루고 최근 Typescript 또한 각광 받고 있습니다. 저 또한 프론트엔드쪽 일을 자주하는 개발자로써 자연스럽게 이 삼대장 중 React를 자주 접하게 되었고, 최근 Typescript에 관심을 가지게 되었습니다. 하지만 React의 경우 큰 단점이 존재했는데, React는 클라이언트 사이드 렌더링이기 때문에 포털사이트 크롤링 봇들이 React 페이지를 수집하지 못한다는 단점이 존재하고 그로인해 자연스럽게 SEO를 적용할 수 없게 되어졌습니다. 이러한 문제는 서비스를 제공하는 업체한테는 큰 문제이며 심각하게 고민해야 될 문제입니다. 그렇기 때문에 나온게 React에 서버사이드 렌더링을 지원하는 NEXT.JS라는 프레임 워..

next.js에서 Cannot find module ".scss" 에러 해결하기

프로그래밍 언어/웹 프론트엔드 우주개발자(SpaceDev) 2020. 5. 12. 08:30

최근 next.js로 웹 페이지를 만들려고 계획중에 있고 프로젝트를 환경을 구성하고 있습니다. 그러던 중에 아래와 같이 scss 모듈을 불러 올 수 없다는 에러가 발생했습니다. Cannot find module './Header.module.scss'. ts(2307) *.module.scss 형식의 스타일 모듈을 찾을 수 없다는 오류인데, 이러한 경우 간단한 설정 추가로 문제를 해결할 수 있습니다. 해결법 next-env.ts 혹은 next 설정 파일에 들어갑니다. 아래의 코드를 넣어줍니다. declare module '*.scss' { const content: { [className: string]: string }; export default content; } 짜잔! 이제 에러가 사라졌습니다. ..

Missing return type on function. (eslint@typescript-eslint/explicit-function-return-type) Warning 해결하기

프로그래밍 언어/웹 프론트엔드 우주개발자(SpaceDev) 2020. 5. 11. 08:30

타입스크립트는 기본적으로 변수 또는 함수에 리턴 형식을 명시해 주어야 합니다. 그리고 이 Typescript를 React와 같이 사용할 때 함수형 컴포넌트는 React.FC라는 형식을 가지게 됩니다. import React from 'react'; import { AppProps } from 'next/app'; function App({ Component, pageProps }: AppProps): React.FC { return ; } export default App; 하지만 타입스크립트에서 함수형 컴포넌트 사용시 React.FC를 사용하지 말라는 글(링크)이 있습니다. 그 이유는 defaultProps가 잘 동작하지 않는 경우가 발생할 수 있기 때문입니다. 그래서 저 또한 React.FC를 사용하..

VSCode에서 발생하는 Delete `␍` eslint (prettier/prettier) 해결방법

프로그래밍 언어/웹 프론트엔드 우주개발자(SpaceDev) 2020. 5. 10. 18:05

Prettier와 ESLint를 프로젝트에 적용하던 중 아래과 같은 오류가 ESLint에서 발생했습니다. Delete `␍` eslint (prettier/prettier) 사실 ESLint에서 발생하는 오류라서 실행은 정상적으로 되지만, 이러한 오류는 엄청 거슬리기 때문에 이러한 오류를 해결하기로 결심했습니다. 가장 간단한 방법으로는 엔드라인 시퀀스를 변경하는 방법입니다. 사진 순서대로 빨간색으로 체크한 부분을 따라가면 문제가 해결됩니다. 하지만 이러한 End Line Sequnce를 인위적으로 수정하는 방식은 근본적인 해결방법이 아닙니다. 또한 모든 파일의 End Line Sequnce가 CRLF이므로 일일히 변경하는 것도 귀찮습니다. 그러므로 근본적인 원인인 ESLint 자체에서 수정을 해주는 방법..

Copyright © 우주개발자 블로그 All Rights Reserved

티스토리툴바