[본캠프 8주차] 금요일 WIL

12/13 일일 목표📝

 디자인 카타

노코드 강의 2-3주차

 

---

 

📝8주 차를 돌아보는 WIL

 

디자인 카타에서 ios 와 안드로이드에 대한 디바이스 차이를 공부했다.,. 내가 맡은 부분은 해상도와 사이즈 단위의 개념!

 

 

안드로이드 해상도에 대해서 발표했는데, 안드로이드는 dp 라는 단위를 사용한다.

dp는 density independent pixel 이라는 뜻으로 직역하면 밀도에 독립적인 픽셀이라는 뜻이다. 어떠한 디스플레이 해상도와도 관계없이 다룰 수 있는 dp 단위로 사용한다. 안드로이드에서만 사용하는 독자적인 단위임

160dpi를 기본 해상도로 설정해서 160dpi 가 1dp=1px 이다! 

 

해상도가 점점 좋아지면 점점 배수를 하면 되는데, 무조건 다 픽셀로 배수해야하는건 아니고 벡터기반의 그래픽은 늘리면 해상도가 깨지지 않고 늘어나기 때문에 괜찮은데 비트맵기반의 배너나 썸네일은 해상도에 맞게 늘려 제작해야 깨지지않는다. 그런데 너무 크게 제작하면 앱이 무거워지기때문에 압축해서 넣는다!

 

디자인 클론

 

폰트 위계를 연습하면서 튜터님이 하면 좋을것같다고 가져다주신 화면 클론 몇가지 해보았다.

첫번째는 아이콘을 활용하지 않고, 타이포만으로 위계를 표현한 부분을 참고하여 만들어보고, 두번째는 타이포가 적재적소에 제작되어있고 디스크립션 내에서 최소의 표현으로 구분한 기법을 따라서 클론해보았다. 버튼도 텍스트로만 구현되어있었다.

세번째는 책에서 인사이트/구절을 노출시키는 앱이고 상단 progress indicator로 ui인지가 가능하다. 메인 내용은 볼드로 중앙에 위치되었고 폰트 위계들과 위치, 스타일이 명확한 점을 참고했다.

 

 

2주차 과제

 

콜렉션 리스트 사용 😂

 

 

그 과정에서 나는 무엇을 깨달았고, 어떤 감정/생각이 들었었지?

이번주 코드도 배우고 노코드툴도 배우고 새로 배운게 정말 많은 일주일이었다.,.,.,.

코드 처음배워서 머리 아팠는데 노코트 툴로 해보니 직접 코드 쳐서 하는것보다 뚝딱 피그마하듯이 만드는거 같은데 실제로 구현되는 웹사이트가 만들어지는게 신기했다

 

 

결과적으로, 현재 나의 상태는 어떻게 되었지?

일주일 전에는 코드에 대해서 진짜 1도 몰랐는데 웹페이지까지 만들수있게 일주일동안 공부한게 ,, 신기하다.. 그래도 grid랑 flex에 대해서 잘 이해하게 된 것 같다!! 아직 묶는거나 그런건 착오가 조금 있긴한데 담주에 더 연습하면 성장하겠지!!!!!!!!!!!!

 

 

 

이 상태에서 다음 일주일을 더 잘 보내려면 무엇이 필요할까?

다음주에는 개인과제 하는데 주말이랑 월요일까지 복습 열심히 해야겠당 😣