STUDY (3) 썸네일형 리스트형 정규식을 이용해서 카드 번호 Formatter 만들기 요즘 Payments 과제를 진행 중이다. 과제 도중 카드 번호와, 만료일을 포맷팅 할 필요가 생겨 정규식을 이용해서 구현해 보았다. 구현할 것은 다음과 같다. input : 1234567890123456 output : 1234-5678-9012-3456 유의할 점은 16자리 모두 완성되지 않은 상태에서도 `1234-56` 과 같이 4글자마다 '-'(dash)를 삽입해 주어야 한다는 것이다. 구현에는 두 가지 방식을 모두 이용해 보았다. ### match를 이용한 방법 export const cardSerialNumberFormatter = (serialnumber) => { if (serialnumber.length > 16) return; return serialnumber.match(/[0-9●].. [부스트코스] iOS프로그래밍 4강 - 포토 라이브러리 구현하기 (1) 하루만에 4강을 다 들었다... 친구들이랑 같이 하는데, 다들 멘탈이 나가있어서 구현 하기 좀 무섭.. 암튼 이번 구현 과제의 조건은 앨범앱을 만드는 것이다. 구현하는데 필요한 기술은 Operation Queue, Collection View, data decode 정도 될 것 같다. 화면 1 - 앨범 목록 첫 화면에는 앨범 목록을 구현한다. 화면 구성은 다음과 같다. 네비게이션 아이템 타이틀 : 앨범 컬렉션 뷰를 이용한 앨범의 대표 이미지 뷰. 정사각형 모양으로, 내부의 이미지는 기존 이미지 비율을 유지 앨범의 대표 이미지는 해당 앨범의 가장 최신 사진 이미지 아래 앨범 이름을 보여주어야 함 앨범 이름 아래 앨범에 포함된 사진의 개수를 보여줌 구현 해야 하는 기능은 사진 라이브러리 접근권한 허용 여부를.. [부스트코스] iOS 프로그래밍 3강 - 날씨정보를 보여주는 애플리케이션 제작하기 드디어 3강을 다 들었다. 3강에서는 테이블 뷰와 json 데이터를 활용하는 방법에 대해 학습했다. 해당 기능을 이용하여 구현해야 하는 과제물은 날씨정보를 보여주는 애플리케이션이다. (부스트코스 3강 프로젝트 C) 일단 프로젝트에 필요한 asset에 import해 주었다. asset에 담긴건은 국가 아이콘, 날씨 아이콘, 날씨에 대한 정보였다. 각각 날씨에 대한 정보는, 각각의 json파일로 이루어져있으며, 해당 json파일의 데이터는 다음과 같이 구현되어 있다. 데이터 셋만 봐서는 어디에 어떤 파일을 사용해야하는지 바로 감이 오지는 않았다. 그래도 이것저것 써보라고, 구성되어 보인다. 메인화면 구성하기 우선 가장 첫 화면을 구성하기로 했다. 화면 구성은 테이블 뷰로 이루어져 있고, 셀 왼쪽에는 국기 이.. 이전 1 다음