Heo Seoyeong

UIScrollView Infinite Paging

Wed, 08 May 2019 11:38:00 +0000

원하는 영역에 ScrollView와 StackView를 구현한다.
StackView에 뷰를 3개 넣는다. (preView, currentView, nextView)
초기엔 currentView를 보게끔 ‘self.scrollView.setContentOffset’를 설정해준다.

self.scrollView.setContentOffset(CGPoint(x: width, y: 0), animated: false)

데이터가 총 max개 있다고 가정할때 현재 StackView에 있는 데이터는 { preView: max-1, currentView: 0 (현재 보고있는 곳) , nextView: 1 } 이렇게 된다. 다음 화면으로 넘기게 되면 currentView를 보고 있는데 nextView를 보게 된다. { preView: max-1, currentView: 0, nextView: 1 (현재 보고있는 곳) } 이 시점을 인식하여 다시 currentView를 보게 하고 데이터를 하나씩 옆으로 밀어준다. ( preView: 0, currentView: 1 (현재 보고있는 곳) , nextView: 2 ) 이전 화면으로 넘기는 경우도 동일하다.

private var currentIndex: Int = 0

private func scrollViewDidScroll(_ scrollView: UIScrollView) {
    if scrollView.contentOffset.x == width * 2 {
        self.nextIndex()
        self.setSubview(by: self.currentIndex)
        scrollView.setContentOffset(CGPoint(x: width, y: 0), animated: false)
    }
    if scrollView.contentOffset.x == 0 {
        self.preIndex()
        self.setSubview(by: self.currentIndex)
        scrollView.setContentOffset(CGPoint(x: width, y: 0), animated: false)
    }
}

// StackView에 있는 subview의 데이터를 변경해주는 함수
private func setSubview(by index: Int) {
    self.subViews[0].set(by: self.store(by: index - 1))
    self.subViews[1].set(by: self.store(by: index))
    self.subViews[2].set(by: self.store(by: index + 1))
}

// 데이터 범위를 넘는 오류에 대한 처리 (index 변경)
private func nextIndex() {
    var index = self.currentIndex + count
    if index >= self.storage.numberOfItem {
        index -= self.storage.numberOfItem
    }
    self.currentIndex = index
}

private func preIndex() {
    var index = self.currentIndex - count
    if index < 0 {
        index += self.storage.numberOfItem
    }
    self.currentIndex = index
}

그 외 사용된 코드들

private let scrollView: UIScrollView = {
    let scrollview = UIScrollView()
    scrollview.showsVerticalScrollIndicator = false
    scrollview.showsHorizontalScrollIndicator = false
    scrollview.isPagingEnabled = true
    scrollview.clipsToBounds = false
    scrollview.contentInset = UIEdgeInsets(top: 0, left: -16.0, bottom: 0, right: -16.0)
    return scrollview
}()

private let stackView: UIStackView = {
    let stackView = UIStackView()
    stackView.axis = NSLayoutConstraint.Axis.horizontal
    stackView.distribution = UIStackView.Distribution.fill
    stackView.alignment = UIStackView.Alignment.center
    stackView.spacing = 0.0
    return stackView
}()

private let subViews: [StoreBestListViewCell] = {
    var subViews = [StoreBestListViewCell]()
    for _ in 0..<3 {
        subViews.append(StoreBestListViewCell())
    }
    return subViews
}()

override func setupViews() {
    self.addSubview(self.scrollView)
    self.scrollView.addSubview(self.stackView)
    self.addSubview(self.allButton)
}

override func setupConstraints() {
    self.scrollView.snp.makeConstraints { (make) in
    	make.top.equalTo(self.titleLabel.snp.bottom).offset(24.0)
		make.left.equalToSuperview().offset(16.0)
		make.right.equalToSuperview().offset(-16.0)
	 	make.height.equalTo(height)
    }

	self.stackView.snp.makeConstraints { (make) in
		make.left.right.bottom.top.equalToSuperview()
	}
}

func set(by group: CustomGroupForm) {
    self.storage = GroupStorage(group: group)
    self.addStackSubviews()
    if self.storage.numberOfItem > 1 {
        self.scrollView.setContentOffset(CGPoint(x: width * 2, y: 0), animated: false)
    }
}

private func addStackSubviews() {
    for subview in self.subViews {
        self.stackView.addArrangedSubview(subview)
        subview.snp.makeConstraints { (make) in
            make.height.equalTo(height)
            make.width.equalTo(UIApplication.screenWidth()-32.0)
        }
    }
    self.currentIndex = 0
    self.setSubview(by: self.currentIndex)
}

ScrollView Paging Size Tip

Tue, 07 May 2019 19:08:00 +0000

스크롤뷰에서 scrollview.isPagingEnabled = true 를 하게 되면 페이징 기능을 이용할 수 있다. 이 페이징의 사이즈는 스크롤 뷰의 사이즈와 동일하다.

이전, 이후의 뷰가 조금씩 보여지는 디자인일 경우에는 페이징 하게되면 전체 페이지가 넘어가기 때문에 조금 수정을 해야한다.

찾아본결과 여러가지 방법이 있었지만 그중 가장 괜찮은 방법은 scrollview.clipsToBounds = false 를 주고, scrollview.contentInset = UIEdgeInsets(top: 0, left: -16.0, bottom: 0, right: -16.0) 을 설정하여 범위 밖으로도 스크롤 뷰가 보여지게 구현하는 것이다. 실제 scrollview 너비는 화면보다 32 작은 크기이지만, 보기에는 화면 너비와 동일하게 보인다. 이렇게 하게 되면 페이징은 scrollview의 너비를 따르기 때문에 안에서 이동을 한다.

아래는 적용된 코드인데 무한 스크롤과 같이 사용하였다.

scrollview.clipsToBounds = false
scrollview.contentInset = UIEdgeInsets(top: 0, left: -16.0, bottom: 0, right: -16.0)

private let width: CGFloat = UIApplication.screenWidth() - 32.0
private let height: CGFloat = (UIApplication.screenWidth() - 48.0) * 200 / 327 + 90.0

self.scrollView.setContentOffset(CGPoint(x: width, y: 0), animated: false)

self.scrollView.snp.makeConstraints { (make) in
    make.top.equalTo(self.titleLabel.snp.bottom).offset(24.0)
    make.left.equalToSuperview().offset(16.0)
    make.right.equalToSuperview().offset(-16.0)
    make.height.equalTo(height)
}

self.stackView.addArrangedSubview(view)
view.snp.makeConstraints { (make) in
	make.height.equalTo(height)            
	make.width.equalTo(UIApplication.screenWidth()-32.0)
}

func scrollViewDidScroll(_ scrollView: UIScrollView) {
	let pageIndex = Int(round(scrollView.contentOffset.x/UIApplication.screenWidth()))
	if pageIndex == self.storage.numberOfItem + 1 {
		scrollView.setContentOffset(CGPoint(x: width, y: 0), animated: false)
	}
	if pageIndex == 0 {
	    let contentX = width * CGFloat(self.storage.numberOfItem)
	    scrollView.setContentOffset(CGPoint(x: contentX, y: 0), animated: false)
	}
}

스토리보드 없이 시작하기

Fri, 03 May 2019 15:23:00 +0000

AppDelegate.swift 의 didFinishLaunchingWithOptions 에 처음 보여줄 VC를 연결한다.

self.window = UIWindow(frame: UIScreen.main.bounds)
self.window?.rootViewController = MainVC()
self.window?.makeKeyAndVisible()

App -> General -> Deployment Info -> Main Interface 에 main을 지워준다
Main.storyboard를 삭제한다.
추가 (네비게이션을 추가하고 싶을 때)

self.window = UIWindow(frame: UIScreen.main.bounds)

let rootVC = MainVC()
let naviVC = UINavigationController(rootViewController: rootVC)
self.window?.rootViewController = naviVC
self.window?.makeKeyAndVisible()

이렇게하면 실행할때 window의 rootViewController로 설정된 VC로 시작한다.

Infinite CollectionView

Mon, 29 Apr 2019 08:43:59 +0000

CollectionView 를 이용한 무한 페이징 코드입니다.

let arrays = ["a", "b", "c', "d"] 

갯수는 arrays + 4 개를 할당합니다.

func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
return arrays.count + 4
}

사이즈는 원하는 대로

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
let width = UIApplication.screenWidth() - 32.0
let height: CGFloat = (UIApplication.screenWidth() - 32.0) * 100.0/343.0
return CGSize(width: width, height: height)
}

Cell에 데이터를 할당하는 부분인데 여기서는 앞 2개를 마지막 데이터, 뒤 2개를 0번째 데이터를 넣습니다. Index로 표현하면 ( 4, 4, 0, 1, 2, 3, 4, 0, 0 ) 이런식으로

func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
guard let cell = collection.dequeueReusableCell(withReuseIdentifier: "SlideImageCell", for: indexPath) as? SlideImageCell else {
return UICollectionViewCell()
}
if indexPath.row == 0 || indexPath.row == 1 {
cell.label.text = arrays[arrays.count - 1]
} else if indexPath.row == arrays.count + 2 || indexPath.row == arrays.count + 3 {
cell.label.text = arrays[0]
} else {
let row = indexPath.row - 2
cell.label.text = arrays[row]
}
return cell
}

이 코드는 Cell 간의 간격을 0으로 만들어주는 코드입니다.

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, minimumLineSpacingForSectionAt section: Int) -> CGFloat {
return 0
}

willDisplay를 이용하여 마지막 셀로 이동하는 순간 바로 indexPath.row = 2인 셀로 이동을 하고 반대로 처음 셀로 이동하는 순간에는 indexPath.row = arrays.count + 1 로 이동합니다.

func collectionView(_ collectionView: UICollectionView, willDisplay cell: UICollectionViewCell, forItemAt indexPath: IndexPath) {
if indexPath.row == arrays.count + 3 {
collection.scrollToItem(at: IndexPath(item: 2, section: 0), at: .left, animated: false)
}
if indexPath.row == 0 {
collection.scrollToItem(at: IndexPath(item: arrays.count+1, section: 0), at: .right, animated: false)
}
}

앞뒤로 1개씩이 아닌 2개씩 주는 이유는 willDisplay 함수가 셀을 이동하기 전에 호출이 되어 애니메이션이 자연스럽지 않아 1번은 자연스럽게 이동하고 다음 2번은 바로 화면이 전환 되는 식으로 하기 위해 2개를 주었습니다.

아마 이부분은 추가로 수정해야할것 같습니다.

앱을 재시작하기

Thu, 04 Apr 2019 15:23:00 +0000

앱을 재 시작 하고 싶을 땐

UIApplication.shared.keyWindow?.rootViewController = MainVC()

를 하면 처음 화면으로 돌아간다.

탭바 숨기기

Fri, 29 Mar 2019 08:43:59 +0000

탭바를 숨길 때 해당 뷰에서

self.tabBarController?.tabBar.isHidden = true

를 하게 되면 네비게이션 제스쳐 할 때 탭바는 지워지지만 영역은 남게된다,

이러한 문제를 해결하기 위해 찾아본 결과 화면을 전환할때 ‘hidesBottomBarWhenPushed’ 를 이용하면 깔끔하게 숨길수 있다.

let nextVC = NextVC()
nextVC.hidesBottomBarWhenPushed = true
self.navigationController?.pushViewController(nextVC, animated: true)

원티드랩에서 이야기하는 통과잘되는 이력서 작성법 (신입/경력 포함)

Fri, 19 Jan 2018 00:00:00 +0000

이력서 & 포트폴리오 작성법 1

주제 : 원티드랩에서 이야기하는 통과잘되는 이력서 작성법 (신입/경력 포함)
참고 : 원티드랩에서 이야기하는 통과잘되는 이력서 작성법 (신입/경력 포함)
시간 : 2017. 01. 19.

아래의 내용은 원티드랩에서 이야기하는 통과잘되는 이력서 작성법의 자료를 보고 제 방식대로 요약한 것입니다.

part1. 기본정보 & 경력 & 프로젝트

기본정보 기본정보 쓰는 건 어렵지 않다. 설마 이 단계에서도 주의할 점이 있을까?
이메일 주소는 매일 확인하는 것으로 넣어라. 전화번호도 제대로 확인해라
선입견을 가질 수 있는 정보는 모두 뺐다 (원티드는)  간단한 자기소개는 개발 직군의 경우 자기가 해왔던 기술, 주력적으로 사용하는 언어를 쓰면 좋음, 지원한 포지션과 관련한 프로젝트를 했다면 언급하고, 출시한 앱 중심으로 써라
3~5줄 권장 너무 길면 가독성이 떨어진다. 내보일 수 있는 나의 강점을 간략하게 요약, 이력서를 수십 개 보기때문에 간략하면서도 본인의 강점 어필할 수 있는 이력서

경력
반드시 최신순으로 정리, 기업에서도 부서가 어딘지 써주면 좋다. 정확한 역할 파악이 가능하기 때문에, 잘 모르는 기업이라면 간단히 기업 정보를 넣어도 좋다.
인턴 동아리를 제외하고는 필수는 아니다. 오히려 안좋을수도

프로젝트
기업 담당자에게 어필할 수 있는것 중심으로
기간은 프로젝트의 크기를 가능할 수 있는 척도이니 꼭 명시,
프로젝트의 개요, 자신의 역할, 성과, 기여도 (구체적인 성과를 꼭 쓰자 수치화된)
구분점을 사용하여 간결하게 써라

part2. 학력 & 수상 및 기타 & 외국어 & 링크

학력을 쓸때 위조를 하면 안된다.
래퍼런스 있다면 한 두명 정도 넣으면 좋다. 이름 관계 연락처 정도와 함께
업무적으로 어떤 결과물을 만들어 냈는지 보여주는 사이트를 링크하는 게 핵심이다.

part3. 그 외에 궁금한 것

파일명을 일반적으로 [기업명 포지션 이름] 그러나 여러 회사 지원할 땐 [이름 이력서] [이름 경력기술서] 이렇게 하는 것도 괜찮
4장 정도가 적당 이력서만은 2장정도가 적당
거짓말은 절대 안되고 희망연봉은 면접을 진행하면서 자연스럽게 이야기하는 편이 낫다.
서술형 보다는 소제목을 넣으면 좋다 [열린 사고방식을 가진 사람] 하고 그 아래에 내용을 쓰는 것
무조건 PDF

짧은 시간에 본인의 강점을 효과적으로 어필할 수 있는 이력서
간결하고 정확한 정보가 담긴 이력서.

Resume 1st

Fri, 12 Jan 2018 00:00:00 +0000

Resume 제작 1일차

주제 : 주니어 개발자 이력서 만들기! 장소 : Filament(필라멘트 스터디 카페) 건대점
시간 : 2017. 01. 12. 19:00 ~ 23:00

참고 자료

git 명령어 정리

Mon, 11 Sep 2017 00:00:00 +0000

1 git 처음 사용할 때

git 설치
git init

git config –global –list
git config –global user.name “사용자명”
git config –global user.email “이메일주소”

더하기 : git add “파일명”
커밋 : git commit -m “커밋 내용”
푸쉬 : git push orgin “브랜치명”
클론 : git clone “클론할 주소” “로컬저장소명”

참고 블로그 : https://blog.outsider.ne.kr/572

ELK Seminar

Sat, 26 Aug 2017 00:00:00 +0000

1 Seminar 참석

주제 : ElasticSearch 와 Splunk 를 사용한 데이터 분석과 시각화 (온오프믹스)
장소 : 부산창조경제혁신센터 4층
시간 : 2017. 08. 26. 13:00 ~ 17:00