eunzi789 님의 블로그

오늘 일정 ✨- 최종 프로젝트 진행 (문제 설정 논리 강화/ 페르소나 & 저니맵 / 장미순튜터님 피드백)- 개발 튜터링시간(github merge하기/ pull request 생성)    1. 페르소나 & 저니맵 진행 오늘 오전 튜터님과 진행상황을 공유드렸고, 문제를 좀 더 뾰족하게 다듬을 것을 추천해주셨다. 문제정의 가설을 바탕으로 심층 인터뷰를 한 뒤경쟁사에선 어떤식으로 풀어가고있는지를 포지셔닝 맵으로 나타내는 것을 추천이 모든 과정을 거친 뒤, 유저저니맵을 그리면서 지점을 파악해볼 것어떤 지점에서 이탈을 하게 되는지 / 어떤 행동을 하면서 이탈하는지 (어떤 감정을 느끼는지) => 공통적으로 불편해하는 지점을 찾고, 목표달성을 못하는 지점을 뾰족하게 도출해볼 것! 경쟁사 조사와 사용자 리서치를 통해..

오늘 일정 ✨- 최종 프로젝트 진행(문제 설정 논리 강화/ 경쟁사 분석(ui,핵심기능,연령대 등)/ 포지셔닝 맵 / SWOT분석 / 장미순튜터님 피드백)- 개발 튜터링시간(git 설치)    1. 최종 프로젝트 진행 서비스를 선정하고 데스크리서치/ 사용자 인터뷰 / 페르소나 까지 작성해보았다. 그러고 튜터님께 피드백을 받았었는데,  내용으로는 SWOT 분석을 좀 더 해볼 것.문제 설정 논리가 아직 약하다는 것.솔루션의 설득력이 부족하다는 것.어떤 차별점이 있는지 명확하지 않다는 점흠.. 설계한 논리가 아직 설득력이 부족하다니 어디서부터 다시 메꾸는게 좋을지 월요일 아침부터 진지한 회의를 하였다.먼저 SWOT분석을 위해 경쟁사 조사를 다시 진행해보았다. 직/간접 경쟁사로  아래 6가지로 선정하였다. 루티너..

FACTS(사실, 객관) : 이번 일주일 동안 있었던 일, 내가 한 일1. 최종프로젝트 시작최종 프로젝트를 위한 새 팀이 편성되었다. 개발까지 구현할 수 있는 팀이라는 말에 조금은 부담스러웠지만 그래도 잘 할 수 있을 것 같은 느낌이 들어서 좋았다.  2. 서비스 선정최종 프로젝트 서비스를 선정하기 위해서 팀원들과 많은 이야기를 나누며 접점을 찾아보았다. 회의  결과 글로벌한 서비스였으면 좋겠는 것, 타겟 사용자가 특정계층이거나 소수일 경우엔 지양할 것, 경쟁사가 없는 서비스는 지양할 것 이렇게 제한을 두고 들어갔다. 이렇게 우리는 꿈이나 목표를 향해 달려가고 있다는 것을 공통점으로 꼽았고, 목표는 있지만 그에 따른 구체적인 계획을 세우기는 어렵다는 문제점에서부터 시작하였다. FEELINGS(느낌, 주관..

FACTS(사실, 객관) : 이번 일주일 동안 있었던 일, 내가 한 일1. React 공부 자바스크립트 문법부터 리액트까지 3주간에 걸쳐서 강의를 듣고 과제까지 해보았다.  2. UX집중반카카오페이 앱에 대한 데스크리서치와 사용자 입장에서의 니즈와 페인포인트를 찾아보면서 문제를 정의하고 솔루션까지 도출해보았다. FEELINGS(느낌, 주관) : 나의 감정적인 반응, 느낌1. 노력은 배신하지 않는다는게 트루?!평소 꾸준히 개발관련 공부를 조금씩 해왔던게 조금은 도움이 되었던 것 같다. 혼자서 인터넷강의를 보면서 연습했던 때에는 왜 그런건지 도통 이해가 가지 않았던 적도 있고 역시 나는 개발은 안맞나보다라는 생각도 많이 했었다. 그래도 바보가 되는 느낌이 싫어서 자존심때문에 개발관련 유튜브 영상을 종종 찾아..

하루 계획 ✨09:00 ~ 09:30 : 데일리 스크럼 진행 & 학습 계획 세우기09:30 ~ 12:00 : React 개인과제 - route-dom 활용해서 페이지 이동시키기12:00 ~ 13:00 : React 개인과제 - 부모에서 준 값 props로 받아와 적용시키기 14:00 ~ 16:30 : UX집중반 과제 마무리17:30 ~ 17:00 : 블로그 작성17:30 ~ 18:00 : 데일리 회고 진행하기(TIL 작성 후 제출) 19:00 ~ 21:00 : 디자인 집중반 참여  오늘 공부 내용React Router Dom 페이지 이동을 구현할 수 있게 해주는 패키지로 프로젝트에서 라우팅을 가능하게 하는 라이브러리다. 쉽게말해 버튼을 클릭하거나 링크를 눌렀을 때 다른 화면(페이지)으로 이동할 수 있게 ..

백틱(backtick)이란?더보기TMI1. 애초에 한국어 사용자는 한국어 표기 시 사용할 일이 없는 기호입니다. 보통 특정 발음기호를 가진 알파벳을 나타낼 때 씁니다. 주로 말을 생략하거나 소유격을 쓸 때 사용하는 아포스트로피나 주로 인용 문구를 담을 때 쓰는 따옴표와는 다릅니다. TMI2.벨로그를 포함해 마크다운(markdown)언어에서 1개 ~ 3개 기호 개수에 따라 inline 속성 또는 block 속성으로 코드블록을 입력할 때 쓰이기도 합니다. TMI3.참고로, Ruby, PHP 등 언어에서 명령 대체 문법으로 사용되기도 한다고 합니다. 백틱을 활용하면 이러한 점을 보완할 수 있다.연산자를 사용하지 않고 간단하게 문자열을 삽입할 수 있다.문자열 내부에 표현식을 사용할 수 있다.줄바꿈 (\n) 기호..

보통은 줄바꿈을 할때 태그를 사용해왔었는데 html일 경우엔 가능하지만 react를 배우면서는 뭔가 까다롭게 느껴졌다. return 아래엔 무조건 하나의 태그만 존재해야한다던지, return 다음 줄에 div를 쓰려면 ( ) 괄호에 한번 싸서 적어야한다던지 아무튼, 이참에 줄바꿈 가능한 방법들을 정리해보려고한다.  1. HTML의 태그 사용React의 return 구문에서 태그를 사용하면 텍스트가 줄바꿈됩니다.const MyComponent = () => { return ( 안녕하세요. 리액트를 배우고 있습니다. 줄바꿈을 하고 싶어요! );};export default MyComponent;   2. CSS를 이용한 줄바꿈CSS를 이용해 텍스트가 줄바꿈되도..

react 과제를 제출하고 해설영상을 보면서 어떤분이 질문을 하셨다. Q. map 매서드에서 key값을 지정하는 경우와 지정하지 않는 경우의 차이는 뭔가요? 튜터께서 대답을 해주셨지만 명확한 차이는 모르겠어서 더 찾아보았는데, 알아두면 좋을 것 같아서 블로그에 기록한다.map 메서드에서 key값을 지정하는 것은 react에서 리스트를 렌더링할 때 매우 중요한 역할을 한다고 한다.더보기먼저 map은,배열 중 하나로 배열내의 모든 요소 각각에 대해 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환하는 것이다. 즉, map은 불변성을 유지하며 새로운 배열을 생성해주는 기능! push/pop/sort 등의 배열처럼 직접 수정하지 않고 새로 배열해주니 동적UI를 구현하는 react에서 많이 사용한다.  Re..

하루 계획 ✨09:00 ~ 09:30 : 데일리 스크럼 진행 & 학습 계획 세우기09:30 ~ 12:00 : React 개인과제 - state사용하여 event 만들기 12:00 ~ 13:00 : 좋아요 버튼 클릭시 css이벤트 동작하게 만들기 14:00 ~ 16:30 : React 숙련- 1주차 학습16:30 ~ 17:30 : 아티클 진행 - 블로그 정리17:30 ~ 18:00 : 데일리 회고 진행하기(TIL 작성 후 제출) 19:00 ~ 21:00 : 디자인 집중반 참여  오늘 공부 내용 [원하는 이벤트를 주기 위한 개발 과정] react 미니과제 진행 중 step 5에서 state를 사용하여 event 만드는 부분이 있는데, 오른쪽의 이미지처럼 관심주기 버튼을 클릭하면 숫자가 1씩 증가하는 형태를 ..

하루 계획 ✨09:00 ~ 09:30 : 데일리 스크럼 진행 & 학습 계획 세우기09:30 ~ 10:00 : JavaScript 문법 복습10:00 ~ 10:40 : ch5. 발제참여 & 계획세우기11:00 ~ 13:00 : React 입문 - 2주차 학습 완료 14:00 ~ 16:30 : React 숙련- 1주차 학습16:30 ~ 17:30 : 아티클 진행 - 블로그 정리17:30 ~ 18:00 : 데일리 회고 진행하기(TIL 작성 후 제출) 19:00 ~ 21:00 : 디자인 집중반 참여  오늘 공부 내용아티클 : https://eunzi789.tistory.com/79지금의 디자인은 어떻게 변화하고 있는지에 대한 3가지 차원에 대한 이야기로, 현재의 디자인 직무에 대한 변화 또, 디자이너의 업무환경..