PM 다이어리

오늘은 그동안 포스팅 안했던 피그마에 관련된 내용을 한 번 써보려고 한다. 다른 강의들 듣느라 피그마 강의를 아직 다 못 들은거라 안 쓴거 아니냐??  응 이미 다 수강했어~ 피그마 관련 포스팅을 못 한 이유는 내용이 어렵다기 보단 한 주차 한 주차 내용을 티스토리에 담으려면 너무 힘들 것 같았다(...) 글보단 사진의 양이 방대하고, 그냥 단어랑 내용들을 복붙하는 느낌이 들어서 내가 학습하는 게 아닌 것 같았다. 그래서 피그마 3~5주차 포스팅은 일단 스킵하고 TIL 과제 낼 게 없다면 그때 포스팅 하는 걸로 미뤄봤고.. 지난 사전캠프 기간 때 이미 SQL 강의는 다 들었고, 피그마 강의 듣고 과제까지 다 제출한 다음 프로덕트 매니지먼트 개론을 들었다. 결국 3개 강의 다 컴플리트. 근데 이번 주 커리..

이번 시간엔 피그마의 핵심 개념이 되는 프레임(컨테이너), 컨스트레인트, 오토레이아웃 및 리사이징 등에 대해 알아보았다. 배우면서 느낀 점은 예전에 웹 공부할 때 배웠던 css 와 상당히 유사하다고 생각되어서 배움에 지장은 없었따~ 그럼 빠르게 공부한 내용을 정리해보자.◆ 프레임과 그룹 프레임과 그룹 이 둘의 개념을 혼동하기 쉽다. 둘 간 차이점에 초점을 둬서 알아보겠다. 일단 개념 간의 차이를 살펴보자.🚩 프레임이란? : 피그마에서 코드 블록을 만드는 기능이자 실제 화면으로 인식하는 '개체''컨테이너'라고도 부르며, 디자인을 코드로 바꿀 때 개발이 가능한 코드 블록으로 만들어진다. 프레임 안에 다른 개체나 프레임을 넣을 수 있다. 🚩 그룹 : 여러 개체를 하나로 묶어주는 기능 한글이나 파워포인트 등..

난 백엔드 과정만 배우면서 피그마를 배우거나 접할 기회가 거의 없었다. 딱 한 번 사용해본 적 있는데, 대학 강의 중 AI 활용 앱 개발 관련 기획하는 활동이 있었는데, 팀플을 하면서 다 같이 피그마 툴을 활용해서 UI를 디자인했던 기억이 난다. 물론 난 아이디어 및 PPT 제작, 발표를 맡았어서 내가 피그마를 쓰며 UI를 만들진 않았다.. 그냥 피그마를 이럴 떄 활용하는구나? 정도 아 하나 더 있었는데, 웹 개발 사이드 프로젝트를 진행하는 과정에서 프론트엔드 파트 분들이 피그마를 활용한 웹 디자인을 보고 어떻게 만들지 상의하는 모습도 봤었다. 어쨋든 실무에도 되게 많이 사용되는 툴인건 자명하다.. 깊게 까진 배우진 않더라도 피그마가 무엇인지 강의를 들으면서 공부해보는 시간을 가졌다.· 피그마(Figma..