https://yozm.wishket.com/magazine/detail/3029/?utm_source=stibee&utm_medium=email&utm_campaign=newsletter_yozm&utm_content=contents 1. Next.js2. Shadcn UI3. React Query 가볍게 공부해보기

https://yozm.wishket.com/magazine/detail/2919/?utm_source=stibee&utm_medium=email&utm_campaign=newsletter_yozm&utm_content=contents 내가 ‘차트 라이브러리’를 만들며 배운 것들 | 요즘IT“죄송하지만, 라이브러리에서 지원하지 않는 기능이라...” 프론트엔드 개발자라면 누구나 한 번쯤 이런 말을 해본 적이 있을 겁니다. 특히 데이터 시각화가 중요한 프로젝트를 진행할 때면 더yozm.wishket.com 작년에 사설 컴포넌트를 붙힌 라이브러리를 개발하였는데... 그때 느낀 생각들이랑 비슷한 것들이 기재되어 있어서 가지고 왔다.나는 비록 회사에 속해서 개발한 것이라 코드를 공개하지는 못하지만이 사람은 방법론..

2024 DEVCON - 박미정 (공유용)팀장이 되고서야 알게된 잘하는 개발자의 비밀docs.google.com '태도'로 바라보는 역량- 시도에 의미를 두자* 솔직함 / 공유와 피드백 / 꼼꼼함 / 지식 전파 '경험'으로 바라보는 역량- 시행착오를 겪으며 경험해야 의미가 있다.* 협업 / 왜 이 일을 해야하는가? /  문제 해결을 위한 실과 득 판단 / 올바른 성장 / 우선순위 결정 / 주도성 / 오너십 / 매니징   3년차* 솔직함 / 꼼꼼함 / 공유와 피드백 / 지식 전파 7년차* 협업 / 왜 이 일을 해야하는지? / 실과 득 판단 / 올바른 성장 / 주도성 / 꼼꼼함 10년차* 협업 / 왜 이 일을 해야하는지? / 우선순위 / 오너십 / 주도성 / 꼼꼼함   \각 자리에서 가질 수 있는, 필요한 ..

3 Career Principles that got me to Director at GoogleWhat helped me get 5 promotions in 10 years at Googleread.highgrowthengineer.com 이직과 경력 가이드라인에 대한 글. 공기업이나 공무원처럼 회사가 나의 정년을 책임져주는 것이 아니라면회사 생활을 하다보면 기준선이 꼭 필요한데 그것에 대한 대략적인 이야기를 해주고 있다. 내가 읽고 요약한 내용으로는하나. 개발(주작업) 과 문서작업, 회사 기타 업무(부작업) 의 균형을 맞추자.둘. 주변과 소통하며 업무하자. 실패를 있는 그대로 받아들이지 말고 도약의 발판으로 이용하자. 오래 가기 위해서는 일과 휴식의 밸런스도 중요하다.셋. 레거시 코드 및 문서의 최신화..

3달 만든 코드를 모두 엎고 배운 것 | 요즘IT창업한 다음, 제품을 처음부터 다시 만들기로 결정한 시점은 이미 프로젝트를 시작한 지 두 달이 지난 후였습니다. 처음부터 다시 코딩을 시작한 지 5주가 지나 알파 버전으로 서비스를 개시했yozm.wishket.com 사용자 중심의 프로그램 코딩.엔지니어도 갖춰야할 서비스 정신에 대한 글

공부란 '머리 속에 지식을 쑤셔넣는 행위'가 아니라 '세상의 해상도를 올리는 행위'라고 생각한다. 뉴스의 배경음악에 불과했던 닛케이 평균 주가가 의미를 지닌 숫자가 되거나 외국인 관광객의 대화를 알아들을 수 있게 되거나 단순한 가로수가 '개화 시기를 맞이한 배롱나무'가 되기도 한다. 이 '해상도 업그레이드감'을 즐기는 사람은 강하다. 참고 글 그대들, 어떻게 공부할 것인가 그대들, 어떻게 공부할 것인가. (주니어, 중니어, 시니어의 공부방법은 같아야 할까?) charsyam@naver.com docs.google.com

이전에 했던 프로젝트에서는 구현을 1. 백엔드 단에서 바이너리를 쪼금 주무르고, api 화 시킴 2. 완성된 api를 통하여 화면 단에서 바로 불러오게 함. 이런 형식으로 구현했었는데.. 그럴 필요가 없다는 것을 알게 되었다. 인터넷 서칭해보면 양 단에서 blob 형태로 잔뜩 주무르고 있는 것들을 볼 수 있어서, 쉽게 쉽게 하는 방법을 포스팅해보고자 한다. 물론, 화면 단에서 서버로 이미지를 바이너리 타입으로 저장하는 것은 비슷한 방법으로 먹히는지 모르겠다. 현재는 "불러와서 화면에 뿌려주기"에만 집중한다. 1. 백엔드에서 이미지 파일을 가지고 온다. 그대로 가지고 옴. (가공 x) 2. 프론트엔드 단에서 해당 데이터를 확인해보면 바이너리 타입이 아니라 string 타입으로 가지고 올 것이다. 3. 프론..

https://yozm.wishket.com/magazine/detail/2198/

원가(cost)란? 어떠한 목적으로 소비된 경제가치를 화폐액으로 표시한 것. 재료비, 노무비, 경비로 구성되며, 이를 원가의 3요소라고 함. - 이것들은 다시 각 제품에 직접 부과할 수 있는 직접비와 여러 제품의 생산에 대하여 공통으로 쓰이는 간접비로 세분됨. 표준 원가 (Standard) * 미리 결정된 원가로 창고를 평가 * 예상 원가로 마진을 계산 * 표준 대비 실제 차이 (Variance:변화량) 로 발생 * 표준 원가로 조직 평가 (목표 대비...) * 경영 의사 결정 용도로 사용 * Cost Type 을 달리하여 여러 시뮬레이션 가능 평균(실제) 원가 (Average) * 가중이동평균 방식으로 창고 평가 * 표준원가 정의가 불 필요함 * 실제원가 방식으로 마진을 계산 * 과거 원가 자료를 통하..

1단계. 문제 이해 및 설계 범위 확정 기능적 요구사항 파일 추가. 가장 쉬운 방법으로는 구글 드라이브 안으로 drag-and-drop 가능하도록 파일 다운로드 여러 단말에 파일 동기화. 한 단말에서 파일 추가 시 다른 단말에도 자동으로 동기화 파일 갱신 이력 조회(revision history) 파일 공유 파일이 편집되거나 삭제되거나 새롭게 공유되었을 때 알림 표시 비기능적 요구사항 안정성: 저장소 시스템에서 안정성은 매우 중요. 데이터 손실 발생하면 안됨 빠른 동기화 속도 네트워크 대역폭: 너무 많이 사용하면 사용자 불편 초래 규모 확장성: 아주 많은 양의 트래픽도 처리 가능해야 함 높은 가용성: 일부 서버에 장애가 발생하거나, 느려지거나, 네트워크 일부가 끊겨도 시스템은 계속 사용 가능해야 함 개략..

1단계. 문제 이해 및 설계 범위 확정 아래와 같은 기능을 갖는 비디오 스트리밍 서비스 설계에 초점을 맞출 예정 빠른 비디오 업로드 원활한 비디오 재생 재생 품질 선택 기능 낮은 인프라 비용 infrastructure cost 높은 가용성과 규모 확장성, 그리고 안정성 지원 클라이언트: 모바일 앱, 웹 브라우저, 그리고 스마트 TV 개략적 규모 추정 일간 능동 사용자DAU 수는 5백만(5million) 한 사용자는 하루에 평균 5개의 비디오 시청 10%의 사용자가 하루에 1비디오 업로드 비디오 평균 크기는 300MB 비디오 저장을 위해 매일 새로 요구되는 저장 용량 : 150TB CDN 비용 클라우드 CDN을 통해 비디오를 서비스할 경우 CDN에서 나가는 데이터의 양에 따라 과금 아마존의 클라우드프론트C..

검색어 자동완성 (autocomplete, typehead, search-as-you-type, incremental search)에 관한 이야기. 1단계. 문제 이해 및 설계 범위 확정 요구사항 빠른 응답속도 : 사용자가 검색어를 입력함에 따라 자동완성 검색어도 충분히 빨리 표시되어야 함 페이스북 공식 문서 기준 시스템 응답속도는 100밀리초 이내여야 한다 연관성 정렬 : 시스템의 계산 결과는 인기도(popularity) 등의 순위 모델(ranking model)에 의해 정렬되어 있어야 한다. 규모 확장성 : 많은 트래픽을 감당할 수 있도록 확장 가능해야 한다. 고가용성 : 시스템의 일부에 장애가 발생하거나, 느려지거나, 예상치 못한 네트워크 문제가 생겨도 시스템은 지속 가능해야 함 개략적 규모 추정 ..