여둘까 Office Layout TIL 2

문을 바꿨더니 찌그러진 문이 나왔다

출입문 프리셋은 원래 가느다란 사각형이었다. 도면에서는 문이 열리는 방향을 부채꼴(1/4 원)로 그리는 게 관례라, 출입문을 부채꼴 모양으로 바꾸고 기본 크기도 1000×1000으로 새로 잡았다.

그런데 화면에 나온 문이 납작하게 찌그러져 있었다. 전에 팔레트에서 출입문 크기를 900×100으로 고쳐 둔 적이 있었는데, 그 값이 브라우저에 남아 있다가 새 부채꼴 위에 그대로 씌워진 것이다.

사용자 설정은 무엇에 붙어 있는가

팔레트에서 고친 이름·크기·색은 localStorage(브라우저가 사이트별로 남겨 두는 작은 저장소)에 저장된다. 이때 “어느 프리셋의 설정인지”는 프리셋마다 붙은 key(이름표 역할을 하는 문자열)로 찾아간다.

출입문의 key는 그대로인데 모양만 바뀌었으니, 옛 설정이 새 모양을 자기 것으로 알고 덮어쓴 것이다. 옛 사각형에 맞춘 900×100이 부채꼴에 들어가면 찌그러질 수밖에 없다.

모양이 바뀌면 이름표도 새로 준다

고친 방법은 두 가지다.

• 출입문의 key를 새로 줬다. 그러면 옛 설정이 새 문과 짝지어지지 않아 깨끗하게 무시된다
• 앞으로는 key를 이름과 상관없는 고정 ID로 두기로 했다. 이름을 바꿔도 설정이 따라가고, 모양을 크게 바꿀 때만 ID를 새로 주면 된다

저장해 둔 사용자 설정은 “이 설정이 무엇에 대한 것인가”를 이름표로 기억한다. 그 대상의 성격이 바뀌었는데 이름표가 그대로면, 옛 설정은 새것을 옛것으로 착각한다. 기본값을 바꿀 때는 그 위에 얹혀 있을 사용자 설정이 여전히 맞는지까지 같이 봐야 한다.

Series: Today I Learn