UX/UI 디자이너

추천 도서인 '미친듯이 심플' 스티브 잡스와 오랫동안 함께 광고를 작업했던 디렉터의 경험이 담겨있다. 사실 스티브 잡스가 누구나 위대하다고 생각하지만, 정작 일을 어떤식으로 진행했고 판단을 내리는 방식에 대해서는 잘 알지 못해서 궁금했다. 솔직히 읽기 쉬운 책은 아니였지만 완독하니 뿌듯. 미친듯이 심플 - 경영철학은 모든 판단의 기초가 되어야한다. 2022/08/06 p.24 단순함은 비즈니에서 가장 강력한 양대요소인 지성과 상식의 소생이다. => 이 책 전반에서 '단순함'을 이루기 위한 여정이 담겨있을텐데, 어떻게 단순함이라는 키워드를 가지고 300페이지 가량을 이야기 할 수 있을지 궁금했다. p.34 잡스처럼 때와 장소를 가리지 않고 자신의 생각을 100% 솔직하게 말 할수 있는 의지나 능력을 가진 ..

사업에 관한 도서 20권정도 추천받았다. 이전에 읽은 도서에서 비젼펀드로 유명한 손정의의 추천사가 눈에 띄어 이 책을 선택하게 되었다. 사업을 한다는 것 - 레이 크록 맥도날드 창업자 도서 리뷰 2022/07/03 p.102 여러분들이 가장 먼저 팔아야하는 것은 여러분들 자신 입니다. 자신을 판 후라면 종이컵도 쉽게 팔 수 있습니다. =>역할에는 사람들이 기대하는 모습이 있다. 그 모습을 충족해야 효과가 좋다. 가끔 디자이너로서 사람들이 기대하는 디자이너의 복장이나 태도가 있는것 처럼 느껴진다. 그 기대를 충족해야 상대의 믿음을 사고 다음 단계로 나아갈 수 있다. p.119 '마음을 다 한다면 못 해낼일이 없다.' =>공짜로 얻을 수 있는건 없기에, 위험을 감수해야한다. 주식투자는 모두 걸어본적 있지만(..

이전까지는 각 콤포넌트 간의 데이터 통신을 설정해주지 않아서 사용자가 페이지에서 동작을해도 화면에 바로 반영이 되지 않았다. 이번 회차부터는 data를 app.vue 파일에 한군데 묶어 동장하도록 리팩토링한다! 이전에 배웠던 props와 event를 사용하게 된다! 리팩토링 정리 하위 콤포넌트의 펑션은 그대로 가져와도 되지만, 인자가 제대로 들어갔는지 확인해주면 된다! Vue.js 투두리스트 - props와 event로 리팩토링하기 2022/06/06 0.과정 요약! 입력 > 저장 > 배열 > 화면에 푸쉬 1.Todolist에 있는 기능을 Props로 만들기위해 App.vue로 옮기기 -todoList에서 입력하면 리스트 생기는 created 코드 script로 가져오기 -todoitems는 모든 파일에..

잠깐 스톱했던 이유가 index 파일의 스타일이 먹히지 않아서 고민이었는데.. 개발자 친구에게 물어본 결과 public파일의 index가 아닌 다른 index파일에서 작업해서 였다!! 이것 때문에 일주일을 고민했는데 이제 완전 해결! 계속해서 학습하기.. Vue.js 투두리스트 - 완료 상태로 전환하기, 데이터 삭제하기 2022/06/05 1. Todolist 체크박스 만들고 완료시 완료상태표시 -미리 체크박스 스타일링 확인 .checkBtn{ line-height: 45px; color: aquamarine; margin-right: 5px; } .checkBtnCompleted{ color: grey; } .textCompleted{ text-decoration: line-through; color:..

[오늘의 할일] 사용자가 화면에서 입력한 내용을 로컬 스토리지에서 저장해서, 로컬 스토리지 내용을 리스트로 가져오고, 리스트의 내용을 삭제하는 기능 구현 Vue.js 투두리스트 - List 데이터 로컬스토리지에서 가져오기, 삭제하기 2022/04/21 하고싶은거:input에서 저장한 로컬스토리지 내용을 List 콤포넌트에서 출력 1.데이터 선언 -로컬 스토리지에서 가져온 내용을 데이터에 묶어주기 data:function(){ return{ todoItem:[] } } -vue.js에서의 lifecycle Hooks란? >> 더보기 *lifecycle Hook -8단계로 이루어진 콤포넌트의 라이프사이클 (생애 주기) -created: 인스턴스가 생성되자마자 호출 -자바스크립트의 로컬스토리지란>> https..

Vue.js 투두리스트 - Input를 위한 로컬스토리지 + 스타일 2022/04/18 1. TodoHeader파일에 vue style scoped :현재 콤포넌트에만 스타일 적용 :넣고 싶은 스타일 넣어주기 -Header에만 적용됨 -로컬서버에서 확인 2.App.vue파일에도 스타일 정의해주기 -body등의 요소 스타일 정의 body{ text-align: center; background-color: bisque; } -그외의 요소들도 미리 스타일 정의: 인풋 / 버튼 / 그림자 (*간단하게 디자인 해둘걸..) input{ border-style:dotted; width: 200px } button{ border-style: groove; color: aquamarine; } .shadow{ box-..

오랜만에 학습이라 지역콤포넌트/전역콤포넌트부터 다시 공부했다. 헤헤.. [한줄 요약] -실무에서 쓰는건 지역콤포넌트! -콤포넌트마다 개별 vue 파일로 제작! -한 파일안에는 하나의 div 파일만 존재! -App.vue 파일에 모을때는 import와 new vue에서 콤포넌트 정의 필수! Vue.js 투두리스트를 만들기위해 기본 셋팅하기 + 지역콤포넌트 설정 2022/04/15 [반드시 필요한 개발 환경] -NPM -Visual Studio -vue.js -github -Chrome [Visual Studio code] -무료 프로그램, 홈페이지에서 다운 받기 https://code.visualstudio.com/ -플러그인 vetur 사용하기 :코드를 인식하여 가독성 좋게 변경 -TSLint 사용하기 ..

git사용하기 (4) - git컴플릭트 해결하기 2022/04/14 1.깃 컴플릭트 해결 -두명 이상의 작업자가 같은 파일을 고칠시, 상반되는 내용이 있을시, -각각의 변경 사항을 비교(compare)하고 직접 수정하기 2.user1 마스터에서 새로운 기능 브랜치 제작(예:resevation) 2-1.user1: 새로운 내용 추가 > 소스트리로 스테이지/커밋/푸쉬 -파일 하나에 내용을 덧붙인다 -소스트리를 이용하여 커밋과 푸쉬를 한다 -브랜치 잘 올라갔는지 확인하기 3. user2 마스터 클릭 > 같은 파일에 내용변경 -vs에서 2번의 파일에서 다른 코드를 입력하고 -소스트리로 푸쉬/커밋을 진행 -두개의 내용 확인하기 4. 2번에서 만든 브랜치 > 병합클릭 -2번에서 만든 브랜치에서 병합 클릭 -컨플릭트..

git사용하기 (3) - 포크/풀리퀘스트/어멘드/리버트/체리픽 2022/04/13 1.포크 -콜라보레이터로 권한을 요청하지 않아도 타인의 깃을 통재로 복사 -포크해온 브랜치를 마스터로 푸쉬가능 -원본을 유지하되, 여러 원격저장소에서 사용할수 있다는 점 a. 포크가 가능한 저장소 상단에 포크 버튼 클릭 b.이름 지정 c.본인의 계정 확인 -본인 계정에 복사된 내용 확인 가능하다. -원본은 어디에서 왔는지도 표기된다. d.코드 버튼 클릭하여 URL 복사 e.소스트리에 URL로 코드 가져오기 -자동으로 이름이 지정됨 f.스테이지/커밋/푸쉬 후 변경사항 확인 -파일 변경후 스테이지/커밋/푸쉬 후 변경 되었는지 확인한다. g.변경 한 내용을 원래의 저장소에 추가하기 -기존에 포크했던 원격 저장소 주소를 복사 -소..

push관련해서 토큰 문제로 헤매다가 진행하는 소스트리로 깃, 깃허브 활용하기. git사용하기 (1) - git환경 셋팅과, 로컬 git 생성, github에 업로드>> git사용하기 (1) - git환경 셋팅과, 로컬 git 생성, github에 업로드 2015년도 쯔음에 깃허브를 처음 사용해 보았는데 작업 기록용으로 사용했지, 협업용으로써는 사용해본적이 없어서 궁금하여 다시 공부해보기로 하였다. 개발 환경세팅할때는 어쩔수 없이 터미 studiodebbbie.tistory.com git사용하기 (1) - git환경 셋팅과, 로컬 git 생성, github에 업로드 2022/04/05 1.소스트리 웹사이트에서 프로그램 설치하기 https://www.atlassian.com/ko/software/sourc..