The Artists | Think Like A Coder, Ep 5

검토: Jihyeon J. Kim

Dawn and the train are both breaking when Ethic and Hedge arrive in the woods.

에틱과 헤지가 숲에 도착하자

날이 밝고 기차가 멈췄습니다.

The adventurers have recovered the first artifact—

그들이 찾은 첫 번째 유물

the Node of Power—

힘의 노드와

and have come to the 198forest in search of the second.

다음 유물을 위해 198숲에 왔고

Here they’re welcomed by the director of the colony, Octavia.

마을의 관리자인 옥타비아가 환영해 줍니다.

She established this treehouse sanctuary

그녀는 일할 필요가 없어진 후

after the robots freed everyone from having to work.

오두막 피난처를 만들었습니다.

It was meant to be a haven where people could follow their passions,

취미생활을 하고 공예를 배우고

take up crafts, and find fulfillment.

만족감을 위한 곳이었습니다.

Which they did… at first.

처음에는 말이죠.

Some years ago everyone forgot the point.

몇 년 전, 모두 목적을 잊고

They abandoned arts and crafts

예술과 공예를 버리고

and instead just painted and exhibited pictures of themselves

자화상만을 그려 전시했습니다.

over, and over, and over.

계속해서 말이죠.

The location of the second artifact is no secret;

두 번째 유물이 있는 곳은 명확합니다.

it’s in a tower, guarded by a garrison of bots,

로봇 수비대, 깊은 골짜기

a bottomless ravine, and who knows what other traps.

미지의 함정들로 지켜지고 있는 타워입니다.

As soon as the tower went up with the node inside,

노드를 품고 타워가 지어지자

human communication across the land went dark.

사람들의 의사소통은 끊겼습니다.

Octavia’s been after it for years,

옥타비아는 수년간 노드를 쫓았지만

but try as she might, the defenses thwart her.

가드들에게 족족 저지당했습니다.

In order to even get to the tower, the team will need a distraction.

타워 근처에라도 가기 위해 훼방이 필요합니다.

Octavia has an idea:

옥타비아의 계획은

stir up the people through some well-intentioned vandalism.

문화 예술 파괴를 통해 사람들을 동요시키는 것입니다.

The residents’ paintings are all squares that come in different sizes,

거주자들의 그림은 모두 크기가 다른

all an odd number of pixels across.

홀수 픽셀 변의 정사각형입니다.

Helper-bots pick up the finished portraits

조수 로봇들은 완성된 자화상을

and hang them in public places for everyone to admire.

모두가 감탄하며 바라볼 수 있는 공공장소에 걸어둡니다.

There’s a slim margin of time when Hedge can access the paintings.

헤지가 그림에 접근할 수 있는 시간은 짧습니다.

If he were to deface each one with an X,

헤지가 X를 그려 그림을 훼손하면

the people would blame the helper-bots,

사람들은 로봇을 원망할 거고

creating just the distraction the team needs.

그 분열은 세 사람에게 요긴할 겁니다.

If only it were so easy.

간단하진 않습니다.

Hedge can’t just paint an X—

헤지는 자의로 X를 못 그려

his painting processor requires very specific instructions.

구체적인 지시가 필요합니다.

Treating the paintings as square grids,

그림이 사각 격자라면

he can fill in one pixel, or little square, at a time.

한 번에 한 픽셀 혹은 정사각형씩 칠할 수 있고

He can move forwards and make 90 degree turns over the canvas,

헤지는 직진과 90도 회전만 할 수 있으며

but can’t move diagonally.

대각선으로는 못 갑니다.

How does Ethic program Hedge to paint an X over each portrait?

에틱은 어떤 프로그램으로

헤지가 X를 그리게해야 할까요?

Pause now to figure it out for yourself.

영상을 멈추고 생각해 보세요.

Here’s a hint.

힌트:

Try drawing a square grid like this,

이런 식으로 사각 격자를 그리고

and simulating Hedge’s path over it.

헤지의 길을 생각해보세요.

What patterns can you find to guide him?

어떤 패턴을 찾을 수 있나요?

영상을 멈추고 생각해 보세요.

Pause now to figure it out for yourself.

The challenge here is to craft a set of instructions

어떤 격자에서든 활용가능한 명령을

that will work for any square grid.

만드는 것이 문제입니다.

Fortunately, one of the strengths of programming

다행히 프로그래밍의 강점은

is the flexibility to solve not just one problem,

한 문제뿐 아니라 전체를 같이

but a whole class of them all at once.

해결할 수 있는 유연성입니다.

It often helps to start with one case, and work towards the general.

한 문제를 기반으로 전체에 도움을 줍니다.

Let’s say we had this square.

이 정사각형이 있다면

Hedge can measure the length of its sides and store that number as a variable.

헤지가 변의 길이를 측정해 가변으로 저장합니다.

Now, what we need is a plan for how Hedge will paint an X,

이제, 헤지가 한 픽셀씩 X를 그릴 계획이

pixel by pixel.

필요합니다.

There’s more than one right answer for how to do this;

가능 수는 하나가 아닙니다.

let’s look at two.

이걸 봅시다.

First, what if Hedge went row by row, like a typewriter?

만약 헤지가 타자기처럼 행으로 가고

If it’s a 9 pixel by 9 pixel painting,

모든 변이 9픽셀인 그림이라면

in the first row he’d paint, skip 7, and then paint again.

첫 줄에서는 첫 칸을 채우고 7칸을 건너뛰고 칸을 채웁니다.

In the second row he’d skip the first, paint, skip 5, and paint.

다음 줄에서는 두 번째 칸을 칠하고

5칸을 건너뛰고 다음 칸을 칠하는

And so on.

식일 겁니다.

The pattern here is that for each row the pixels skipped at the beginning

여기에서 패턴은 각 행에서 건너뛰는 픽셀의 수가

시작점에는

go up by one,

and the pixels skipped in the middle go down by 2.

하나씩 늘어나고 중간에는 둘씩 감소합니다.

Things get more complicated when Hedge reaches the center.

헤지가 중간에 도착하면 조금 더 복잡해집니다.

Here there’s a row with just one pixel painted.

여기 한 픽셀만 칠해진 행이 있고

Then the whole thing reverses—

패턴은 반대가 됩니다.

the number of pixels skipped goes down by one each time on the left,

건너뛰는 픽셀의 수가 왼쪽으로는 한 칸씩 줄고

and up by two each time in the middle.

중간에는 두 칸씩 늘어납니다.

Instructing Hedge to do this with a series of loops will work

일련의 루프를 이용해서 충분히 헤지를

and is a perfectly fine solution.

지시할 수 있습니다.

The main drawback is that this requires quite a bit of logic—

꽤 많은 논리(로직)의 필요성이 큰 단점으로

knowing what to do in the middle, when to reverse the process,

중간의 업무와 과정을 언제, 어떻게

and exactly how to reverse it.

뒤바꿀지를 알아야 합니다.

So how might we approach this

로직이 처음부터 끝까지

so that the logic remains consistent from start to finish?

일정하게 유지하기 위해 어떻게 접근해야 할까요?

The key insight is to look at a grid as a series of concentric squares.

격자를 일련의 동심원인 정사각형들로 봐야 합니다.

Each square follows the same pattern—

모든 정사각형이 따르는 패턴은

painted pixels in the corners, and unaltered pixels in between.

모서리 픽셀들은 칠해지고 중간 픽셀들은 그대로입니다.

So if we can figure out a way to paint one nested square,

한 축소 정사각형을 칠하는 법을 알면

transition to the next, and repeat, we can paint them all.

이를 반복해 나머지를 모두 칠할 수 있습니다.

Painting the outermost one is easy.

외곽을 칠하는 건 쉽습니다.

Start in a corner and paint that pixel.

꼭짓점의 픽셀을 칠하면 됩니다.

If we call the length of the painting n,

그림의 한 변을 n이라 하면

fly forward n minus 1 spaces.

n-1 픽셀만큼 건너뛰어

Paint another pixel, and turn right.

픽셀을 칠하고 우회전합니다.

Now do the whole thing again… and again.

이걸 두 번 반복합니다.

Now move forward one less space, turn right, fly forward once,

이제 n-2만큼 건너뛰어 우회전 후 한 칸 더 가면

and Hedge will be in the next concentric square

헤지는 다음 축소 사각형에서

and ready to repeat the whole process.

프로세스를 반복합니다.

Each square is n minus 2 pixels smaller than the last in length and width,

각 정사각형은 전보다 가로와 세로가 n-2씩 작고

and we can follow this spiral pattern all the way to the center

헤지가 중앙까지 날아갈 거리를 기록한

with a loop and a variable that tracks how far Hedge should fly.

루프와 가변을 사용해 나선 패턴을 따라갑니다.

Is one of these methods better than the other?

어느 방법을 더 선호하나요?

It really depends on what you value.

추구 가치에 따라 다릅니다.

The strength of the spiral is the simplicity of finding a pattern

나선의 장점은 단순한 패턴 찾기와

and reusing the same logic from start to finish.

같은 로직을 계속 사용하는 것입니다.

The advantage of the typewriter approach

타이프라이터의 장점은

is that it’s a more generalized solution,

더 일반적인 방법으로

meaning it can be adapted much more simply to fill in any pattern.

어떤 패턴에든 단순히 적용할 수 있습니다.

For Ethic’s sake, either will do just fine.

에틱에게는 둘 다 괜찮습니다.

So here’s what happens.

그 결과입니다.

Hedge rapidly defaces all of the portraits.

헤지가 재빨리 모든 초상화를 훼손하고

And within moments

잠시 후

cries of anguish break out all over the forest.

온 숲에서 울부짖음이 들렸습니다.

The garrison guarding the tower abandon their posts

타워를 지키는 수비대가 사람들을 진정시키기 위해

to calm the agitated people,

그들의 기지를 비우면

and Ethic, Hedge, and Octavia slip through—

에틱, 헤지, 그리고 옥타비아가 잠입해

and nearly slip into the depths of the gorge

골짜기에 잠식될 정도가 되자

standing between them and the tower.

타워가 보였습니다.