💭 2024. 3. 13 오늘의 일기 오늘 한 일 - 3강 숙제 - 피그마 활용(2) 강의 후기 작성 - 디자인 아티클 스터디 - 개인 과제 피드백 바탕으로 수정 - 디자인 책 읽기 드디어 피그마 활용 강의를 다 듣고 마무리했다. 후기 글은 따로 작성했다. https://nannannan.tistory.com/13 [스파르타코딩클럽] Figma 활용법 (2) 강의 후기 1. 모달 컴포넌트와 UI 요소 (5주차) 💡 모달 : 사용자가 행동을 취하기 전까지 뒤에 가려진 화면을 조작할 수 없는것. - 일반적으로 레이어팝업에서 사용되나, 팝업=모달은 아니다. 모달은 속성이 nannannan.tistory.com 디자인 아티클 스터디 https://blog.toss.im/article/beginning-of-t..

1. 모달 컴포넌트와 UI 요소 (5주차) 💡 모달 : 사용자가 행동을 취하기 전까지 뒤에 가려진 화면을 조작할 수 없는것. - 일반적으로 레이어팝업에서 사용되나, 팝업=모달은 아니다. 모달은 속성이며 UI를 분류하는 기준 중 하나이다. - 모달의 종류로는 팝업, 토스트, 바텀시트, 다이얼로그, 사이드 바 등이 있다. - 사용자를 방해하면서라도 반드시 확인해야 하는 부분이거나, 또는 그만큼 중요한 선택이 필요한 시점에만 사용해야 한다. - 라이트 박스 : 모달 UI를 사용할 때 일반적으로 '뒤에 가려진 화면은 사용할 수 없다'는 걸 보여주기 위해 반투명한 층을 만든다. 이 때 이 반투명한 층을 라이트박스라고 부른다. 라이트 박스는 스크림, 딤드, 딤레이어, 오버레이 등으로 불린다. 모달 UI를 사용할 때..

💭 2024. 3. 12 오늘의 일기 오늘 한 일 - 3강 수강 - 디자인 아티클 분석 - 디자인 스터디 - 개인 면담 - 특강 피그마 활용 강의를 모두 들었다. 아직 마지막 주차 숙제를 하지 않아서 완강이라고 할 수는 없지만... 내일이면 전부 마무리될 것 같다. 그리고 저번주에 진행한 2차 개인과제(11번가) 개인 피드백을 받았다! 너무나도 부족한 실력과 퀄리티인데도 좋게 피드백해주셔서 다행이다. 조금 뜨끔했던 부분은 보완하면 좋을점... 사실 귀찮아서 전체 화면까지 도출해야할까?라는 생각이 있었다. 강의를 전부 들으면 나머지 수,목,금요일 정도는 여유가 있을 것 같아 그 때 과제도 조금 손보고 복습도 하고 해야할 듯하다. 디자인 아티클 스터디 어제와 같이 오늘도 토스 테크 스터디를 진행했다. 오늘..

💭 2024. 3. 11 오늘의 일기 오늘 한 일 - 1강, 2강 강의 듣기 및 숙제 - 디자인 아티클 읽기 - 디자인 아티클 분석 (팀) 학습일지에 매일매일의 학습 기록을 적어야하는데 그게 왜이렇게 어려운지 모르겠다. 오늘은 피그마 활용강의(2)를 첫 수강했다. 지난 피그마 활용강의(1)과 과제 내용도 이어지고 내용도 겹치고 해서 1을 제대로 듣지 않았으면 여러모로 힘들었을 것 같다. 오늘은 5주차와 6주차를 들었다. 5주차에는 모달의 개념을 설명해주며 모달 속성을 사용하는 UI요소를 배웠다. 모달에 대해 실컷 배웠음에도 아직 완전히 정리가 되지 않았다. 모달은 일반적으로 팝업에 사용되지만, 그렇다고 모달 자체가 팝업이라는 뜻이 아니다. UI를 분류하는 기준 중 하나로서 요소가 아닌 속성이라고 할 수 ..

3주차가 마무리됐다! 점점 어떻게 공부해야할지 감이 잡히는 기분이다. 과제가 시작되고 새로운 강의에 특강까지 여러모로 바쁜 한 주였다. 이번 한 주 동안 어떤 걸 공부하고 무엇을 느꼈는지 적어보겠다~.~ 1. 11번가 앱 분석 과제 마무리 3/4~3/6 총 사흘 간 진행한 과제로, 11번가 앱 사용자를 분석하고 문제를 발견한 후 그 문제점에 대한 솔루션을 도출하는 과제를 진행했다. 11번가의 사용자 분석을 위해 앱스토어의 리뷰를 참고하고, 그 중 앱 개선에 도움이 될 것 같은 리뷰를 선정하여 그걸 기반으로 공감지도와 5why를 작성했다. 이 때 내가 발견한 나의 문제점은, 처음 발견한 문제점에 왜?라고 붙이며 내려가는게 아니고 최종적인 문제점부터 거꾸로 올라가게된다는 점이었다. 마음을 비우고 내가 11번..

💭 2024. 3. 8 오늘의 일기 오늘 한 일 - 피그마 강의 3강 수강 + 숙제 - 피그마 강의 4강 수강 + 숙제 - 강의 학습 내용 블로그에 정리 어제 듣기 시작한 피그마 활용법 강의를 마무리했다. 난이도는 기초 수준인데 그 안에 있는 자료 퀄리티가 매우 높다! 상당히 유익한 강의.. 이번 강의 후기는 조금 길어질 것 같아 따로 게시글을 작성했다. 강의후기 ↓ https://nannannan.tistory.com/8 [스파르타코딩클럽] Figma 활용법 (1) 강의 후기 총 4주차로 구성되어 있는 Figma 활용법 강의를 완강했다. 이틀 안에 나눠서 들어도 넉넉했을 정도로 난이도나 분량은 기초수준이다. Figma 활용법 (2) 강의에선 심화과정이라 그 전에 틀을 다져놓 nannannan.tist..

총 4주차로 구성되어 있는 Figma 활용법 강의를 완강했다. 이틀 안에 나눠서 들어도 넉넉했을 정도로 난이도나 분량은 기초수준이다. Figma 활용법 (2) 강의에선 심화과정이라 그 전에 틀을 다져놓는 정도? 그런데도 대학 때 배운 것과 비교해도 퀄리티가 꽤 높은편이다. 까먹기 전에 강의 내용 중 유용하거나 몰랐던 부분만 정리해두기.. ↓↓↓ 1. 오토레이아웃과 컨스트레인트 (2주차) 💡 오토레이아웃 : 레이어를 쌓고, 프레임을 배치하고 정렬하는 피그마의 핵심 기능 - 오토레이아웃 패널 오토레이아웃의 정렬 방향: 오토레이아웃 안에 있는 프레임을 어떤 방향으로 쌓을 지를 정해요. 세로: 수직 방향으로 쌓아요 가로: 수평 방향으로 쌓아요 감싸기: 수평 방향으로 쌓다가, 일정 위치부터는 다음 줄에 쌓아요. ..

💭 2024. 3. 7 오늘의 일기 오늘 한 일 - 피그마 강의 1강 수강 + 숙제 - 피그마 강의 2강 수강 + 숙제 - 피그마 강의 3강 (진행중) 새로운 강의를 듣기 시작했다! 세 번째 듣고 있는 이 강의의 제목은 Figma 활용법 (1) 이건 기초과정이고 내일까지 마무리 후에 다음 주부터는 심화과정을 들어야한다. 벌써 세 번째 강의라니 시간이 너무 빠르다. 분명 어제 본캠프가 시작된 것 같은데 벌써 한 달이 코 앞이다. ㄷ.ㄷ 오늘은 1강, 2강을 들었는데 사실 기초 중의 기초라서 어렵지 않게 들었다. 강의 들을 때마다 생각하는 건데 참 강의 자료를 잘 만들어두신다.. 여러 사람이 합쳐서 만드는 거겠지만 강의 구성도 그렇고 알차다! 굿 ദ്ദിᐢ. .ᐢ₎ 3강부터는 배워보지 못한 이야기가 나오던데..

💭 2024. 3. 6 오늘의 일기 오늘 한 일 조 발표 개인 과제 해설 강의 개인 과제 수정 UXUI 디자인 칼럼 찾기 & 분석 어제자로 2차 과제 제출이 마무리되고 오늘 아침엔 해설 영상을 공유받았다. 저번 과제 때도 느낀건데, 해설 영상에서 어느 정도는 과제 시작 전에 설명을 들어야 한다고 생각한다. 너무 맨땅에헤딩 느낌... 각자의 진도나 이해도가 다 다른데 별다른 설명 없이 바로 과제가 시작되어버리니 하면서도 이게 맞나? 싶은 생각이 든다. 아마 모두가 그럴거라고 생각한다. 아무튼 해설 영상을 기반으로 앞 쪽 리서치 부분에 자료를 추가하고 솔루션에 근거를 달았다. 그렇게 최종 과제물은 이렇게 마무리했다. 과제 피드백이 오면 제대로 정리해두던가 해야겠다... 정보가 너무 많아서 어디부터 써야될지 ..

💭 2024. 3. 5 오늘의 일기 티스토리 블로그로 옮겨왔다! 지금까지 썼던 일기&학습 내용 글도 이사를 진행하려했으나 사진을 너무 많이 사용한 관계로 그냥 블로그만 옮겼다. 10일차까지의 일기&강의(ppt보다 쉬운 피그마, UXUI 디자인 입문) 학습 내용 글은 여기로.. ↓↓↓ https://blog.naver.com/heheovo 모르는개산책 : 네이버 블로그 대충살자 blog.naver.com 그나저나 벌써 두 번째 개인 과제 제출날이다. 과제물이 쌓이는 걸 보니 기분이 좋다. 실력도 조금 늘었나..? 아는게 많아진건 확실하다. 내일부터 듣게 될 피그마 강의는 어떤 내용일지 벌써 궁금하다. 우리 조원 중 한 분도 그렇고 다른 분들을 보면 나는 속도가 엄청 빠른 편은 아닌 것 같다. 굳이 따지자면..