Small Grey Outline Pointer soyoung-
본문 바로가기
[인스파이어드 part 1] 최신 기술로 무장한 제품이 실패하는 이유 제품은 왜 실패할까? 실패 사례 윈도우8 : 최신 기술을 추가하여 출시하였지만, 기존의 직관적인 윈도우 UI/UX에 익숙하던 유저들의 반발을 삼 세그웨이 : 출시 전 혁신적인 이동수단이라는 기대를 모았지만 실제 사용시 활용성이 떨어짐, 비싼 가격 구글글래스 : 착용하는 사용자를 고려하지 않은 디자인 📌실패한 제품들의 공통점 => 사용자를 고려하지 않음 제품은 사용자의 선택을 받고 사용자가 사용해야 가치가 있다. 제품 출시 과정 발견 > 기획 > 구현 > 출시 제품 관리자 기획 / 디자인 / 개발 기획 - 제품, 서비스를 정의 방향을 수립 디자인 - 시각화, 구체화 개발 - 실제 사용이 가능하도록 개발 제품 관리자의 역할 비즈니스 방향성 + 기술/디자인 + 사용자가 가진 문제 해결 => 제품의 방향성을 확.. 2023. 9. 1.
[우아한 형제들] PO미신, 파랑새를 찾아서 https://youtu.be/u5MaPf6nntw?si=nhpikfc1y2BfRRK5 web에서 app으로, 서비스에서 프로덕트로 Web App 브랜딩, 정보 탐색, 콘텐츠 소비 중심 양방향성, 기능 중심 비동기 데이터, 정적 기술 동기 데이터, 동적 기술 Scene Flow 사용자 입력 GPS, 센서, 카메라 ... 낮은 복잡성, 상대적으로 적은 투자 규모 높은 복잡성, 막대한 투자 규모 적극적 외주 (비용 합리적, 낮은 리스크) In-House 개발 조직 필수 좁은 산업기반, 의존성 폭넓은 산업기반, 독립성, 성장성 PM의 역량과 전문성이라는 건, 어떻게 하면 가장 최소의 자원으로 최대 임팩트를 만들 수 있을지 고민하는 것. PM vs PO Product Manager Product Owner 전체.. 2023. 8. 31.
[우아한 형제들] 개발자가 생각하는 좋은 PM 나쁜 PM [우아한 형제들] 개발자가 생각하는 좋은 PM 나쁜 PM https://youtu.be/WVvFRh1vGv8?si=2_inx1lF2IfI4GXS ​ 좋은 PM은?! ​ 1.동기유발 인간이 어떤 목표의 달성을 위해 노력하게 하는 계기를 마련해주는 것 ​ pm은 개발에게 업무 요청하는 일이 많다. 개발자의 능력을 100% 끌어내는 역량이 있어야 한다. 나쁜PM) pm이 먼저 본인의 업무를 시작함. 업무 고민을 엄청 함. 그럼 잘 정리하고 개발자에게 던져준다. 그럼 개발자 입장에서 pm이 단순하게 시키는 일이 된다. 재미없고. (내가 개발자로 일 했을 때 이런 느낌을 많이 받았다. 시키는 것만 해라! 라는...) ​ OWN 나의 일 OWN : 내 마음을 쓰는 진짜 나의 일 어떤 일을 더 많이 신경쓰고 고민할 .. 2023. 8. 31.
기업에서 원하는 PM/PO/서비스 기획자는?! 나는 어떤 PM이 되고 싶은가! ​ 드디어 제로베이스 PM 18기 데일리 투두 미션을 진행한다! ​ 관심있는 분야 또는 기업의 PM/PO/서비스 기획자의 JD를 5건 검색 후 찾아낸 채용 공고의 JD와 자격요건에서 기업이 공통적으로 요구하는 사항이 무엇인지 알아볼 것이다. 내가 원하는 산업군은 패션 커머스, 라이프 스타일 커머스이기 때문에 이와 관련된 기업을 찾아 보았다. ​ ​ ​ ​ ​ 무신사랩 / PO(기획/PM) ​ ​ ​ ​ 29CM / Product Owner (Activation Squad) ​ ​ ​ ​ 지그재그 / 앱 서비스 PM ​ ​ ​ 당근마켓 / Product Manager 광고 플랫폼 ​ ​ ​ ​ CJ올리브영 / 라이프스타일 PM ​ ​ ​ ​ [미니창고 다락] 서비스 기획자(.. 2023. 8. 31.
[인간 JS 되기] promise, async/await promise const condition = true; //true이면 resolve, false면 reject const promise = new Promise((resolve, reject)=>{ if(condition){ resolve('성공'); }else{ reject('실패'); } }); //다른 코드가 들어갈 수 있음 promise.then((message)=>{ console.log(message); //성공(resolve)한 경우 실행 }).catch((error)=>{ console.log(error); //실패(reject)한 경우 실행 }) 📌promise : 내용이 실행은 되었지만 결과를 아직 반환하지 않은 객체 Then을 붙이면 결과를 반환함 실행이 완료되지 않았으면 완료된 .. 2023. 8. 6.
let과 var의 차이 let 과 var의 차이 let for(let i =0; i{ console.log(winBalls[i], i); addBall(winBalls[i] ,$result); }, (i+1)*1000); } var for(var i =0; i{ console.log(winBalls[i], i); addBall(winBalls[i] ,$result); }, (i+1)*1000); } 📌var는 함수 스코프, let은 블록 스코프를 가진다 a는 함수 안에 선언된 변수이므로 함수 바깥에서는 접근할 수 없다 함수를 경계로 접근 여부가 달라지는 것이 함수 스코프 var는 함수 스코프(함수만 신경 씀)라서 if 문 안에 들어 있으면 바깥에서 접근할 수 있다 하지만, let은 그렇지 않다 let이 블록 스코프(블록을 신경.. 2023. 7. 17.
[레츠기릿JS] 로또 추첨기 순서도 그리기 전체 공 개수를 45개로 하고 이 중에서 보너스 공까지 총 7개를 뽑는다 (마지막 공이 보너스 공) 단, 공 45개를 전부 다 섞은 뒤에 7개의 공을 뽑는다 const candidate = Array(45).fill().map((v, i) => i+1); //Array(45) 빈배열 45개 만들고, fill() : undefined로 채운다 //map()으로 리턴값 i + 1인 새 배열을 반환 // 1~45까지의 숫자가 담긴 배열이 생성 된다 자바스크립트 배열 만드는 방법 배열 리터럴 [] 대괄호로 배열 생성 var arr = []; Array() 생성자 함수로 배열 생성 var arr = new Array(); 피셔 예이츠 셔플 유한 수열의 무작위 순열을 생성하기 위한 알고리즘 (값을 랜.. 2023. 7. 17.
[노마드코더] 바닐라JS로 그림앱 만들기 #01 캔버스 기본 동작 const canvas = document.querySelector('canvas'); //컨버스에 그림 그릴 때 사용 context //컨버스의 좌표 시스템을 이용해서 그림을 그린다 const ctx = canvas.getContext('2d'); canvas.width = 800; canvas.height = 800; //좌표의 0,0 부터 시작한다 //한 경로로 연결되어 있기 때문에 컬러 변경 시 모든 사각형이 변경 됨 => 새 경로 만들어줘야 함 /* ctx.rect(50, 50, 100, 200); ctx.rect(150, 150, 100, 100); // ctx.stroke(); ctx.fill(); ctx.beginPath(); //새 경로 만들기 ctx.rect(350, .. 2023. 7. 1.
[프로그래머스] -js 짝수의 합 정수 n이 주어질 때, n이하의 짝수를 모두 더한 값을 return 하도록 solution 함수를 작성해주세요. 제한사항 0 v % 2 === 0) //배열에서 짝수에 해당하는 값만 뽑기 .reduce((acc, cur) => acc + cur, 0); //짝수들 누적 합산 } return Array(n).fill().map((_, index) => index + 1).filter(v => v % 2 === 0).reduce((a , c) => a + c, 0); 02. function solution(n) { var half = Math.floor(n/2); return half*(half+1); } 접근을 다양하게 하는 사람들이 많구나 난 너무 단순하게 생각하는듯 공부 열심히 해야지 2023. 6. 27.
[프로그래머스] - js 각도기 각에서 0도 초과 90도 미만은 예각, 90도는 직각, 90도 초과 180도 미만은 둔각 180도는 평각으로 분류합니다. 각 angle이 매개변수로 주어질 때 예각일 때 1, 직각일 때 2, 둔각일 때 3, 평각일 때 4를 return하도록 solution 함수를 완성해주세요. 예각 : 0 word.length > 6); console.log(result); // Expected output: Array ["exuberant", "destruction", "present"] 작은 값 걸러내기 function isBigEnough(value) { return value >= 10; } var filtered = [12, 5, 8, 130, 44].filter(isBigEnough); // filtered .. 2023. 6. 27.