uxui

TIL (Today I learned)  오늘 나는 무엇을 했나요- React 입문 1주차- UX집중반오늘은 어떤 것을 배웠나요-React 입문 1주차Props Props는 부모 컴포넌트에서 자식 컴포넌트로 데이터를 전달하는 방법이다. 중요한 점은:단방향으로만 흐른다. 즉, 부모 → 자식 방향으로만 데이터가 전달된다.읽기 전용이다. 자식은 부모로부터 받은 데이터를 변경하지 않는다. 예를 들어, Mother 컴포넌트가 Child 컴포넌트에 name 값을 전달하려면function Mother() { const name = '홍부인'; return ; // name을 motherName으로 전달}  Child 컴포넌트에서는 props를 사용하여 이 값을 받을 수 있다!function Child(props)..

TIL (Today I learned)  오늘 나는 무엇을 했나요- React 입문 1주차- UX집중반오늘은 어떤 것을 배웠나요-React 입문 1주차 화살표 함수를 배웠다.먼저 사용하는 이유는 결국 더 간단하게 사용하기위해 사용하는것이다. 원래 함수 표현은 이런식으로 간략된것 없이 반환값이 필요한 경우 return까지 명시를 해야한다.const add = function(a, b) { return a + b;};console.log(add(5, 3)); // 8위에 식을 보면 상수 add를 정의하는데 그 값에 함수를 할당하는 식이다.이때 함수의 매개변수 a,b를 받고 리턴에서 a+b를 반환하는 식이다. 하지만 화살표 함수를 사용한다면// 가장 간결한 형태의 화살표 함수const add = (a, b..

프로덕트 디자이너 본캠프 WIL 9주차 - FACTS(사실, 객관) :이번 일주일 동안 있었던 일, 내가 한 일1.자바스크립트 문법 종합반 1주차를 듣고 VScode로 실제로 코딩을 배웠다.2.집중반 리서치와 피드백 토론및 튜터님 피드백으로 UX리서치에 대해 좀더 구체적으로 배웠다. - FEELINGS(느낌, 주관) : 나의 감정적인 반응, 느낌자바스크립트 기초문법을 배우면서 느낀점은 수학공식 외우면서 기초문제를 푸는것 같았음. 쉽지않음.- FINDINGS(배운 것) : 그 상황으로부터 내가 배운 것, 얻은 것 그동안 UX 리서치를 한것에 대해 다른 팀과 서로 코멘트를 달면서 토론을 하고 튜터님께서 전체적으로 피드백을 해주셨다. UX에서 리서치를 할때 리서치를 언제까지 해야하나 그러한 문제에 대해서 배웠..

TIL (Today I learned)  오늘 나는 무엇을 했나요- React 입문 1주차 - UX집중반오늘은 어떤 것을 배웠나요 -React 입문 1주차리액트 기초에 들어가기전에 리액트 변수의 종류와 사용이유, 사용방법, 주의할 점  배웠다. 1.변수먼저 변수를 사용하는 이유는 데이터를 저장하고 관리를 하여 프로그램의 복잡성을 관리하고 재사용성 및 유지보수를 향상시키기위함이다. 이때 변수는 총 3가지로1.let2.const3.var 스코프로 분류let과 const 은 블록 스코프 변수로 선언된 블록 내에서만 접근이 가능하고var은 함수 스코프 변수로 선언된 함수 내에서 유효하다. 이것이 var을 사용 지양해야하는 이유이다.함수 스코프를 가진다는것은 함수 내부 어디에서든 접근이 가능하다는것으로 예상치 못..

TIL (Today I learned)  오늘 나는 무엇을 했나요-JAVA 스크립트 문법 종합반 1주차- UX집중반오늘은 어떤 것을 배웠나요 -JAVA 스크립트 문법 종합반 1주차 자바스크립트에는 함수라는것이 있다. 함수를 사용하는 이유는 코드의 재사용성을 높여서 효율적으로 작업을 하기 위함이다. 함수를 선언을 하고 그안에 식을 작성하고 그것을 호출하게되면 결과값을 반환하는식이다.이러한 함수안에 식을 작성할때 여러 문법과 같이 쓸수 있다. 함수의 기본적인 선언문function add(x, y) { return x + y;}console.log(add(2, 3)); // 5  조건문과 반복문이 두 문법은 자주 쓰이는 문법이다.먼저 조건문은 if, else if, else, switch가 있는데swit..

TIL (Today I learned)  오늘 나는 무엇을 했나요-JAVA 스크립트 문법 종합반 1주차- UX집중반오늘은 어떤 것을 배웠나요  -JAVA 스크립트 문법 종합반 1주차  오늘부터 자바 스크립트 문법 강의를 듣기 시작했다.자바 역사 언어 특징등을 배웠고 특징중에선 객체 지향 프로그래밍과 클라이언트측 및 서버측 모두에서 사용가능하다는 특징이 제일 머리에 남았다. 객체 지향 프로그래밍을 알기전에 절차지향부터 말하자면 절차지향은 말그대로 첫번째 일부터 순서대로 n번일까지 프로그램을 만드는것이고 객체지향은 데이터와 함수를 객체라는 그룹으로 묶어서 처리를 하는식으로 필요한 객체를 만들어서 필요할때마다 재사용할수있다!  기본문법에는 가장 기초가 변수와 상수를 배웠다.먼저 변수는 재사용하기 위한 기능이다..

프로덕트 디자이너 본캠프 KPT Keep (현재 만족하고 있는 부분)모르는 부분은 최대한 혼자 해결해보고 그것도 안되면 튜터님들에게 질문하는것이 공부할때 더 확실히 기억을 할 수 있는것같아서 좋다.Problem (불편하게 느끼는 부분)- 튜터님 인원 수가 적었음 질문을 드리러갈 때 학생 수에 비해 튜터님의 수가 적어서 질문을 하기까지 오랜 시간이 걸릴 때가 있다. -피곤한 몸 요즘들어 pc를 오래봐서 눈이 떨림 Try (Problem에 대한 해결책)-튜터님 인원수 사실 이건 어쩔수없어서 최대한 혼자서 해결해보는식으로 하고있다. -피곤한 몸 최대한 영양제 챙겨먹고 눈운동해야겠다.프로덕트 디자이너 본캠프 WIL 6주차 - FACTS(사실, 객관) :이번 일주일 동안 있었던 일, 내가 한 일노코드 강의로 웹플..

TIL (Today I learned)  오늘 나는 무엇을 했나요-디자인 카타  Saas 리서치-서비스 랜딩페이지 개인과제오늘은 어떤 것을 배웠나요디자인 카타  Saas 리서치 오늘은 발표하는것 대신 튜터님께서 장표를 보면서 설명을 해주는식으로 하였다.오늘은 ZOOM 장표를 만든것을 보면서 설명을 해주셨다.먼저 줌의 서비스 유형을 보자면 일단 서비스유형이 이렇게 있지만 6개정도 조사를 해왔지만 결국 이게 하나의 서비스유형으로 볼수가있다. 줌으로 치면 "커뮤니케이션 툴"로 볼수있다.   다음 줌의 핵심경험을 설명하는 장표에서 이것이 핵심경험을 보면 길게 쓰여있는데 사실 이것은 현재의 줌에 대한 설명이라고 볼수있고 맨처음 줌이 나왔을때 왜나왔는지 처음부터 이러했는지 처음엔 어떤기능만 있었는지를 중점적으로 봐..

TIL (Today I learned)  오늘 나는 무엇을 했나요-디자인 카타  Saas 리서치-서비스 랜딩페이지 개인과제오늘은 어떤 것을 배웠나요 디자인 카타  Saas 리서치 내일 발표일을 앞두고 마지막으로 자료를 리서치하다가 튜터님께서 넣었으면 하는 것을 알려주셨다.1.핵심기능(행동) 2.핵심기능 플로우 3.핵심기능 플랜목록 및 플랜별 차이점4.플랜 업그레이드 유도시키는 법 일단 그동안 조사를 해온것들을 잘 정리를 하였고 그중에 플로우는 PC와  앱 둘다 핵심기능 즉 파일업로드에 대한 플로우를 만들었다. 이렇게 플로우를 보면서 드는 생각이 Dropbox는 기능이 많지만 그것이 핵심기능(파일업로드)을 방해 하지 않고 핵심기능을 정말 쉽게 할수 있도록 UXUI 되있는것같아서 사람들이 많이 사용하는것같은..

TIL (Today I learned)  오늘 나는 무엇을 했나요-디자인 카타  Saas 리서치-서비스 랜딩페이지 개인과제오늘은 어떤 것을 배웠나요  디자인 카타  Saas 리서치  SaaS 리서치를 할때나 그외 서비스를 리서치할때 가장 중요한것은  사람들이 이거 때문에 쓰기시작했어요를 찾아야 한다. 즉 그 서비스로 유저가 하는 핵심행동이다. 예시로 ZOOM을 들어보자 줌은 그룹으로 뭔가 채팅을 하는것이 핵심행동이다.  이제 그 핵심행동을 기반으로 비즈니스 모델에서 플랜별로 어떤것이 변하였는지, 또 핵심행동을 위한 기능이 무엇이 있는지를 자연스럽게 연결지어서 찾을수있는것이다. 하나 더 예시로 dropbox로 볼수있는데(본인 캡쳐본) 드롭박스의 핵심행동은 파일을 올려 공유하고 다른 기기에서 사용하게 한다이..