NY's 개발일기

[iOS Simulator] 다른 디바이스 실행하기

developer_ny — Mon, 14 Apr 2025 20:49:22 +0900

1. 시뮬레이터 실행

2. 디바이스 선택 및 실행

윈도우 엣지(Edge) 브라우저에서 IE(Internet Explorer) 실행 및 개발자도구 활용하기

developer_ny — Thu, 13 Jul 2023 23:10:30 +0900

1. Microsoft Edge 다운로드

https://www.microsoft.com/ko-kr/edge/download?form=MA13FJ

Microsoft Edge 다운로드

Edge의 새로운 기능을 가장 먼저 미리 보고 싶으신가요? 참가자 채널은 최신 기능으로 지속적으로 업데이트되므로 지금 다운로드하여 참가자가 되십시오.

www.microsoft.com

2. 상단 더보기에서 'Internet Explorer 모드에서 다시 로드' 를 실행

3. 실행창 띄우기

Win + R / command + R 단축키를 활용하여 실행창을 띄운 뒤, 다음과 같이 입력해준다.

%systemroot%\system32\f12\IEChooser.exe

4. 개발자도구 활용

디버그할 대상을 선택 후, 개발자도구를 활용하여 다양한 작업을 실행할 수 있다.

CTO의 역할

developer_ny — Fri, 19 May 2023 00:34:05 +0900

과거 멘토님께 들었던 CTO의 역할에 대해 간단히 정리해보려한다. 멘토님이 생각하시는 주관적인 의견도 포함되어있다.

1. 채용

문제 해결력이 좋은 사람을 채용한다.

2. 개발

개발문화를 구축한다.
좋은 product를 위해 비즈니스적인 측면을 고려 + 개발자가 개발을 잘 할 수 있도록 돕는다.
주니어 개발자의 커리어 성장을 돕는다.
코드리뷰 문화를 구축한다.
기술 공유
장애 대응 및 체크

[React] TypeScript 프로젝트 생성하기

developer_ny — Tue, 17 Jan 2023 23:08:59 +0900

npx create-react-app project_name --template typescript

cd project_name && npm start

localhost:3000에 접속하여 다음과 같이 정상적으로 실행되는지 확인한다.

[논문] Designing an Encoder for StyleGAN Image Manipulation (E4E)

developer_ny — Mon, 27 Jun 2022 00:39:42 +0900

https://arxiv.org/abs/2102.02766

본 논문에서는 이미지 조작을 성공적으로 수행하기 위한 인코더를 제안한다.

Introduction

이미지 조작을 위해서는 먼저, 주어진 이미지를 latent space로 변환한다.

고품질 inversion을 위해서는 다음 두 가지 측면을 만족해야한다.

1. 재구성 (generator는 inversion을 통해 얻은 style code를 활용하여 주어진 이미지를 적절하게 재구성해야한다.)

- distortion (이미지당 입출력 유사성)

- perceptual quality (재구성된 이미지가 얼마나 현실적인지)

2. 편집 (주어진 이미지의 편집이 잘 수행되어야한다.)

Terminology

본 논문에서는 latent space를 4가지로 구분한다.

1. W (mapping network를 거쳐 뽑을 때의 분포)

2. Wk (mapping network를 거쳐 뽑은 뒤에 레이어 단위로 cross-over 할 때의 분포)

3. W* (모든 레이어가 같은 값이 되도록 latent codes를 최적화할 때의 분포)

4. Wk* (각 레이어가 개별적이도록 latent codes를 최적화할 때의 분포)

k - 각 레이어의 스타일이 개별적으로 다를 수 있는 경우

* - optimization을 통해 값을 변경하는 경우

The GAN Inversion tradeoffs

다음 두 가지 목표를 지키는 인코더를 설계한다.

1. (빨간색 화살표) 대각선(W* 분포)에 가까워지도록

2. (파란색 화살표) 각 좌표가 독립적으로 W 분포에 가까워지기 때문에 latent codes가 Wk에 가까워진다.

Designing an encoder

1. Minimize Variation

style vector간 variance를 낮추기 위해 E(x) = (w, w + ∆1, ..., w + ∆N−1) 형태로 하나의 w와 w에 더할 offset들을 예측하는 방식을 사용한다.

2. Minimize Deviation From Wk

각 레이어의 스타일 벡터가 개별적으로 W 분포를 따르도록 한다.

Total loss

결과적으로 perceptual quality와 editability를 높이는 효과를 기대할 수 있다.

[GitHub] 정적 웹 페이지 호스팅하기

developer_ny — Wed, 4 May 2022 16:51:22 +0900

웹 호스팅이란?

웹 호스팅이란 웹사이트를 올려놓을 인터넷상의 공간을 임대해주는 서비스이다.

GitHub에서는 GitHub Pages를 통해 정적 웹사이트를 호스팅 할 수 있다.

1. Repository 생성하기

다음과 같이 접근 권한을 public으로 하여 레퍼지토리를 생성한다.

2. 정적 파일을 업로드한다.

https://startbootstrap.com/theme/resume 해당 부트스트랩을 다운로드 받아 정적 파일로 활용하였다.

Resume - Free Resume/CV Bootstrap Template - Start Bootstrap

Like our free products? Our pro products are even better! Go Pro Today!

startbootstrap.com

업로드의 경우, Add file을 통해서도 가능하고,

로컬에서 git bash를 실행하여 git init → git remote 등록 → git add → git commit → git push 를 통해서도 가능하다.

3. 웹페이지 호스팅하기

Setting → Pages 탭에서 main Branch를 선택한 후, Save 버튼을 클릭하면 위와 같이 페이지 주소가 발행된다.

해당 주소로 들어가면 다음과 같이 웹페이지가 나타난다.

※ 만일, 404 에러가 뜬다면 1~2분뒤에 다시 접속한다.

[프로그래머스] 캐시 - Python

developer_ny — Thu, 10 Mar 2022 17:52:53 +0900

문제 설명

지도개발팀에서 근무하는 제이지는 지도에서 도시 이름을 검색하면 해당 도시와 관련된 맛집 게시물들을 데이터베이스에서 읽어 보여주는 서비스를 개발하고 있다. 이 프로그램의 테스팅 업무를 담당하고 있는 어피치는 서비스를 오픈하기 전 각 로직에 대한 성능 측정을 수행하였는데, 제이지가 작성한 부분 중 데이터베이스에서 게시물을 가져오는 부분의 실행시간이 너무 오래 걸린다는 것을 알게 되었다. 어피치는 제이지에게 해당 로직을 개선하라고 닦달하기 시작하였고, 제이지는 DB 캐시를 적용하여 성능 개선을 시도하고 있지만 캐시 크기를 얼마로 해야 효율적인지 몰라 난감한 상황이다. 어피치에게 시달리는 제이지를 도와, DB 캐시를 적용할 때 캐시 크기에 따른 실행시간 측정 프로그램을 작성하시오.

소스 코드

def solution(cacheSize, cities):
    answer = 0
    cache = []
    if cacheSize == 0:
        return len(cities) * 5
    for i in cities:
        if i.lower() in cache:
            temp = cache.index(i.lower())
            cache.append(i.lower())
            cache.pop(temp)
            answer += 1
        else:
            if len(cache) >= cacheSize:
                cache.pop(0)
            cache.append(i.lower())
            answer += 5
    return answer

cache hit의 경우 해당 도시 이름을 cache 리스트의 맨 뒤로 옮기고 실행 시간 1을 더한다.

cache miss의 경우 가장 앞에 있는 도시 이름을 뺀 뒤 현재 도시 이름을 추가하고 실행 시간 5를 더한다.

+ 해당 문제의 경우 대소문자 구분을 하지 않기 때문에 lower 함수를 통해 도시 이름을 소문자로 변경하여 비교한다.

+ cacheSize가 0인 경우 검색시 무조건 cache miss가 발생할 것이기 때문에 cities 리스트 길이에 5를 곱해준다.

[프로그래머스] 올바른 괄호 - Python

developer_ny — Tue, 18 Jan 2022 20:29:45 +0900

문제 설명

괄호가 바르게 짝지어졌다는 것은 '(' 문자로 열렸으면 반드시 짝지어서 ')' 문자로 닫혀야 한다는 뜻입니다. 예를 들어

"()()" 또는 "(())()" 는 올바른 괄호입니다.
")()(" 또는 "(()(" 는 올바르지 않은 괄호입니다.

'(' 또는 ')' 로만 이루어진 문자열 s가 주어졌을 때, 문자열 s가 올바른 괄호이면 true를 return 하고, 올바르지 않은 괄호이면 false를 return 하는 solution 함수를 완성해 주세요.

소스 코드

def solution(s):
    stack = []
    for i in s:
        if(i == "("):
            stack.append(i)
        else:
            if(stack == []):
                return False
            else:
                stack.pop()
    return len(stack) == 0

'(' 문자로 괄호가 열린 경우, stack 리스트에 해당 문자를 추가합니다.

')' 문자로 괄호가 닫힌 경우, stack 리스트의 '(' 문자를 하나 꺼냅니다.

꺼낼 문자가 없다면 False 값을 리턴합니다.

최종적으로 stack 리스트가 빈 배열이라면 True 값, 그렇지 않다면 False 값을 리턴하도록 합니다.

[프로그래머스] 다리를 지나는 트럭 - JavaScript

developer_ny — Tue, 11 Jan 2022 03:19:22 +0900

문제 설명

트럭 여러 대가 강을 가로지르는 일차선 다리를 정해진 순으로 건너려 합니다. 모든 트럭이 다리를 건너려면 최소 몇 초가 걸리는지 알아내야 합니다. 다리에는 트럭이 최대 bridge_length대 올라갈 수 있으며, 다리는 weight 이하까지의 무게를 견딜 수 있습니다. 단, 다리에 완전히 오르지 않은 트럭의 무게는 무시합니다.

예를 들어, 트럭 2대가 올라갈 수 있고 무게를 10kg까지 견디는 다리가 있습니다. 무게가 [7, 4, 5, 6]kg인 트럭이 순서대로 최단 시간 안에 다리를 건너려면 다음과 같이 건너야 합니다.

경과 시간	다리를 지난 트럭	다리를 건너는 트럭	대기 트럭
0	[]	[]	[7,4,5,6]
1~2	[]	[7]	[4,5,6]
3	[7]	[4]	[5,6]
4	[7]	[4,5]	[6]
5	[7,4]	[5]	[6]
6~7	[7,4,5]	[6]	[]
8	[7,4,5,6]	[]	[]

따라서, 모든 트럭이 다리를 지나려면 최소 8초가 걸립니다.

solution 함수의 매개변수로 다리에 올라갈 수 있는 트럭 수 bridge_length, 다리가 견딜 수 있는 무게 weight, 트럭 별 무게 truck_weights가 주어집니다. 이때 모든 트럭이 다리를 건너려면 최소 몇 초가 걸리는지 return 하도록 solution 함수를 완성하세요.

+ 해당 문제의 경우 설명이 조금 부족하게 되어있었는데, 다리 한 칸을 전진하는 데 1초가 걸린다고 가정하면 됩니다.

소스 코드

function solution(bridge_length, weight, truck_weights) {
    var answer = 0;
    var ing = [];
    for(var i=0;i<bridge_length;i++) {
        ing.push(0);
    }
    while(true) {
        var sum = 0;
        for(var i=0;i<ing.length;i++) {
            sum += ing[i];
        }
        if(truck_weights.length == 0 && sum == 0) break;
        answer += 1;
        if(sum - ing[0] + truck_weights[0] <= weight) {
            ing.shift();
            ing.push(truck_weights[0]);
            truck_weights.shift();
        } else {
            ing.shift();
            ing.push(0);
        }
    }
    return answer;
}

ing 배열에 칸별로 다리를 건너는 트럭 정보를 저장합니다.

만일 다리 맨 앞에 있는 트럭이 나가면서 맨 뒤에 다음 트럭이 들어왔을 때 무게가 초과되지 않는다면,

한 칸씩 앞으로 전진시킨 뒤 다음 트럭을 넣어줍니다.

하지만 다음 트럭이 들어올 경우 무게가 초과된다면,

앞으로 한 칸씩 전진만 해줍니다.

[Redis] Redis-cli 기본 명령어 정리

developer_ny — Thu, 6 Jan 2022 23:36:15 +0900

Redis 란?

Redis란 Key-Value 구조의 비정형 데이터를 저장하고 관리하기 위한 오픈 소스 기반의 비관계형 데이터베이스 관리 시스템이다.

Redis-cli 기본 명령어 정리

[생성]

데이터 저장하기

set key value

다수의 데이터 저장하기

mset key value key value . . .

만료시간을 지정하여 데이터 저장하기

setex key seconds value

+ 남은 만료시간 조회하기

ttl key

[조회]

모든 key 값 조회하기

keys *

해당 문자열이 포함된 key 값 조회하기

keys *string*

key에 해당하는 value 값 조회하기

get key

다수 key의 value 값 조회하기

mget key key . . .

[수정]

key 이름 변경하기

rename key newkey

[삭제]

key 삭제하기

del key

모든 데이터 비우기

flushall