본문 바로가기

분류 전체보기342

[프로그래머스][Level2]전화번호 목록 문제 설명 전화번호부에 적힌 전화번호 중, 한 번호가 다른 번호의 접두어인 경우가 있는지 확인하려 합니다. 전화번호가 다음과 같을 경우, 구조대 전화번호는 영석이의 전화번호의 접두사입니다. 구조대 : 119 박준영 : 97 674 223 지영석 : 11 9552 4421 전화번호부에 적힌 전화번호를 담은 배열 phone_book 이 solution 함수의 매개변수로 주어질 때, 어떤 번호가 다른 번호의 접두어인 경우가 있으면 false를 그렇지 않으면 true를 return 하도록 solution 함수를 작성해주세요. 제한 사항 phone_book의 길이는 1 이상 1,000,000 이하입니다. 각 전화번호의 길이는 1 이상 20 이하입니다. 같은 전화번호가 중복해서 들어있지 않습니다. 입출력 예제 ph.. 2021. 4. 20.
[Kotlin] 음악 재생 어플리케이션 만들기(프로그래머스 과제) 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 프로그래머스에서 참여 가능한 안드로이드 어플리케이션 과제에 참여하였다. API 호출을 이용해서 JSON 타입의 음악 정보를 수신하여, 음악 재생 기능을 수행한다. 페이지는 음악 재생 화면과 전체 가사보기 화면과 같이 두 개의 화면으로 구성되어 있다. 음악 재생 화면에서는 음악의 제목, 앨범명, 아티스트명, 앨범 아트와 현재 재생 중인 가사를 나타내는 작은 가사화면이 있다. 하단의 재생바를 이용해서 재생 구간을 변경할 수 있으며, 전체 가사보기 화면은 Seek 모드 On/Off에 따라서 화면 구성이 달라진다. .. 2021. 4. 16.
[React.js] react-leaflet Tooltip에 EventHandler 구현하기(interactive Option) react-leaflet의 Marker는 기본적으로 Interactive Layer로 동작하여, 클릭하면 PopUp 메세지를 띄울 수 있다. Tooltip은 보통 Marker를 설명하는 말풍선 느낌으로 사용하는데, Tooltip을 클릭할 시 다른 화면을 띄우고 싶었다. React API를 참고하면 Tooltip에 아래와 같은 Option을 확인할 수 있다. 이 중 interactive의 값을 true로 하면 해당 컴포넌트를 Interactive Layer로 적용한다. 아래는 React API에 설명되어 있는 Interactive Layer에 대한 설명으로, Interactive Layer는 click이나 mouseover와 같은 마우스 이벤트를 다룰 수 있는 레이어이다. 사용할 수 있는 이벤트 종류는 사.. 2021. 4. 9.
헤로쿠(Heroku)로 Node.js 호스팅하기 2022년 11월 28일 이후부터는 유료화가 되었습니다.. Bye Heroku 원래는 Node.js 무료 호스팅 방법으로 Firebase를 이용하고는 했었다. 하지만 최근에 Firebase spark 요금제에서 Cloud Functions 서비스를 종료하는 바람에 무료 호스팅이 불가능하게 되었다.. 자세한 내용은 아래 내용을 참고한다. Firebase spark 요금제 Cloud Functions 서비스 종료 Spark 요금제에서 Cloud Functions를 더 이상 이용할 수 없다. 2020년 6월 22일부터 Cloud Functions에서 Node.js Version 10을 사용하려면 Blaze 요금제를 사용하도록 했다. Spark 요금제로 Cloud Functions을 사.. doqtqu.tist.. 2021. 4. 7.
[React.js] 'Class Component' Vs 'Functional Component' React Component에는 Class형과, Function형 두 가지가 존재한다. 두 컴포넌트를 코드를 이용해서 분석해보자. 1. Rendering JSX JSX란? JSX란 JavaScript XML의 약자로, JavaScript를 확장한 문법이다. React에서는 이벤트가 처리되는 방식, 시간에 따라 state가 변하는 방식, 화면에 표시하기 위해 데이터가 준비되는 방식 등 렌더링 조직이 본질적으로 다른 UI 로직과 연결된다는 사실을 받아들인다. React는 별도의 파일에 마크업과 로직을 넣어 기술을 인위적으로 분리하는 대신, 둘 다 포함하는 "컴포넌트"라고 부르는 느슨하게 연결된 유닛으로 관심사를 분리한다. React는 JSX 사용이 필수가 아니지만, 대부분의 사람은 JavaScript 코드 .. 2021. 3. 26.
Firebase spark 요금제 Cloud Functions 서비스 종료 Spark 요금제에서 Cloud Functions를 더 이상 이용할 수 없다. 2020년 6월 22일부터 Cloud Functions에서 Node.js Version 10을 사용하려면 Blaze 요금제를 사용하도록 했다. Spark 요금제로 Cloud Functions을 사용하기 위해서 Node Version을 8로 다운그레이드 하는 편법을 사용했지만, 2021년 3월 15일부터는 Cloud Functions에서 Node.js Version 8 사용이 아예 불가능하게 바뀌었다. 아래는 Node.js version 8에서, firebase deploy --only functions로 functions deploy시 발생하는 오류 Deploys to runtimes below Node.js 10 are no.. 2021. 3. 25.

티스토리툴바