본문 바로가기

스파르타코딩클럽82

스코클 본캠프 5주차 수요일 TIL <미니프로젝트> 홈화면 클로닝을 마무리했다. 윤정님이 GNB와 Navigation Bar를 만들었고 나머지 콘텐츠 영역을 내가 만들었다. 위 사진은 원래 윤정님이 만들기로 했던 부분인데 만들지 않으셔서 내가 만들게 된 컴포넌트이다. 근데 특이한 점은 티맵에서 광고배너까지 만들었다는 점이다. 이미지나 텍스트 크기 등을 보았을 때 다른 컴포넌트와의 통일성이 보였다. 하지만 광고 닫기 버튼은 왜 저렇게 넣었는지 이해가 안 간다. 카드와 카드 사이의 간격이 2밖에 나오지 않았다. 원래 디자인은 어떻게 되었는지 모르겠지만 아마 카드 위에 달려있는 Chip 때문에 간격이 달라졌을 것이라고 생각한다. 그리고 나서 내가 맡았던 대리운전 플로우를 그대로 클로닝해보았다. 클로닝하면서 느낀점 "동그란 버튼은 마진이 12px이지만 쿠폰 버튼.. 2024. 1. 24.
스코클 본캠프 5주차 화요일 TIL <미니프로젝트> 1월 23일 오늘부터 미니프로젝트가 시작되었다. 미니프로젝트의 주제는 UI 구조 분석 기반의 클론디자인이다. UI 분석을 중심으로 클론까지 진행하게 되는데 총 5개의 스텝이 있다. 서비스 선정하기 서비스별 사용자의 핵심 행동 파악하기 사용자의 서비스 이용과정 그려보기 해당 화면들의 UI 구조 분석하기 클론디자인 1. 서비스 선정하기 나는 커머스를 깊게 파고 들고 싶었지만 다른 팀원들은 커머스 미션에 지칠대로 지친 상황이었다. 하지만 최근 당근 구인공고 글에서 지도 디자이너를 채용한다는 글을 보고 지도 UI에도 호기심이있었기에 티맵을 하고 싶은 팀원들의 설득에 쉽게 넘어갔다. 근거로는 티맵의 잘 정리된 카드 UI가 보고 배울점이 많아 보였고, 원래는 내비게이션이 핵심 기능이었는데 이제는 부가서비스가 많아졌.. 2024. 1. 23.
스코클 본캠프 5주차 월요일 TIL 오늘은 개인 과제가 마무리되는 날이자 팀프로젝트를 준비하는 날이다. 개인과제를 마무리하기 전에 특강을 듣고 여러 부분을 국소적으로 개선하였다. 어떤 개선점이 있었는지 그리고 왜 바뀌었는지에 대해서 사진을 첨부하여 기록하겠다. Feedback Improvemets 여러 작은 개선점 Point 개선점 2024. 1. 22.
스코클 본캠프 4주차 WIL 위 사진들은 개인숙제 피드백을 받기 전까지 내가 추가적으로 진행한 연습 결과물이다. 강의를 복습하라는 매니저님의 말씀이 있었지만, 나는 개인숙제를 처음부터 다시 진행하였다. Hi-Fi로 넘어가기 전까지만 제작을 하고 치지직을 클로닝하면서 컴포넌트 활용 능력과 레이어 정리를 연습하였다. 이런 연습을 거듭하면서 디자인을 보는, 만드는 실력이 향상되었고 그사실을 1차 개인숙제 결과물을 보면서 깨닫게 되었다. 그래서 어제 올라온 TIL에서와 같이 많은 부분이 개선되고 수정되었지만, 오늘 김태길 튜터님의 특강(숙제 채점기준 등을 알려주는)을 듣고 수정할 부분이 많이 보였다. 대략 내용은 이러했다. 1. 4배수 디자인을 하면서 간격에 의해 컨텐츠의 크기가 소수점이 되는 것은 자연스러운 일이다. 2. 스파르타 우유를.. 2024. 1. 19.
스코클 본캠프 4주차 목요일 TIL 위 사진들은 전부 내가 오늘 피드백을 기준으로 수정을 한 내용이다. 여태껏 거의 두 번에 걸쳐 클로닝을 하다보니 레이어를 정하는 방법을 알게 된 것 같다. 이전에 했던 개인숙제 결과물을 보니 확실히 엉망인게 눈에 보였다. 인사이트 1. 컴포넌트 하나로 여러 자식을 편집해서 사용하는 것이 훨씬 효율적이다. 2. 카드컴포넌트 자체에 패딩 값을 넣는 방식도 있다. 이런 경우 프레임 안에 간격을 주지 않아도 거리를 유지할 수 있다. 미흡한 점 1. 개인숙제에서 버튼 간격이 좁다. 2. 또한 CTA 여백을 늘린 PX값과 그 값의 근거가 뭔지 아직 모른다. 3. 팀원들이 회고 시간에 비회원구매 버튼이 변경 전이 더 시인성이 좋아 보인다고 했다. 끝 2024. 1. 18.
내 물건을 소개합니다! 라는 주제로 글을 써보겠습니다 스피커 이름 Soundcore Mini 3 존재의 이유 사용자들의 휴대폰이나 노트북에서 제공되는 음질을 보충해주기 위해 존재한다. 물건의 주요기능 및 특징 내부에 앰프가 있어 전기신호를 진동으로 바꾸어 소리를 증폭시켜준다. 특히 휴대폰이나 노트북에는 내장되기 힘든 앰프의 크기와 형태가 장착되어 있어 상대적으로 높은 퀄리티의 음질을 제공한다. 이 스피커의 독특한 특징은 따로 있다. 앰프의 진동이 바닥쪽으로도 전해져 바닥에 존재하는 물체의 재질에 따라 소리가 다르게 들린다. 예를 들면 나무로 된 책상 위에 올려놓으면 책상 전체가 베이스가 되어 웅장함을 선사시켜준다. 좋은 점과 아쉬운 점 이 스피커는 어디든지 들고 다닐 수 있게 소형으로 나온 용도에 맞게 방수 기능이 있다. 하지만, 스피커 Menu bar 안.. 2024. 1. 18.

티스토리툴바