UI/UX 공부기록

12/19 일일 목표📝디자인 카타웹플로우 개인과제    📖 오늘 배운 내용 노션에 대해 조사하고 발표완료!줌이랑 슬랙도 듣게되었는데 그중에서 슬랙에 대해서 많은걸 알게된듯하다... 슬랙이랑 노션 진짜 캠프하면서 처음써봤는데 SaaS의 대표적인 툴이라는게 협업이나 프로젝트에 참 도움이 많이 될것같다는 생각을 했다. 오른쪽은 카타시간에 알려주신 슬랙 꿀팁모음 ㅋㅋㅋ하나씩 써봐야지  오늘은 웹플로우 마무리를 하려고 인터렉션을 추가해보려고 했다. 위에 상단바를 스크롤하면 그림자가 생기게하려고 열심히 노력을 했는데......유튜브 따라했는데 진짜 안되가지고 열받았는데 댓글보니까 옛날방식이여서 지금은 안된다는 충격적인 소식.... 때려침..   그냥 그림자밖에 할 수 없던 나... ........ 그래도 노력한..

12/18 일일 목표📝디자인 카타웹플로우 개인과제    📖 오늘 배운 내용 웹플로우에 옮기는 작업을 시작했다. 피그마에서 웹플로우로 옮기는 플러그인이 있어서 사용하여 색상이랑 폰트를 옮겼다! (하나하나 등록할뻔)   section에서 container에 div까지 차근차근 넣어서 레이아웃은 잘 잡았는데,, 데스크탑에서는 잘되었는데 모바일에서 반응형이 문제가생겼다.ㅠ 자꾸 위로 올라가는데 위치바꾸면 계속 데스크탑도 바뀌어서 어떻게 해야하는지 곤란했는데 지호님이 알려주셨다 (무한감사)  둘이 묶인 div 에서 flex single column을 해주면 위로 반대쪽으로 정렬이 가능했다.  그냥 수직, 수평 말고도 저렇게 많은 기능들이 있는지 오늘 알게되었다. 코딩의 세계는 정말 ... 무궁무진하군아..  ..

12/17 일일 목표📝디자인 카타웹플로우 개인과제   📖 오늘 배운 내용 오늘부터 개인과제를 시작했다. 내가 하려고하는 사이트는 당근페이.. 간단한 거로 하려고 한다 ㅠㅜ일단 오늘은 피그마에서 디자인 시안 옮기고 푸터가 조금 이상해서 푸터도 손보고 작업했다 내일 웹플로우에 열심히 옮겨야지...

12/16 일일 목표📝디자인 카타웹플로우 강의 듣기   📖 오늘 배운 내용 디자인 카타 새로운 발제 주제는 SaaS! 일단 saas에 대해서 자세히 알아보았다. feat. chat gpt.. saas는?Software as a Service의 약자로, 클라우드를 통해 소프트웨어를 제공하는 서비스 모델 SaaS의 특징클라우드 기반 서비스소프트웨어가 사용자의 로컬 컴퓨터가 아닌 인터넷(클라우드)에서 실행사용자는 설치나 유지보수가 필요 없으며, 웹 브라우저 또는 앱을 통해 접속해 사용구독형 요금제일반적으로 월간 또는 연간 구독 형태로 제공초기 비용이 낮고, 필요한 기간 동안만 사용료를 지불자동 업데이트서비스 제공자가 모든 업데이트와 유지보수를 처리하므로, 사용자는 항상 최신 버전의 소프트웨어를 사용 가능접..

12/13 일일 목표📝 디자인 카타노코드 강의 2-3주차  📝8주 차를 돌아보는 WIL 디자인 카타에서 ios 와 안드로이드에 대한 디바이스 차이를 공부했다.,. 내가 맡은 부분은 해상도와 사이즈 단위의 개념!  안드로이드 해상도에 대해서 발표했는데, 안드로이드는 dp 라는 단위를 사용한다.dp는 density independent pixel 이라는 뜻으로 직역하면 밀도에 독립적인 픽셀이라는 뜻이다. 어떠한 디스플레이 해상도와도 관계없이 다룰 수 있는 dp 단위로 사용한다. 안드로이드에서만 사용하는 독자적인 단위임160dpi를 기본 해상도로 설정해서 160dpi 가 1dp=1px 이다!  해상도가 점점 좋아지면 점점 배수를 하면 되는데, 무조건 다 픽셀로 배수해야하는건 아니고 벡터기반의 그래픽은 늘리..