분류 전체보기 17

4년간 기술 위주의 스타트업 / 건설 하면서 느끼는 것

조금 있으면 나도 만 4년을 꽉 채워 일한 디자이너가 된다. 게다가 지금 회사에서만 4년이다. 4년간 일하며 느꼈던 것들이 참 많은데 요즘은 또 이런 내용의 생각을 많이 한다. 기술 위주의 스타트업에 있다면, 게다가 지금 있는 분야가 디지털 불모지라면 비슷한 고민을 하는 분들이 많을 지도 모르겠다. 아직 브런치에 올릴만큼 정리된 생각은 아니라서 짧게 티스토리에 남겨본다. 다른 버티컬 B2B 제품이나 B2C 제품 이야기를 보면 보통 처음에 고객 세그먼트를 좁게 정의하고 그에 맞추어 MVP를 출시해 → PMF를 찾아가는 느낌인데 우리 회사는 많이 다르다고 느꼈다. 기술 위주의 솔루션이기 때문에 일단 기술부터 MVP로 구현시켜두고 → 가능성 있을만한 '잠재' 고객들을 매우 넓게 찾아다닌다. → 찾으면 그때부터..

☕️ 프로그라운드 커피챗

오랜만에 서울대 입구 가서 커피챗 진행...은 커피는 안마셨고 사무실 들어가자마자 물만 드링킹... 생각했던 것보다 사무실이 컸다. 회의실에 자리를 잡고 진행하셨는데 아예 IR자료를 보여주셨다. 왕... 연락을 해주셨던 분은 대표님이셨는데, PO 두 분도 함께 참여하셔서 얘기하는 자리가 되었다. 어... 어쩌다 내가 브런치 글을 쓴다는 이야기가 나와서 했는데, 나를 유명한 사람으로 생각하신 것 같기도 하고...? 그건 아닌데,,, ㅎ,,,,,,,ㅎㅎ,, 설명할 수록 더 장황해지는 것 같아서 그냥 넘어갔다,,, ㅎㅎ 코호트 분석, Web3 이야기들도 하니까 예전에 들어봤던 키워드들이라 열심히 듣게 되기도 했다. '역시 B2C는 이런 걸 중요하게 보시는구나' 하고 체감할 수 있었다. 검색했을 때 2016년에..

커스텀 위젯과 ListView() 위젯 사용 방법!

새로운 마음으로 시작한 프로젝트 :) 1. Custom Widget 사용 방법 2. 궁금할까봐 해주신 문법 설명 3. Custom Widget 말고 변수/함수로도 축약 가능 4. 아무거나 다 Custom Widget으로 만들지 말걸아,,, 5. ListView() 사용 방법 6. 숙제! 1. Custom Widget 사용 방법 레이아웃을 만들고 싶은데 너무 길다? 단어 1개 작명해서 깔끔하게 할 수 있다 = 커스텀 위젯! 맨 밑에 stless라는 단어를 입력하고 Tab이나 Enter를 누르면 class ~ 어쩌고 저쩌고 하는 코드 몇줄이 자동으로 생성된다. 이때 따로 뭔가를 클릭하거나 키보드를 누르지 않은 상태면 class 뒷 부분이 선택된 채로 타이핑할 수 있는데, 여기가 [작명]하는 부분임 나는 코딩..

☕️ 앤츠 디자이너 은희님 커피챗

브런치에 썼던 글을 보시고 이메일로 연락을 주신 분이 계셨다. 탄소회계라는 생소한 분야에서 B2B 제품을 만드시기 시작한 프로덕트 디자이너 은희님이었다. 아... 탄소회계라... 🫠 마침 은희님 회사가 역삼 쪽이라 근처에 있는 카페에서 뵙기로 했다. 열심히 걸어서 도착했는데 루이보스 티를 사주셨다 홍홍... 감사히 잘 마셨다... 🍵 내 글을 보시고 내가 산전수전 다 겪어본 분이겠구나 생각하셨다고 한다,,, ㅎㅎ 꼼꼼하게 읽어주셨던 것 같아 참 감사했다. B2C 쪽에서 UX Researcher로서 일하시다가 B2B 제품 디자인은 처음 맡게 되어 여러모로 힘드신 점이 많은 것 같았다. 개선할 수 있는 시기가 오기는 하는 건지 물으시는 걸 보니 많이 답답하시구나 싶었다 ㅎㅎ,,, 이런저런 질문을 하셔서 열심..

개발자 W님의 도움을 받아 안되던 것 해결 + 단축키 특강 ⌨️

토요일에 못풀었던 문제... 오류 나고 타이틀이 안보이던 건 Flexible() 안에 있던 Text() 부분을 W님이 RichText()로 바꿔서 썼더니 에러들이 없어지고 잘 표시됨!! 그리고 이어진 특강ㅋㅋㅋ 1. Settings > Appearance & Behavior > New UI를 켜기 베타로 나온 새로운 UI인데, Command + 5 눌러서 밑에 콘솔창 켰다 껐다가 가능하다!! 2. Tools > Actions on Save에서 Reformat code, Rearrange code 켜기 켜두면 Command + S 눌러서 저장할 때 코드 탭 안맞는 것들 정리해줌 , 있으면 내려주고 없으면 올려주고 해줌! 3. option + Enter 눌러서 Wrap with~이랑 Remove this W..

코딩애플 5강, Flexible()과 Expanded()를 배웠다!!!!!

1. Row, Column 안에서 고정값 말고, 비율로 박스를 채우고 싶다? 1-1. Flexible()로 하는 방법 1-2. Expanded()로 하는 방법 2. 박스 디자인했는데 의도와 다르다? 3. 당근 숙제 코딩애플이 푼 방법!! 4. 오늘 배운 Expanded()를 적용해서 반응형처럼 못했던 부분 바꿔주기!!! 5. 잊지 않고 Github에 Commit and Push! 1. Row, Column 안에서 고정값 말고, 비율로 박스를 채우고 싶다? Container(width: 50%), 같은 짓은 하지 말자,,, 1-1. Flexible()로 하는 방법 body: Row( children: [ Flexible(child: Container(color: Colors.blue), flex: 3), ..

Github 최초 커밋...!!

유튜브도 찾아보고 Github에서 쓰인대로 터미널에 입력해서 처음 커밋/푸시 해보려고 했는데, 자꾸 에러가 나서 오늘 E님께 도움 요청 ,, 자꾸 뭐가 있는데 없다, 없는데 있다 이래서 둘다 혼란ㅋㅋㅋㅋ 그런데 안드로이드 스튜디오 안에서 Commit Tab을 눌러서 깃헙에 커밋할 수 있는 걸 알게 되어서 그렇게 하기루 했다. E님 뇌피셜로는 터미널하고 뭔가 싱크가 잘 안 맞은 것 같다며. ㅇㅅㅇ... 글쿤! 어쨌든 나는 UI로 하는 게 더 편하긴 하니까 커밋 탭 열심히 써보는 걸로... Commit and Push 버튼을 눌러서 처음으로 Github에 커밋을 해봤는데 요렇게 나왔다 호호 이제 커밋 탭에서 이렇게 맨날 할 수 있당... E님이 다 해줌 호호 왼쪽은 원래꺼, 오른쪽이 수정한건데 자동으로 수정..

숙제) 당근마켓 UI 따라해보기 - 진짜 머리털 다 빠지겠다

저번 시간(4강)에 코딩 애플에서 당근마켓에 있는 이 리스트용 컴포넌트를 최대한 비슷하게 만들어오라구 했다. 5강이 자동으로 넘어가서 끄려고 했는데 마침 제목이 '숙제 안해오면 때림'이라서 더 급하게 꺼줌,, , ㅎ 오늘 아침 11시부터 했는데 생전 처음 개발해보는 복잡한 구성에 계속 되는 에러에 머리털 다 빠지는 줄.,,, 이래서 개발자 대머리 밈이 만은 걸가..,,,.?,??,.,? 아무튼 오늘은 내가 했던 순서대로 대충 차례 정해봄 1. 계속되는 에러의 향연.. 2. ♡4 넣기 3. Container 높이 지정해서 저쪼아래 박스를 데려오자,, 4. Row 안에 있는 Container에 마진을 주자 5. Column의 children으로 추가한 텍스트들 왼쪽 정렬 6. 타이틀 maxLine 지정 7...

텍스트스타일, AppBar!

1. TextStyle() 위젯으로 디자인 입히기 1-1. 텍스트 Color 넣는 3가지 방법 1-2. 자주 쓰이는 다양한 파라미터들 2. 버튼을 넣어보자! 3. AppBar와 자주 쓰이는 파라미터들 4. 다음 시간 숙제 소개 5. 레이아웃 혼자서도 잘 짜는 법 💡 1. TextStyle() 위젯으로 디자인 입히기일단 '안녕하세요'를 body에 child를 만들어 넣어보자. Text() 위젯 안에 style이라는 파라미터를 쓸 수 있다. style: TextStyle(원하는 스타일 파라미터 추가)body: SizedBox( child: Text('안녕하세요', style: TextStyle( fontWeight: FontWeight.w700), ) )예를 들면 이렇게! 1-1. 텍스트 Color 넣는 3..

📦박스📦 잘 그려야 앱 잘 만든다!!!!

오늘의 차례 1. 박스 여백 주는 법: margin, padding 파라미터 1-1. margin 적용 전후 1-2. padding 적용 전후 2. 박스 기타 꾸미는 옵션들: decoration 3. 박스 Center()말고도 다르게 정렬 바꾸는 법: Align() 4. 나 혼자 해보기 1. 박스 여백 주는 법: margin, padding 파라미터 1-1. magin 적용 전후 margin: 바깥쪽 여백 margin 파라미터를 쓰지 않으면 박스가 왼쪽 위에 딱 붙어버린다. 1-2. padding 적용 전후 padding: 안쪽 여백 padding 파라미터만 쓰면 차이를 모르기 때문에 잠깐 박스 안에 글자를 넣어서 테스트한 것. child를 사용해서 텍스트 추가! 왼쪽은 박스의 왼쪽 위에 딱 붙어서 텍스..

반응형