에이미의 성장기록

📍 책 제목: UX개론 - 실무에서 통하는 UX 기본기 다지기 📍 저자: 앙투안 비조노 📍 책 구매처: 교보문고 ux개론 🌼 이 책의 장점 1. 하루만에 독파 가능한 단순 명료한 UX 입문서적 2. 일러스트와 그래프(도표)가 많아 비전공자도 쉽고 재미있게 이해할 수 있음 3. 크게 3가지 파트로 나누어 디자인 뿐만 아니라 비즈니스 전략을 짚고 넘어감 4. 디자인 이전의 애자일, 린, 스크럼, 린스타트업 등의 work trend를 알 수 있음 🌼 이 책의 구성 1장, UX 실무를 위한 주요 방법론 - 디자인 씽킹, 애자일, 린 스타트업, 저스트 인 타임, 스프린트 2장, 좋은 제품 디자인하기 - 사용자 요구, 페르소나, 기회나무, 상호작용 시스템 이용, 정서적 공감 3장, UX는 전략의 중심이다. - 비즈..

📍 책 제목: (사용자를) 생각하게 하지마! 📍 저자: 스티브 크룩 지음 사용성 평가의 필요성과 어떻게 해야하는지 아주 구체적으로 알려주는 책이다. 특히 대기업뿐만 아니라 소기업도 따라할 수 있도록 리소스를 적게 투입하고도 사용성 평가를 간단하게 할 수 있다고 설명한다. 디자이너, 개발자, 기획자들 모두 사용자가 이러할 것이다~ 라고 추측하는 것에 반하여, 혹은 의도와는 다르게 사용자가 행동하는 것을 본 적이 있다. 나는 꽤 많았다. 결과적으로 기획이 수정되면 다시 개발해야했었다. (기획이 바뀌어 개발을 다시 하게 되는 경험은 무척이나 불쾌하고 좋지 않다!) 사용성 평가를 충분히 했거나, 타깃 유저를 제대로 고려했다면 발생하지 않았었던 일인데, 직관에만 의존하거나 충분하지 않은 데이터로 UX를 짰을 확률..

📍 책 제목: 하루 5분 UX 📍 저자: 조엘 마시 📍 책 구매처: 교보문고 하루 5분 UX 하루 5분 UX - 교보문고 UX/UI 디자인 실무를 위한 100가지 레슨 | UX의 세계를 이해하는 가장 효율적인 방법, 매일 조금씩, 〈하루 5분 UX〉 애플의 창업자 스티브 잡스는 UX를 애플의 최우선 가치로 삼았다. 그리하여 눈에 www.kyobobook.co.kr 책 두께에 놀라지만, 챕터를 100개로 촘촘히 나눠놓아 읽기 쉽게 만든 저자의 센스에 읽기 전부터 신뢰감이 생긴다. 챕터가 짧으면서 요약적이라 실무 할 때 필요한 부분만 다시 꺼내 읽기 너무 좋은 책이다. 전반적으로 사용자 중심 "디자인"에 조금 더 초점을 맞춘 책이라, 개발자나 기획자보다 프로덕트 디자이너가 읽으면 더 좋을 것 같다고 생각했다..

아니 블로그 카테고리를 좀 잘못 만든 것 같다. TIL 매일매일 쓰는것도 아닌데 좀 민망하다. 쓸 곳이 없어서 기록용으로 남긴다. 서버와 프론트 모두 nginx로 배포하고 certbot으로 인증서를 받아 https까지 변경해놨다. 기존에는 프론트만 했었어서, 프론트 하는 방식 + 백엔드 하는 방식으로 작업을 했더니 인스턴스 2개에, 도메인을 2개나 따버렸다. 뭐 크게 상관은 없다고 하셨지만, 도메인 1개를 와일드카드 형식으로 썼으면 됬을텐데 아쉽다(어차피 무료여서 괜춚) 인스턴스도 1개만 따서 포트를 나누면 된다고 하셨었는데, 포트라는 개념이 좀 생소해서 네트워크 교육을 받고나서야 좀 이해가 되었다. 프론트도 굳이 인스턴스에 올리지 말고 s3로 할 걸 했는데 어차피 s3배포는 많이 해봤고, 인스턴스로 서..

1. 리덕스 라이브 세션 & 추가 세션(라이브 코딩) - 전역 상태관리, 상태 관리 라이브러리들, 리덕스 소개, 리덕스 장/단점, 리덕스 설정 파일, 리덕스 쓰는 법에 대한 강의를 했다. 그리고 리덕스 툴킷 코드 살짝 보여드리고, 질문을 받았다. 강의가 끝난 후 리덕스의 개념은 알지만 사용이 어려운 수강생들을 위해 기초 세션을 한번 더 열어달라는 담임 매니저님의 부탁을 받았다. 급하게 전달 받아 자료를 준비하지 못해, 리덕스를 실제로 어떻게 쓰면 좋을지 라이브 코딩 하면서 설명하는 시간을 가졌다. 1시간을 예상했지만, 열띈(?) 질문으로 2시간 하게 되었다. 리덕스는 당연히 러닝커브도 높고, 전역으로 상태를 관리한다는 것이 리액트 흐름의 본질과는 좀 달라서 받아들이기 어려울 것 같다. 일단 과제와 플젝을..

react를 ec2 서버에 올리고 도메인을 연결했다. pm2로 npm start를 시켰는데 invalid host header invalid host header node_modules/react-scripts/config/webpackDevServer.js 에서 const disableFirewall = !proxy || process.env.DANGEROUSLY_DISABLE_HOST_CHECK === 'true'; 이 부분을 이거로 바꿔줬다. const disableFirewall = true

1. react props/useState/useEffect 라이브 세션 8기부터 라이브세션 이라는 것이 첨으로 진행되었다. 방식은 기술매니저 각각이 1시간동안 개념 설명 및 코드 예제 등 자유롭게 발표 하면 된다고 했다. 우리반은 대부분의 친구들이 잘 따라오고 있지만, 어려움을 겪는 친구들도 있어서 가장 기본으로 설명하려고 난이도를 많이 낮춰서 준비했다. 발표 하고 너무 쉬웠나? 라는 생각이 들었다. 2주차부터는 난이도를 좀 올려볼까? 고민 하다가도 잘하는 친구들은 스스로 알아서 하는것을 지켜봐주고, 아직 어려움을 겪는 친구들이 동료 혹읜 나의 도움을 받아서 모두가 같이 올라가는 방향을 잡는게 맞다고 생각했다. 2주차는 리덕스 세션인데, 개인적으로 리덕스 사용을 좋아하지 않아서, 리덕스의 객관적인 장점..

1. 항해톡 운영 주제: 세션/쿠키/캐시 해당 주제로 A반의 지원자분께서 발표하셨고, 질문도 잘 받으셨다. 답하기 어려운 질문에 대해서는 대신 답변을 도와드렸다. 세션 방식으로 진행할때 ip를 보내는 방식, jwt방식과의 차이점, 쿠키삭제와 캐시삭제가 다른건지 등에 대한 질문이 있었다. 2. 게더 순회 1,2,3 조를 방문하며 현재까지 각 팀원들의 온도를 체크했다. 1~2주차의 소감이나 힘듬 정도, 그리고 앞으로의 계획이나 고민 등에 대한 가벼운 토크 2조가 질문을 8~10개 정도 모아놓고 기다리고 있었다. 조금 감동이면서 나를 반성하게 되는 계기 개발을 사랑하냐고 질문하셨는데 사랑한다고 답하지 못했다 🥺 사..사랑까진 못하는데.. 재..재밌긴 하다고 했는데 침대에 누워서 진짜 개발을 내가 어떻게 대하고..

🌟 자바스크립트 배열의 특징 타입이 없어서 배열 하나에 여러 타입이 섞여있어도 괜찮음 0으로 시작하는 32비트 인덱스를 사용해서, 최대 2의32승 -2 (32비트) 까지 커질 수 있다. 배열은 **성긴 배열(sparse)**이라 인덱스가 이어지지 않아도 됨! 모두 length 프로퍼티가 있다. 자바스크립트 실행 환경은 배열을 최적화하므로 일반적인 객체 프로퍼티보다 상당히 빠르게 접근 가능하다. Tip! 배열을 사용할때는 리터럴 형식으로 객체를 생성하고 push() 메서드보다 접근자를 사용해 데이터를 추가하는것이 최적화된 사용법이다. * 자바스크립트 배열에서의 성능 우위 문법 * let arr = new Array(); (X) let arr = []; (O) arr.push("안녕"); (X) a[2] =..

1. 객체 생성 객체 리터럴, new, Object.create() 함수를 사용 리터럴: 데이터(값) 그 자체. 변수에 넣는 변하지 않는 데이터를 의미 객체 리터럴: 중괄호 안에 프로퍼티를 정의하여 객체를 생성 new: 새 객체를 생성하고 초기화 new Object(), new Array(), new Date(), new Map() 프로토타입 객체 거의 대부분은 자신과 연결된 두번째 객체를 갖는다. 두번째 객체 = 프로토타입 객체 리터럴의 프로토타입 객체는 Obejct.prototype, new Array()로 만들어진 객체의 프로토타입은 Array.protype, new Date()로 만들어진 객체 프로토타입은 Date.protytype 이다. 프로토타입 체인: 특정 객체의 프로퍼티나 메소드 접근시 만..