윈컴이의 컴퓨터 이야기

[Next.js] getStaticProps, getServerSideProps with TypeScript

윈컴이 — Tue, 6 Dec 2022 21:06:43 +0900

https://nextjs.org/docs/basic-features/data-fetching/get-server-side-propsNext.js에서 데이터를 가져올 때 사용하는 방식 중 getServerSideProps와 getStaticProps를 TypeScript로 작성한 예제 코드를 찾기 힘들어 간단히 정리해보았습니다. getStaticProps 빌드 시(npm run build) 한 번만 호출되기 때문에 빌..

Vercel에 커스텀 도메인 연결하기

윈컴이 — Tue, 6 Dec 2022 02:26:00 +0900

이전 글에서 Vercel로 Next.js 프로젝트를 배포하는 방법을 알아보았습니다. 이번에는 배포한 프로젝트에 도메인을 연결하는 방법을 정리하였습니다. Vercel 대시보드의 메뉴에 있는 도메인 화면으로 들어가 Add 버튼을 클릭합니다. Buy를 누르면 구매도 가능하지만 다른 곳에 비해 가격이 비싸므로 저는 타 도메인 업체인 호스팅케이알에서 구매한 도메인을 연결해보겠습니다. 도메인 연결을 원하는 프로젝트를 선택하고 CONTINUE 버튼을 누릅니다. ..

[Swift] IteratorProtocol

윈컴이 — Tue, 6 Dec 2022 02:06:03 +0900

protcol IteratorProtocol { associatedtype Element mutating func next() -> Element? } IteratorProtocol은 Sequence 프로토콜과 강력히 연결되어있다. for-in 루프를 사용할 때 그 타입의 이터레이터를 사용한다. (예: Array, Set) let animals = ["Antelope", "Butterfly", "Camel", "Dolphin"]..

[Swift] 범위 연산자

윈컴이 — Tue, 6 Dec 2022 02:03:59 +0900

가끔 범위 연산자를 사용할 때가 있는데, 그때마다 닫힌 범위와 열린 범위를 어떻게 사용하는지 헷갈려서 공식 문서에서 찾아 정리하였다. Closed Range Operator for index in 1...5 { print(index) } // 1 // 2 // 3 // 4 // 5 Half-Open Range Operator let names = ["Anna", "Alex", "Brian", "Jack"] let count = names.count..

[Swift] @MainActor 가볍게 보기

윈컴이 — Tue, 6 Dec 2022 01:56:07 +0900

최근에 샘플 프로젝트에 @MainActor 키워드가 있어서 한번 찾아보았다. @MainActor는 메인 큐를 사용하는 글로벌 액터라고 한다. @MainActor로 마크된 메소드는 항상 메인큐에서 실행되기 때문이다. UI를 수정하기에 안전하다고 한다. 2개의 @Published를 가진 Observable Object를 생성할 수 있다. 둘 다 모두 값이 변경되면 UI 업데이트를 할 예정이기 때문에 UI 업데이트가 메인 엑터에서 일어나길 항상 보장..

[Swift] 기존 비동기 코드를 Async, Await으로 쉽게 변경하기

윈컴이 — Tue, 6 Dec 2022 01:50:37 +0900

func getImage(completion: @escaping (UIImage?) -> Void) { // 이미지를 가져오는 코드 completion(nil) } getImage { [weak self] image in self?.artworkImageView.image = image } 위와 같은 코드가 있다고 생각해봅시다. 이 코드를 하위호환성을 유지하면서 Async, Await도 사용하기 위해 어떤 식으로 코드를 작성해야할까..

Vercel로 Next.js 프로젝트 배포하기

윈컴이 — Tue, 6 Dec 2022 01:39:38 +0900

Next.js 프로젝트를 쉽게 배포할 수 있는 서비스인 Vercel을 이용하여 프론트엔드 프로젝트를 배포해보았습니다. Vercel은 Heroku와 비슷한 서비스라고 생각하시면 됩니다. Vercel 사이트에 회원가입을 하고 배포를 원하는 Git 서비스를 선택합니다. 만약 해당하는 서비스가 없으면 Import Third-Party Git Repository를 선택합니다. 배포를 원하는 레포지토리를 선택한 후 Import를 클릭합니다. Vercel에서 ..

나무뷰어 앱으로 알아보는 앱스토어 앱 리젝 사례

윈컴이 — Mon, 5 Dec 2022 09:00:47 +0900

최근 나무위키 사이트의 변경으로 나무뷰어 앱의 몇몇 기능이 작동되지 않아 업데이트 후 앱스토어에 심사를 올렸습니다. 하지만 몇몇 부분에서 문제가 있다며 앱 업데이트가 거절되었는데요. 어떤 부분에서 거절되었는지, 이를 어떻게 해결하였는지 정리해보았습니다. Google Play 링크가 존재하면 안됩니다. Guideline 2.3.10 - Performance - Accurate Metadata We noticed that your submission i..

GitHub에 XE 애드온을 등록하였습니다.

윈컴이 — Tue, 15 Nov 2016 20:36:47 +0900

No Act!사용하지 않는 페이지(act)를 차단하는 XE 애드온입니다.GitHub: https://github.com/wincomi/xe-no-actXE 공식 자료실: https://www.xpressengine.com/index.php?mid=download&package_id=22753846301 Moved Permanently원하는 모듈에 "HTTP/1.1 301 Moved Permanently" 헤더를 표시하며, 원하는..

애플 뮤직, 한국 서비스 시작... 한달에 8달러

윈컴이 — Fri, 5 Aug 2016 11:37:49 +0900

애플 뮤직이 8월 5일부터 한국에서 서비스를 시작하였습니다.개인은 한 달에 7.99달러, 가족(6명)은 11.99달러입니다.첫 사용자는 애플 뮤직을 3개월 동안 무료 체험을 하실 수 있습니다.^{윈도우 7 화면 보호기 설정하기
윈컴이 — Mon, 25 Jul 2016 17:20:53 +0900
바탕화면에서 마우스 오른쪽 버튼을 눌러 나오는 메뉴에서 개인 설정 을 클릭합니다.개인 설정 창 아래에 있는 화면 보호기를 클릭합니다.자신이 원하는 화면 보호기를 선택하시고 적용을 누릅니다.

이 글은..

2011.09.13 17:01 첫 발행
2016.07.25 17:20 수정 및 2차 발행

윈도우 7 바탕 화면에 내 문서 등의 기본 아이콘 추가하기
윈컴이 — Mon, 25 Jul 2016 17:09:21 +0900
바탕화면에서 마우스 오른쪽 버튼을 눌러 나오는 메뉴에서 개인 설정을 클릭합니다.왼쪽 사이드바의 바탕 화면 아이콘 변경을 클릭하세요.바탕 화면 아이콘 설정 창의 바탕 화면 아이콘 탭에서 컴퓨터, 문서, 네트워크 등을 체크한 후 확인 버튼을 클릭합니다.

이 글은..

2011.07.03 15:07 첫 발행
2016.07.25 17:09 수정 및 2차 발행

윈도우 7 바탕화면 배경 변경하기
윈컴이 — Mon, 25 Jul 2016 17:01:18 +0900
바탕화면에서 마우스 오른쪽 버튼을 눌러 나오는 메뉴에서 개인 설정을 클릭합니다.아래에 보이는 바탕 화면 배경을 클릭합니다.자신이 원하는 배경으로 변경합니다.

이 글은..

2011.07.09 13:36 첫 발행2016.07.25 17:01 수정 및 3차 발행

윈도우 7 기본 테마의 색 변경하기
윈컴이 — Fri, 22 Jul 2016 19:17:17 +0900
이 글은 Aero 기반 테마의 창 색을 변경하는 방법을 소개합니다.바탕화면 오른쪽 마우스 - 개인 설정맨 아래 중간에 있는 창 색을 클릭합니다.원하는 색을 클릭한 후, 변경 내용 저장을 클릭합니다.변경되었습니다.

이 글은..

2011.07.07 23:19 첫 발행
2011.09.13 2차 발행
2016.07.22 19:16 수정 및 3차 발행

윈도우 7 화면 해상도 변경하기
윈컴이 — Thu, 21 Jul 2016 11:00:33 +0900
제어판에서 모양 및 개인 설정 - 화면 해상도 조정을 클릭합니다. (보기 기준에서 범주로 바꿔줍니다.)해상도를 선택하여 원하는 해상도로 변경합니다.디스플레이 설정을 유지하겠습니까? 라는 메세지박스가 나오면 변경한 설정 유지를 누릅니다.
이 글은...

과거 이 블로그의 글을 정리 후 재발행하는 글입니다.
2011.07.14 17:48 최초 발행
2016.07.21 11:00 수정 및 2차 발행

티스토리 초대장을 배포합니다
윈컴이 — Mon, 18 Jul 2016 11:22:25 +0900
안녕하세요. 윈컴이입니다.이번에 블로그를 다시 들어오면서 남은 티스토리 초대장 5장을 배포합니다.신청을 위해서 비밀 댓글로 초대장을 받을 이메일 주소와 운영하려고 하는 블로그를 간단히 설명해주세요. 만약 기존에 운영했던 블로그가 있으시다면 그 주소를 알려주세요. 하나 더, 저의 한글 닉네임과 영어 닉네임을 댓글 내용에 추가해주세요.오늘(2016.07.18) 오후 10시까지 신청해주신 분들 중 적절하게 댓글을 달아주신&..

윈도우 7 입력 도구 모음 없애기
윈컴이 — Mon, 18 Jul 2016 10:15:20 +0900
▼ 버튼을 누르고 설정을 누릅니다.
입력 도구 모음 탭을 클릭한 후, 숨김을 선택합니다.
이 글은...

과거 이 블로그의 글을 정리 후 재발행하는 글입니다.
2012.01.15 19:47 최초 발행
2016.07.18 10:15 수정 및 2차 발행}