jujube0 - mysetting

3:10 5/30

velog.io

mobile screenshot relative

3:10

velog.io

mobile screenshot

jujube0
https://velog.io/@jujube0

개발블로그

저작도구: velog

최종 피드 수집: 2025-01-11 16:46

전체 (48)

1d

SwiftUI로 인스타그램 탐색창 구현하기 with custom layout

인스타그램 탐색창
이렇게 생긴 인스타그램 탐색창을 SwiftUI로! 만들어보려고 한다.
분석
(1x1인 정사각형 네 개) + (1x2인 직사각형 하나) 로, 총 다섯개의 아이템으로 구성된 레이아웃이 반복된다.
같은 레이아웃이 반

000

1y

SwiftUI로 핀터레스트 화면 구현하기

UI
기본 구조
ScrollView {
HStack {
LazyVStack { ... }
LazyVStack { ... }
}
}
Managing user interface state
뷰 내에서 view model을 s

000

2y

SwiftUI로 네이버웹툰 상단 배너 만들기

네이버 웹툰의 상단 배너
무한 스크롤
상단 이미지는 스크롤되지 않으면서 하단의 타이틀만 스크롤됨
자동 스크롤
drag gesture
겉보기에는 스크롤이 되는 것처럼 보이지만 scroll은 disable 시키고 drag gestur

002

2y

4. Combine: Publisher와 Subscriber (2)

Custom Publisher
Publisher 프로토콜을 직접 구현하는 대신 Combine 프레임워크가 제공하는 타입들을 이용하면 간편하게 Custom Publisher를 구현할 수 있다.
1. Subject
Subject 는

000

2y

3. Combine: Publisher와 Subscriber

Publisher와 Subscriber
Publisher는 시간에 따라 변화하는 값들을 전송해주는 프로토콜이다. 값을 하나만 전달해줄 수도 있고, 여러개 전달해줄 수도 있다. 하나도 전달하지 않을 수도 있다.
Publisher는

000

2y

2. Combine이란?

Combine이란?
combine은 asynchronous event를 처리하는 방법이다. (asynchrony는 앱의 main flow와 무관하게 진행되는 이벤트를 이야기한다.) 직접 thread를 조작하지는 않지만, 네트워크

000

2y

1. Grand Central Dispatch

concurrency는 여러 작업들이 동시에 일어나는 것을 이야기한다. asynchronous function은 concurrency를 구현하기 위한 방법 중 하나이다. 오래 걸리는 작업들을 함수에 넣어두고, 함수를 호출하면 함수

000

2y

safe decoding of enum

Problem
Codable synthesis for Swift enums
Optional&Decodable 로 정의된 enum을 decoding할 때, case로 정의되지 않은 String이 들어있는 경우 에러가 나게 된다.

000

3y

query parameter로 JSON object 또는 배열 받기

원래 query parameter와 path parameter는 기본적으로 key-value 형태로 이루어져있다. 주로 value로 이용되는 것은 number, string 등 기본 타입이다.
그렇다면, 기본 타입 이외에 다른 타

000

3y

Typeorm으로 Many-to-Many with custom property 구현하기

시작하기
typeorm에서 Relation을 표현하는 방법은 기본적으로 굉장히 간단하다. @OneToMany, @ManyToMany 등 데코레이터를 이용하면 Relation이 생성되고 @JoinTable() 데코레이터를 이용하여

000

3y

NestJS

nestjs 공식문서를 참고하였다.
기본적으로 어떤 요소들이 존재하는지 확인하기 위함이다.
예시 소스 코드는 https://github.com/jujube0/nest-study 에서 확인 가능하다.
Overview
Control

000

3y

NestJS로 REST API 만들기

nest 공식 강의를 참고하였으며,
소스코드는 https://github.com/jujube0/nest-study 에서 확인 가능하다.
시작하기
새로운 프로젝트 만들기 : nest new {project-name}
모듈 생성하기

004

3y

2021 카카오 채용연계형 인턴십

미로 탈출
추가 테스트 케이스
제가 만든 추가 테스트 케이스를 공유합니다.
전체 코드
from collections import deque
import heapq as hq
def solution(n, start, end, roa

007

3y

Typescript : functions

함수를 정의하는 방법
Function type expression
함수를 정의하는 가장 간단한 방법
화살표 함수와 유사하다.
첫번째 greeter 함수는 string type의 a라는 하나의 parameter를 가지면서 retu

001

3y

Typescript : Narrowing

Typescript document의 Narrowing 파트를 참고하였다.
위의 코드에서 padding 이라는 변수에 주목하자. padding은 number 또는 string 값을 갖는 유니언 타입으로 선언되었는데, 실제 함수 내

003

3y

TypeScript : Everyday Types

타입스크립트 documentation의 Handbook-Everyday Types
Enum
를 참고하였다.
자바스크립트에 존재하는 여러 타입들과, 타입스크립트로 이를 이용할 수 있는 방법에 대해 공부해보자.
Arrays
num

001

3y

TypeScript : The Basics

Typescript documentation의 Handbook-The Basics ,
2.0 release note,
위키의 Type System
글을 참고하였다.
타입스크립트는 자바스크립트에 타입 시스템 을 지원한다.
타입 시

001

3y

TypeScript : 시작하기

Typescript 복습을 시작했다.
Typescript Documentation을 참고하였다.
시작하기는 Typescript For Javascript Programmers 항목을 참고하였다.
Typescript는 기본적으로 J

001

3y

데이터베이스

데이터베이스?
특정 조직의 여러 사용자가 _공유_하여 사용할 수 있도록 _통합_해서 _저장_한 _운영_데이터의 집합
데이터베이스의 특징
사용자의 데이터 요구에 실시간으로 응답할 수 있어야 하며, → 실시간 접근성
동적인 특징이 있

001

3y

네트워크 정리

네트워크
OSI 7 계층
OSI 7 계층을 나누는 이유? 표준화! 하나의 표준 규격을 규정화하여 서로 다른 회사의 기계들 간 통신이 원활하게 이루어질 수 있도록, 업체 및 개발자가 만드는 디지털 통신 제품과 소프트웨어 프로그램이

001