내일배움캠프/본캠프 TIL 50

TIL 53일차

TIL (Today I learned)  오늘 나는 무엇을 했나요- 최종프로젝트- 리액트 튜터링 오늘은 어떤 것을 배웠나요- 최종프로젝트 오늘요약0.취향 성향 테스트 UI 완성 먼저 취향 성향 테스트를 하기 위한 질문지를 작성을 했다.질문지를 작성할때  튜터님의 피드백을 생각하며어떤 “기준점”으로 질문을 던지고, 질문을 통해 “어떤 유형들로 분류할 것인지?”  을 중심으로 질문지를 작성을 하였다.     그다음 UI를 디자인하였다.  여기서 가운데 일러스트는 팀원중 한명이 제작을 담당하였다.버튼과 프로그래스바 , 질문 선택지를 배치하였고, 배치를 할 때 선택지같은경우 최대한 사용자가 보기편하고 누르기 쉽게 넓게 버튼을디자인하였다.       이것은 성향 결과 화면으로 여러 레퍼런스를 참고해서 최대한 브랜..

TIL 52일차

TIL (Today I learned)  오늘 나는 무엇을 했나요- 최종프로젝트- 리액트 튜터링 오늘은 어떤 것을 배웠나요- 최종프로젝트 오늘요약1.브랜드보이스를 만들었다. 브랜드보이스 본문 설명은 리서치를 통한 근거를 통해 내가 작성하였고, 그외 키워드는 팀원들과 함께 정해서 친근하고, 부담없고, 일상적인 분위기의 서비스로 결정을 하였다.  2.스타일가이드만듬우린 메인컬러를 파란색계열로 잡고 세컨더리를 하늘색 그리고 포인트컬러를 노란색으로 잡았다.각 색의 의미는  파랑:신뢰와 안정감: 파랑은 신뢰와 안정감을 주는 색으로,사용자가 편안하게 소통하고 책을 읽을 수 있는 신뢰성 있는 환경을 강조합니다.노랑:따뜻함과 친근함: 노랑은 활기차고 따뜻한 색으로, 소통의 자유로움과 편안한 분위기를 전달하는 데 좋습니..

TIL 51일차

TIL (Today I learned)  오늘 나는 무엇을 했나요- 최종프로젝트- 리액트 튜터링 오늘은 어떤 것을 배웠나요- 최종프로젝트 오늘요약 1.튜터님 정기멘토링 및 후 피드백 반영먼저 발표장표정리는 중간중간마다 하는것보다는 결과물이 다 나왔을때 해서 마지막 하루이틀 잡고하는것이 좋다.그 이유는 장표정리목적이 중간발표회일텐데 중간발표회의 목적은 발표그자체가 아니라 중간에 다같이 피드백을 받아보는것이 목적이므로 중간마다 발표장표를 정리하는것은 좋은방향이 아니다.물론 파이널때는 보여주는 형식도 중요하니깐 그때는 이런방식으로 하는것이 맞다.  다음 서베이 대상자 기준을 정할때 우리가 기준으로 잡은 "독서 플랫폼을 한번이라도 써봤는지" 라는 기준은 기준점으로 잡기에는 힘듬그이유는 과거에 한 번이라도 사용한..

TIL 50일차

TIL (Today I learned)  오늘 나는 무엇을 했나요- 최종프로젝트 - 리액트 튜터링 오늘은 어떤 것을 배웠나요- 최종프로젝트 오늘요약1.튜터님 피드백사용자 설문지를 만들고 이대로 올려도 되는지 튜터님 컨펌받고 "설문지는 괜찮으나 타겟설정이 앞에서 리서치한 결과와 연결이 되지않았다"라는 피드백과 그외 피드백들을 받았다. 2.설문지폼 배포그후 근거를 통한 타겟 설정후 설문 참여 대상 내용과 첫번째 질문으로  타겟의 특성 체크할수있는 질문 설문지폼 마무리후 배포  3.스케줄작성다음주 월요일까지의 디테일한 스케줄 작성  4.심층인터뷰 질문지작성심층인터뷰는 그룹A 와 그룹B로 나누어서 진행할 예정이다. 그룹A : 독서 커뮤니티를 이용중인 사람그룹B : 독서 커뮤니티를 이용하고 싶지만, 아직 사용하지..

TIL 49일차

TIL (Today I learned)  오늘 나는 무엇을 했나요- 최종프로젝트 문제발견- UX집중반  오늘은 어떤 것을 배웠나요- 최종프로젝트 문제 발견 오늘은 전날 도서 라는 도메인을 선정후 시장조사, 경쟁사조사,타겟사용자 조사,트렌드조사를 끝내고 인사이트를 정리를 한 후 튜터님에게 피드백을 받으러갔다.우리가 정한 문제독서의 필요성은 알지만, 접근하기 힘든 사람들 시장조사최근 10년간 종합 독서율은 하락하고 있지만 독서의 중요성은 강조되며 이는 여전히 필요한 활동임을 보여줌 현대인의 인식 독서의 유용성을 인정하면서도 문해력 수준이 낮아지고 있는 현실은, 독서의 필요성을 인지하고 있음에도 실제로 이를 실천하는 행동으로 이어지지 않고 있음을 시사한다. 이는 현대인의 생활 패턴이나 독서 환경에 실질적인 제..

TIL 48일차

TIL (Today I learned)  오늘 나는 무엇을 했나요- 최종프로젝트 문제발견- UX집중반  오늘은 어떤 것을 배웠나요- 최종프로젝트 문제 발견 오늘 달성한거 :우리가 해결할 문제를 정하는 과정에서 다음 단계로 넘어갈때 단계, 순서를 이상하게 진행 하고 있었던것을 깨달음내일 할일 :문제설정의 기준에 부합한지 다시 리서치조사 오늘 우리는 긴 출퇴근으로 인하여 직장인들이 우울증을 겪는다. 라는 문제점을 발견을하고 그것에 대한 시장조사, 트렌드조사, 근거를 찾았다.  조사데이터를 토대로 우리는 이것이 정말 사용자의 진짜 문제인지, 문제를 UXUI 솔루션으로 해결할수있는문제인지,사용자리서치를 통해 검증할수있는 불편함인지, 문제를 해결함으로써 어떤 가치를 창출할수있는지를 대입하고 정말제대로 문제설정이 ..

TIL 47일차

TIL (Today I learned)  오늘 나는 무엇을 했나요- 최종프로젝트 문제발견- UX집중반  오늘은 어떤 것을 배웠나요- 최종프로젝트 문제 발견 오늘은 어제 다 듣지 못한 의견들을 전부 보았고,그후 일단 과정을 정리후 1차 피드백을 받으러 출발함. 피드백내용일단 문제를 발견하기 위해 여러 아이디어를 내고 그것중 몇개를 골라서 구체화 하였으면,고려해야할것은1.문제 중요성및 가치측면 2.비즈니스측면이며, 이를 위해서는 일단 시장조사와 경쟁사 분석 타겟사용자분석을 진행해야한다고 피드백을 받았다. 사실 피드백을 받기전부터 우리는 문제가 있었다. 바로 해결하고싶은문제를 발견하는 단계에서 벌써 솔루션까지 생각을 하고 그것을 기준으로 시장조사, 타겟사용자, 경쟁사분석을 한것이다.이렇게 될경우 다양한 아이디..

TIL 46일차

TIL (Today I learned)  오늘 나는 무엇을 했나요- 최종프로젝트 발제듣고 문제찾기- UX집중반  오늘은 어떤 것을 배웠나요- 최종프로젝트 발제듣고 문제찾기 오늘부터 최종프로젝트가 시작함 최종프로젝트는 MVP를 기획하고 디자인하는거임 일단 우리는 리더와 부리더를 정한후 간단하게 아이스브레이킹 후 계획설정을 하였다. 오늘은 첫날로 팀원과 상의하여서 해결하고 싶은 문제를 찾기위해 각각 의견을 내면서 진행하였다. 먼저 1차로 각자 다양한 의견을 냈다.먼저 의견을 낼때는 UXUI 솔루션만으로 해결하기 어려운 사회현상에 따른 문제보다 해결할 수 있는 문제와 검증할 수 있는 불편함을 위주로 의견을 냈다.그중 내가 낸 아이디어  소셜 미디어, 중고거래 사기,온라인 쇼핑 중 상품의 크기나 색상이 실제와 ..

TIL 45일차

TIL (Today I learned)  오늘 나는 무엇을 했나요- React 숙련강의- React 미니 과제- UX집중반 오늘은 어떤 것을 배웠나요-React 숙련강의미니과제에 필요한 강의가 아직 전 강의를 못들어서 일단 노션자료와 그외 검색으로 공부를 먼저 하였다. react-router-dom를 배웠다. 1.사용방법yarn add react-router-dom 터미널에 패키지설치 2.이동시킬 페이지 컴포넌트생성후 안에 내용을 채운다.ex) cafe.jsx , webtoon.jsx 3.우리가 만든 페이지 컴포넌트로 이동하게끔 컴포넌트를 만든다Router.jsx를 생성후 아래 코드 입력import React from "react";import { BrowserRouter, Route, Routes } ..

TIL 44일차

TIL (Today I learned)  오늘 나는 무엇을 했나요- React 숙련강의- React 미니 과제- UX집중반 오늘은 어떤 것을 배웠나요-React 숙련강의styled componet를 배웠다 정말 간략해서 요약해보았다. 이것만 알면 개념이나 사용하는데 충분한것 같다. 순서 요약 정리 1.styled-component 정의: ${(props) => props.속성명} 형태로 props 활용. 2.props 전달: styled-component를 사용할 때 JSX에서 props를 전달.styled-component사용하는이유 css줄때 1. 조건에 따라 스타일을 바꿀수있다. 2. 고유한 클래스이름 자동생성해주어서 충돌방지해줌 3.별도의 .css파일을 생성하지 않아도 된다. 4.기존의 만들어놓은..