저장하기_버전관리

강의 대본

이제까지 작업을 하면서 저희는 한 번도 저장을 한 적이 없었습니다 그러면 이건 어떻게 저장을 하지? 이거 어떻게 해야지 이 상태를 보관할 수 있지? 이런 의문점이 있을 수 있는데요 한번 확인해 보도록 하겠습니다 우선 figma.com을 브라우저 검색을 해서 들어가시든지 아니면 브라우저에 figma.com을 다시 한번 쳐서 들어가 보도록 하겠습니다 지금 아까 이미 로그인이 돼 있는 상태라서 지금 어플리케이션하고 거의 동일하게 생긴 이런 화면들을 지금 보실 수가 있는데요 거의 동일합니다 근데 지금 작업을 보니까 저희가 이때까지 작업했던 게 여기에 바로 노출이 됩니다 이거 보니까 나 이때까지 한 번도 저장하지 않았는데 브라우저에서도 내 로컬에 작업한 게 그대로 같이 볼 수가 있네 이건 뭐냐면요 피그마는 특별히 저장하는 그런 기능이 있는 건 아니고요 여러분들이 뭔가 하나씩 움직일 때마다 자동 저장이 됩니다 그래서 실질적으로 이것도 아마 웹에서 이걸 클릭해서 열어보면요 여러분이 이때까지 작업하셨던 걸 그대로 똑같이 보실 수가 있습니다 지금 클라이언트에 있는 것과 동일한 화면이죠 이거는 이제 뭐 똑같이 컨트롤 플러스를 해가지고 하고 동작하는 것들은 완전히 동일합니다 이렇게 툴바를 통해서 조작하는 건 완전히 동일합니다 그래서 굉장히 사용성이 웹도 사용성이 되게 좋은 편이고요 앱을 쓰던 웹을 쓰던 별로 차이는 없지만 그래도 앱이 약간 조금 더 쾌적한 느낌이 있기 때문에 가급적이면 어플리케이션을 갖다가 다운로드 받아서 쓰는 것을 권장 드립니다 그러면 분명히 나는 뭔가 어느 시점까지 작업한 거에 대해서 기록을 남기고 싶을 수가 있어요 그런 경우에는 이제 어떻게 하면 되는지 한번 알려드리도록 하겠습니다 자 저희가 여기까지 지금 작업을 했습니다 지금 여기까지 작업을 하고 이 부분을 갖다가 여기에 스냅샷을 하나 만들어 두고 싶어요 그럼 어떻게 하면 되느냐 좌상단에 있는 메인 메뉴에서요 파일 있죠? 파일에서 밑에 보면은 아 세이브가 있긴 있습니다 보니까 Save to Version History라는 게 있죠 이걸 한번 클릭을 해 보세요 그러면은 지금 타이틀과 설명을 넣으라는 게 있고요 여기다가 타이틀은 연습장 작업중 이렇게 놓고요 여기에는 지금까지 작업했던 내용을 대표하는 것들에 대한 설명을 쓰면 되겠죠 이미지 그리기 등등 이렇게 해가지고 써놨다고 칩시다 그리고 이제 세이브 버튼을 누르면요 세이브가 된 겁니다 이걸 어떻게 확인을 하느냐 다시 메인 메뉴에서 파일에 보면은 밑에 Show Version History라는 게 있습니다 이걸 한번 클릭해 보겠습니다 그러면은 저희가 이때까지 작업했던 거 이때까지 지금 저장한 거에 대한 히스토리가 나옵니다 지금 여기 보니까 3개의 오토세이브 버전이라는 게 있어요 보면은 이때까지 내가 작업했던 것들이 시간별로 자동 저장한 것들이 남아 있습니다 그러면 이 상황에서 제가 다시 Done을 눌러서 다시 빠져나오고요 이 상황에서 사각형이든 뭐든 다시 한번 추가를 해 보겠습니다 사각형도 추가를 해 보고요 원도 하나 추가해 보겠습니다 이렇게 해서 원도 추가를 했어요 뭔가 변화가 일어났죠? 이 변화가 일어난 상태에서 다시 파일에서 Show History를 한번 보도록 하겠습니다 버전 히스토리 보게 되면은 지금 Current 버전이라는 건요 제가 이 상황에서 지금 네모와 동그라미를 그린 거가 지금 Current 버전이에요 Current 버전 근데 만약에 내가 돌아가고 싶다 그러면은 밑에 연습장 작업 중인 아까 저희가 Save Version History라고 한 게 있죠 요 상태를 클릭만 하면요 돌아갔죠 다시 지금 저희 세이브했던 그 버전으로 다시 돌아온 겁니다 여기서 여러분들은 다른 작업들을 하셔가지고 다시 진행을 하시면 돼요 또는 요거 갖다가 다시 돌려 가지고 지금 작업하는 걸로 다시 원복을 해도 상관없습니다 요 버전 히스토리에 대한 부분들도요 몇 번 테스트를 해 보시면은 금방 쉽게 감을 익히실 수 있으니까 다양하게 한번 테스트 한번 해 보시고 활용하시면 되겠습니다